电子杂志网站设计实践心得

网页制作心得体会 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。 网页制作的心得体会 ----网页制作论文摘要 通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字 页面设计 ASP和数据库 一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。 下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。 题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集 就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！） 大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。 如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。 网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。 到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。 先来介绍一下我这个网页吧。我的网页主要由三大部分组成：主页、各子网页以及各互联网链接。 首先是主页，采用的是index格式，是第一个显示的页面，其实原来第一个显示的页面是一个封面，但在网上用了一段时间之后我觉得有封面比较麻烦，花哨但不实用，显得有些多余，所以我就把它给去掉了，直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面，尤其是在它的视觉设计上包括结构，字体，背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍，以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字，旁边的welcome是插入的GIF动画，左上角显示日期，右上角显示你在网页呆的时间，下面是一排子目录，包括一些链接和子页面，点开就可以看到关于我的详细信息。下面是一个搜索引擎，采用的是百度是原代码。再下来是我的近况，也采用了特效。右边有一个滚动字幕，是一首诗，采用了特效，下面是一些常用大型网站的链接。最下面是关于浏览器的说明，主页基本上就是这些了，还有要说的就是“给我留言”是到网上去申请的免费留言板，然后链接上去。 子网页中， “Spear相册”里面全是照片，大部分照片是用数码相机照的，有两三张是扫描上去的；“家乡风情”里则是图片与文字并存，这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍，背景图片是我都是我精心挑选的，多数页面都插上了MIDI音乐作为背景，有个别页面还使用了特效。 接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能：各页面可以让你对我有一个比较详细的了解；强大的搜索功能令你在网络世界中畅通无阻，网站、mp3、flash、信息快递应有尽有；各大型网站的链接让你轻松登陆以便看消息、发邮件；想听歌吗？“我的音乐”将让你听歌变得如此方便；超级留言板可以让你畅所欲言…… 相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧！现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。 开始时我选择了DreamweaverMX作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX没有插入艺术字的功能，所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页，我主要用层来设计版面，再适当配合表格，经过两个白天和一个通宵，网页基本的框架就出来了，但这时却遇到了一个很令人头疼的问题：突然所有插上去的图片都不能显示了！！！我用尽了所有能想出来的方法，请教了很多的电脑高手都不能把这个无法解释的问题解决，就连重新安装DreamweaverMX也毫无作用，由于是借别人的电脑，时间紧迫，没有等到去向老师请教，我就一气之下把那些东西都删光了，连Dreamweaer也不例外，当时我真的很失望，想到这两天废寝忘食地做的东西一下全没了就很是接受不了，我曾经一度想放弃，不过冷静了之后我决定从头开始。我换了Frontpage，由于对Frontpage一无所知，也没有相关的书籍，所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似，于是很快掌握了其许多基本的功能。接着我又熬了一个通宵，决定把前面的损失弥补过来。前面的工作也不能算完全白做，因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计，只是改动了一些，大体的框架还是没有改变。 总结 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！！

由于没有独立或团队开发比较正规网站的经验，我在这次的《电视节目教材编导与制作》网站的开发中可以说是“摸着石头过河”，很多东西都是边学边做，在实际的制作中才发现原先制定的计划的不合理，不得不对计划进行修改。当然在这次网站的制作中我也学到了很多东西。 赖老师要求我们做一个集合了论坛、博客的网站。我们最终确定了制作一个关于电视编导与制作的网站。论坛方面依据以前学习的知识，我估计自己是有可能做出来的，当时我对博客程序全无认识，自己估计只能使用网上现成的程序进行制作。对于网站的最主要部分，课程网站部分，我们考虑是把它做成动网还是静网。动态网站最主要的部分是数据库的设计，当时我根本没有自己设计过网站的数据库，我没信心说可以一下子设计出一个合格的数据库，其次设计数据库后还要做文章的发布页，显示页等各部分，这些做出来要花很多的时间，我觉得这样会影响到整体的进度，最终决定把这部分做成静网。 后来跟同学聊天才知道有文章添加系统。这些担只要用文章添加系统就可以很轻松地解决。而决定做成静网使得可维护性很差，还附带来了很多的问题。 在确定网站的模式和分配完各人的工作后，我们就开始网站的制作。版面是组长负责的。他用Photoshp做出页面后我就开始用DIV+CSS制作页面，之后让其它成员按照网站的内容进行添加。 这里我又犯了一个错误，我们网站要求要外接样式表，这样网站的修改就比较简单，只要修改样式表就可以达到修改所有页面的效果。一开始我图方便在做模板时把CSS运用在当前文件，以为完成后再导出来也是一样的，没相到导出来后布局却被破坏了，最终不得不再从新布局，浪费了很多时间。 中期检查时赖老师对我们使用框架提出异议，认为滚动条不利于美观，要求修改。我当时想到有三种修改方法：把所有的导航做成文件使用asp的链接文件，把导航链接到相应的位置；修改相应关的代码，美化边框；不使用框架，每个页面都是完整的页面。由于我一向反对把一个静态网页的后辍改成asp,如果为了导航而这么做我，我觉得没必要，所以排除了第一种，而美化框的代码始终没有找到。最终我选择了看起来最简单的第三种方案，这也使得网站的后期修改显得很繁琐。 做完网页的模板后我一直在制作论坛，做出了一个很简陋的论坛。在论坛的开发过程中我体会到实现论坛的基本功能并不复杂，数据库只需要用户、栏目、帖子等几个表，再通过代码进行查询、判断、显示、更新等操作。但是这只是论坛最基本的功能而已，而网上的论坛还有许许多多的功能，要完善那些功能我感到力不从心。最终通过全组的集体讨论，我们决定放弃自己开发论坛的想法，使用了bbsxp论坛，作为我们网站的论坛。 之后我开始考虑博客的制作，我试用了几乎网上所有可以找到的基于asp的中文博客程序。我很喜欢zblog,可惜它只是个单用户的博客程序，不符合要求。最终我选择了功能很强大的oblog。我们对zblog和bbsxp进行简单的修改，并把两者的数据 合并到一起，再结合其他组员制作的页面合起来，完成整个网站的制作。 通过这次制作网站的过程，我个人 有以下几点心得体会： 在制定网站计划是很重要的，一个好的计划可以详细制定网站的相关内容，成员的分工，为后期的制作节省不少时间。团队开发的进度好像总是比实际中要慢，在制定计划时要有充分的准备。 团队合作的开发网站时组员的协作是一个很难的，队员的水平参差不齐，分配工作是应该详细地说明各角细节，要不然可能出现意想不到的问题。 制作网站时不能贪图方使，最终要的效果是什么样子，那么一开始就要那样做，要不我然常常会出现意想不到的问题。 网络是一个很大的学习空间，事实上很多的问题是可以在上面找到答案的，要学会使用它。 不能过分地依赖于网页的制作工具，如果用dreamweaver总是打开设计视图的话，就算把网站做出来也学不到什么东西。最重要的还是代码，我学会看懂代码，写代码。