我和她的传世情仇全集:怎样制作网页

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
★要想学做网页，首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

祝你成功。
★你可以结合 Dreamwaver 和 Photoshop 来制作网页。

Dreamwaver 可以到这里下 30天试用版，不过要先登记一个免费帐号，http://www.macromedia.com/cfusion/tdrc/index.cfm?product=dreamweaver
★在网上有这方面的教程
教程
http://www.nease.net/xhelp/
http://school.jz173.com/（中国建站专家）
主页和个人空间
http://home4u.china.com/（中华网）
http://www.35.com/yumingzc/yumingzc.asp
建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用Frontpage

随网络的快速发展，上网已成为一种潮流。人们从网上传播和获取信息，而网页则是信息的基本载体。因此制作网页成为学生学习网络相关知识、学习信息传播知识的重要途径。

网页制作与其他教学相比，无论是教学思想、教学方法。还是教学手段、考核方式上都有其特殊之处。教师在教学中，采取怎样的教学模式和教学方法才能激发学生的学习积极性、提高教学质量呢？

网页制作的教学内容决定教学模式和方法，中小学开设信息技术课程的目的是培养学生的创新精神和实践能力、推动素质教育的开展，也就是说其重点是培养学生的动手能力。这样的目标，按照通常的教学模式（教师——内容——学生）的方法很难实现，甚至行不通。笔者采取网页制作教学模式（教师精讲指导——上机操作练习——学以致用）的方法进行教学效果不错。

一、学为主体，突起能力

计算机软件教学是中学信息技术教学的重要内容之一。网页制作教学有别于其他软件的教学。它具有教强的实践性。所以在教学中应充分体现学生的主体作用，即教师可用较短的时间做一些操作演示。还可以给学生展示一些较优秀的网页作品供学生参考，然后大部分时间交给学生，让他们在某一特定主题下自己动手制作。教师在学生制作过程中不要过多指点，应让学生在实践中摸索、在摸索中提高。当然这需要学生事先进行充分的预习，还要有其他软件知识（如Word）做基础。

这样做会不会花费较多时间，从而影响教学进度呢？回答是否定的。首先，从心理学的角度讲，兴趣是获取知识的源动力。学生对网页这种新事物非常感兴趣，早就跃跃欲试。其次，学习网页制作之前学生已有一些软件知识做基础，对软件本身的使用障碍不大。

这样的教学方法使学生的知识获取是通过亲身实践得到的，因此学得扎实，记得牢固。此外，学生在学习过程中遇到的问题是通过分析、摸索得到解决的，这又进一步提高了他们分析问题和解决问题的能力。所以这种以学为主、突出能力的网页制作教学方法是符合学生认知规律的行之有效的方法。

二、提倡创新，体现个性

网页是网络信息的基本载体，它除了为传播信息提供平台外，还体现出制作者的个人审美情趣和艺术修养。因此在网页制作的教学过程中，除了让学生掌握网页的一般制作技巧外，还应鼓励学生在制作网页时突出个人风格，提倡创新。

⒈自选主题

网页制作的作业应置选题分。教师可为学生提供一些网页主题，如环保、助残、娱乐等，学生可以选择教师提供的主题，也可以自拟主题，集中报教师后选题雷同的允许其重选，以利其取得较高的选题分。

2、页面新颖、美观

主页面的布局和制作是网页能否吸引人的关键所在，因此教师应在学生制作网页前将评价标准公布出来，把页面布局合理、制作精致、设计有新意、不雷同等作为加分因素。目的是鼓励创新、避免抄袭。这一标准对美术基础较好的同学十分有利，亦使他们的良好素质得到充分体现。

虽然教师事先准备了相关的文字、图片素材，但为了得到高分，学生们仍四处搜集相关图片、自己动手撰写文章、为自己的网页进行充分的素材准备，以期显示自己的个人风格。

这样进行的网页制作教学不但使学生学会了网页制作的方法，还充分展示了每个学生的个人审美情趣和对素材的组织能力，克服了以往学生们互相抄袭的弊病，能检验出每个学生的真实水平。通过这样的教学过程，学生们制作出的网页各有千秋，使我们老师都大开眼界，真正做到了教学相长。

三、鼓励协作，培养团队精神

“一花独放不是春，百花齐放春满园。”在当今竞争激烈的信息时代，如果只强调个人奋斗、忽视与他人协作，终究难成大器。在信息技术领域，团队精神显得尤为重要。在这个领域，许多软件都是几个、几十甚至几百人合作完成的。如果让一个人单独去做，恐怕当他的软件设计完成之时，也就是该软件淘汰之日。

为了鼓励协作，网页制作的考核中可增设小组附加分，即每四人为一组，小组成员的分数之和为小组分，小组分的30%作为附加分加入到该组每个成员的分数上。

学生在进行网页制作时遇到问题应首先自已分析解决，解决不了可请求其他同学帮助，如果仍不能解决则可组织小组讨论。由于有小组附加分的激励，能力强的同学在完成了自己的任务后，也乐于帮助同组同学，提高了小组总分，亦使自己受益。
参考资料：施书恩，李冬梅．高级中学信息技术教程． 2000．