《网站主页的设计》教学设计（精选5篇）

第一篇：《网站主页的设计》教学设计

《网站主页的设计》教学设计

浙江绍兴市第一中学信息处 董烨华

一、教材分析

本节课讲授浙江教育出版社《信息技术基础》第六章“网页的设计与制作”的相关，并根据《浙江省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学侧重于让学生掌握网站的策划与构思和熟练掌握简单网页的设计与制作。

二、学情分析

学生已经会收集和整理素材，掌握了用FrontPage制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。

三、教学目标

知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识；初步掌握网站的策划与构思。

过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。

情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注气候变化对人类发展的影响，增强社会责任感。

四、教学重难点

重点：学会运用表格实现网页布局，初步掌握网站的策划与构思。

难点：如何在主页制作中实现自己的网站设计构思。

五、教学过程

1．教学引入，学习准备

教师指导学生访问课堂学习网站（如图1），然后介绍网站的创作构思与特点。

师：这是老师为课堂学习专门设计制作的一个网站，请同学们从“名称贴切、主题鲜明、内容丰富、结构清晰、界面友好美观”五个角度，给网站做个评价，认为都满意就赶快伸出五个手指头。

学生们高举手臂，伸出五个手指。

师：谢谢大家的支持，你们的认可是我创作的动力。

师：通过前段时间的学习，我们已经较好地掌握了素材收集与整理的方法；掌握了一些利用FrontPage软件做网页的基本操作；在欣赏优秀网站的基础上，对网站的策划与构思有了一定了解。这节课，我们将跟随着学习网站的导航栏，一起揭开创建个人网站的第一页──设计制作网站主页。

师：先来玩一个拼图游戏吧。

图1 学习网站首页 图2 学习参考页面

设计意图：用学习网站吸引学生的注意力，使其迅速进入课堂学习状态。通过学生评价老师的网站设计，使学生对网站策划构思中要考虑的因素有进一步认识。

2．以趣激学，化解难点

学生浏览学习网站中“拼图游戏”活动要求。

活动内容：将分割成小块的图片素材插入到教师预先设计好的网页中，完成拼图。

图3“威尼斯的泪”网站主页

图4 “威尼斯的泪”表格框架

师：老师这里有个完工的网站主页（如图3），网站主题是关于拯救水城威尼斯的，网站名称是“威尼斯的泪”，页面十分简洁，用一张图片吸引观众目光，导航栏设置在右下处，四个超链接对应网站的四块内容，这种网页布局可归为封面型的布局类型，在个人主页和企业网站设计中较常用（具体可参考学习网站）。请大家仔细看这个网页，接着我们将用它的半成品来玩拼图（如图4）。

教师用FrontPage软件打开半成品网页。

师：同学们看到网页上都有些什么？

生：哦，表格，原来刚才的网页是用这样的表格来实现布局的。

师：对了，那再仔细观察一下，这里到底用了几张表格。

生：两张，三张„„

师：答案是五张表格，最外面一张虚线显示的表格将整体分为上下两大块，然后表格里面套表格，最终将所有网页内容，用一个个单元格定位。

师：现在网页上半部分的九个单元格就是留给大家来完成拼图的，加油，看谁最快完成提交。

学生下载素材，尝试着完成拼图；教师巡视，了解学生的制作过程。学生在制作过程会碰到一个主要问题“如何将图片拼得天衣无缝”，涉及到表格的属性设置这一知识点，要能够想到将表格边框设置为隐藏，将表格单元格边距和间距值都设置为0。

师：已经有同学完成拼图提交了，某某同学是最快完成的，让我们一起来看一下他们的拼图吧。

教师根据学生完成情况，选择不同的教学，如果已经有学生很好地完成了拼图，就请学生来讲解、演示；如学生都没有很好地解决问题，教师可以通过提问“五张表格中最外一张用虚线显示的表格在预览中是否能看到它？”“表格边框隐藏是怎么实现的？”“表格属性中还能设置什么？”等问题，引导学生找到答案。

师：只有想不到，没有做不到，网页布局，表格帮你轻松搞定。

设计意图：以一个熟悉的游戏任务引导学生探究、学习、掌握表格布局的知识。同时，任务素材又是后续学习任务“主页设计”的一个范例，帮助化解学习难点。

3．创设情景，引起思考

师：再次欣赏这幅拼图作品，不知道摄影师有没给它取过名，就让我们来给它设计个名称吧。

生：“大海，大海”，“港湾”，就用“威尼斯的泪”„„

师：请大家分别用“大海，大海”和“威尼斯的泪” 做名称来看这幅作品，不知道你的脑海里会浮现些什么？

生：很不一样。

师：作品的名称十分重要，它能够引导观众欣赏的视角，我们在进行网站策划构思的时候，一定要给自己的网站设计好名称。

师：拼图照片源自一则反映威尼斯遭受水淹的新闻报道，由于气候变化，威尼斯经常遭受水灾，人们用葬礼的形式倡议拯救威尼斯。在学习网站还有“‘2012’离人类还有多远？”和“哥本哈根气候大会”等背景资料，提供这些材料是为了引起大家对“气候变化对人类社会的影响”这一社会议题的思考，同时我们将借助网页技术来发出自己的声音。

师：让我们一起进入主页设计活动环节。

设计意图：通过名称设计，揭示网页作为一种信息表达技术的价值，培养学生的创作意识。用热门新闻和议题创设情景，激发学生创作欲望和增强社会责任感。

4．任务驱动，合作探究

活动内容：根据背景资料，以同桌同学为小组，进行网站创建的策划与构思，形成网站主页的初步框架，以完成主页表格框架或绘制草图等形式呈现结果。

师：主页设计是网站设计制作的一个重心，设计的完成如同写文章列好了提纲，将对整个网站的制作过程和完成质量起重要影响。接下来，小组同学要发扬团队协作精神，一起来完成学习任务。这可能是我们第一次进行网站主页的设计，所以老师给大家的建议是“从模仿做起，善于吸收他人经验”，在学习网站中有“网站创建流程”“网站主页设计”“主页模版欣赏”等内容可供参考。

教师将“网站创建流程”（如图2）和“威尼斯的泪”表格框架网页（如图4）投影在屏幕上，作为重点提示；了解小组合作情况、操作进度，解决技术问题，并对技术相对薄弱的小组重点帮助指导。小组同学合作协商，进行网站的策划与构思，形成网站主页的初步框架。

设计意图：通过任务驱动、小组合作探究，让学生在实践中体会网站创建和主页设计的知识，培养协作、交流的意识和能力。

5．交流评价，分析提高

师：在刚才的学习活动中，大家表现很好，一些小组中，同学们的讨论很激烈，发挥了各自特长，任务完成体现了1+1>2的效果；下面我们一起围绕以下三点来交流学习成果：网站名称响亮有特点、栏目设置有趣且反映主题、页面布局美观可实现。老师会请几组同学派代表上台来介绍自己的设计，其他同学随时准备发表观点。

设计意图：通过交流评价学习成果，有助于学习小组的思维与智慧被整个群体所共享，形成共享的、更高级的理解，同时在评价中获得成就感。

6．课堂小结，延伸教学

师：这节课我们围绕设计网站主页，实践探讨了网站的策划构思和实现的过程，接下来的几节课我们将进一步完善设计，学习新知识以至完成整个网站。网页技术作为一种信息表达的技术，其真正价值的体现在如何更新颖合理地表达一个有意义的主题或内容，希望同学们在日常学习过程中注重观察，多积累一些网页制作的知识，提升技术素养。

六、教学反思

在让学生围绕某个主题进行网站设计制作时，会碰到这样一些情况：（1）找不到头绪，无从下手；（2）想到一点做一点，结果做到一半再也做不下去；（3）网站最终完成了，但却暴露出栏目设置不合理，内容无法体现主题等问题。显然，学生对网站策划构思的知识掌握不够，我在教学设计中融入了三种方法来加强引导：（1）作品欣赏，俗话说：“熟读唐诗三百首，不会做诗也会吟”，模仿是创作入门的重要途径；（2）开展构思协商，通过小组合作和全体交流讨论，有助于教师和每位学生的思维与智慧被整个群体所共享，形成共享的、更高级的理解。（3）进行作品评价，在自评和互评中反思自己策划构思的不足，发现自己和他人设计的新颖之处，使学生获得满足感和成就感。

第二篇：网站设计及主页制作合同书

甲方：（以下简称甲方）

乙方：（以下简称乙方）

电话：

鉴于甲方委托乙方进行网站设计、主页制作，帮助甲方树立形象，扩大宣传，为明确双方责任，经双方协商，签订此合同，以期双方共同遵守。

一.双方的权利和义务

1.甲方的权利和义务

1-1 提供有关企业的材料及图片，应保证材料完整，图片清晰。

1-2 开展的业务必须符合国家法律和社会公共利益。

1-3 按时支付费用。

1-4 依合同约定时间使用主页。

2.乙方的权利和义务

2-1 按照甲方提供的材料按时完成主页的制做。

2-2 可以在主页中注明该主页由乙方制作。

2-3 有权依合同收取费用。

二.主页制做完成及发布时间

收到材料_____日后制做完成，验收合格即公开上网发布。

三.合同金额及付款方式

本合同涉及的总金额为人民币[_____元]。合同签订后1日内，甲方支付合同定金[_____元]，验收合格之后1日内支付合同余款[_____元]。

四.验收标准和验收后修改补充

1.甲方可以通过任何与因特网进行网络连接的计算机浏览自己的主页。

2.主页无文字拼写及图片（以甲方提供的材料为标准）错误。

3.验收期限为_____星期。

4.验收合格网上发布后，如果甲方需要修改主页，改动较大者须重新交网页制作费。

5.可办理网站委托管理，每月为您及时更新内容。

五.合同期限

本合同有效期为_____年_____月_____日至_____年_____月_____日。

六.争议解决

本合同于其履行过程中如发生争议，双方应本着友好合作的精神协商解决。

如果协商未成，双方同意向鄂州仲裁委员会提交仲裁并接受其仲裁结果。

七.附则

1.本合同自双方签订后生效，一式两份，甲乙双方各执一份。

2.本合同未尽事宜，双方应在本合同达成的原则基础上以补充条款的方式明确，补充条款与本合同具有同等的法律效力

甲方：乙方：

代表人签字：代表人签字：

年月 日 年 月 日

第三篇：网站主页制作协议书

甲方：_________

乙方：_________

经双方友好协商，达成如下协议：

一、_________（以下称甲方）委托_________（以下称乙方）制作甲方网站http://_________的主页，乙方应按照甲方的要求制作主页，并达到甲方满意的效果。该网页内含有／不含有后台管理系统。甲方应在_________天内对网页内容，美工及外观方面进行满意确定。确定满意后，如有欠款，甲方应全部付清。确定满意后，如甲方再要求更改网页，则应付费，更改的费用与新作主页费用相同。但是，在任何情况下，有下列情况之一者，乙方负责免费为甲方修改网页：

（1）网页内文字出现错别字的，乙方负责在_________个工作日内改正；

（2）后台管理出现错误的，乙方负责在_________个工作日内改正；

（3）任何其他数据库方面的错误，乙方负责在_________个工作日内改正；

（4）因甲方地址变更或电话号码更改，而进行必要的内容方面的更改的，自接到甲方通知之日起，乙方在_________个工作日内改正。

二、网页制作价格总计为_________元，甲方应于_________年_________月_________日前付清上述款项。

三、所有的网页内容及相关产品的图片等由甲方提供，基于美工方面的图片可以由乙方提供，也可以由甲方提供。在付款后网页的版权归甲方所有，乙方在未经甲方口头或书面允许时，任何时候不得将甲方网页的机密部分（如后台管理，程序源代码等）向第三方透漏，否则甲方有权依法向乙方索取赔偿。在付款前，网页的所有权归乙方所有。甲方在本协议规定期限内仍未付清所有款项时，乙方有权对网页进行任何处置。

四、甲方应对网页的源代码进行备份。因甲方未对网页的源代码进行备份而发生源代码损坏丢失等，乙方无法为甲方恢复，也对此不负责任。

五、乙方负责对甲方进行操作培训，该培训可以以任何方式进行，如电话、传真、面授等，培训内容仅限于乙方所提供的服务的内容，如邮件的使用，源代码及数据库的备份，网站后台管理的使用等。培训内容不包括网页制作等相关内容。

六、本协议未尽事宜，双方应本着平等，互利，友好的原则协商解决，并可签署附加协议。附加协议与本协议具有同等效力。本协议一式两份，双方各执一份。

甲方（盖章）：_________乙方（盖章）：_________

负责人：（签字）负责人：（签字）

_________年____月____日_________年____月____日

第四篇：网站主页制作合同书范文

甲方：_________（以下简称甲方）

乙方：_________（以下简称乙方）

一、合同项目

乙方代甲方进行注册域名、网络实名、虚拟空间租用、网站的制作、维护与修改工作。乙方为甲方注册顶级国际域名：_________，网络实名为：_________，虚拟主机租用一个_________m，企业邮局：_________，网站的制作及今后网站的维护与修改工作。

二、双方的权利和义务

甲方的权利和义务

（1）根据本合同项目的实际需要和乙方的要求提供协助并提供有关的材料及图片等，提供资料完整，真实，合法，协助并派专人负责与乙方联络，协调。

（2）甲方应按时足额向乙方缴纳所需的全部费用和服务费用。如果在规定的时间内没有足额足额交费，被视为自动放弃所有服务（包括国际域名，网络实名，虚拟主机），甲方应承担全部法律后果。internet域名管理机构（包括但不限于internic和／或cnnic，下同）有权取消对域名的注册，网络实名的注册和虚拟空间的租用。

乙方的权利和义务

（1）代甲方支付internet域名管理机构所需的有关费用，网络实名和虚拟主机的费用。

（2）按照甲方提供的材料及时完成本合同中的技术开发工作和今后网站的维护工作。

（3）依合同收取费用。

三、合同金额与支付方式

合同金额：域名注册：_________元；网络实名：_________元；虚拟主机：_________元；企业邮局：_________；网站制作费用（包括第一年的免费维护费用）_________元；合计金额：_________元。

付款方式：自本合同签订后，甲方先支付乙方_________元（_________年的域名注册费＋_________年的网络实名＋_________年的虚拟主机租用费＋_________年的企业邮局），网站制作费用在制作完成后一次性付清。

四、合同的解除，终止与违约责任

甲方不能按时支付合同费用，导致的工期延误，其责任由甲方承担。在甲方前一次付款款项的有效期结束后，如没有接到甲方第二付款，本合同自动失效。

因不可抗力或者其他意外事件，或者使得本合同的履行不可能，不必要或者无意义的，任一方均可以解除本合同。遭受不可抗力，意外事件的一方全部或部分不能履行本合同，解除或迟延履行本合同的，应将事件情况以书面形式通知另一方并向另一方提交相应的证明。

本合同所称不可抗力，意外事件是指不能预见，不能克服并不能避免且对一方当事人造成重大影响的客观事件，包括但不限于自然灾害如洪水，地震，火灾和风暴等以及社会事件如战争，**，政府行为等。

五、争议的解决方法

国履行本合同或者与本合同有关的一切争议，双方当事人应通过友好协商方式解决。

协商不成的，双方同意向仲裁委员会提交仲裁并接受其仲裁规则。

六、其他约定

本合同的解除，终止或者本合同有关条款的无效均不影响本合同关于合同的解释，违约责任及争议解决的有关约定的效力。

本合同的订立、效力、解释、履行和争议的解决均适用于中华人民共和国法律法规和本行业的规范。

任何一方对本合同内容和对方当事人的商业秘密均负有保密的义务。经双方协商一致，可以对本合同有关条款进行变更。

七、订立本合同所依据的法律，行政法规，规章发生变化，本合同应变更相关内容；订阅本合同所依据的客观情况发生重大变化，致使本合同无法履行的，经甲乙双方协商同意，可以变更本合同相关内容或终止合同的履行。

八、本合同有关条款或者约定若与双方有关陈术不一致或者相抵触的，以本合同为准，但经双方协商一致同意保留的除外。

本合同经双方授权代表签字并盖章，自签订日起生效。本合同一式两份，双方当事人各执一份，具有同等法律效力。

甲方（盖章）：_________乙方（盖章）：_________

授权代表（签字）：_________授权代表（签字）：_________

_________年____月____日_________年____月____日

第五篇：学院主页设计开题报告

太原理工大学现代科技学院信息系

本科毕业论文（设计）开题报告

毕业设计(论文)题目 信息工程学院主页设计

学生姓名 专 业 班 级

杨雨鑫 通信工程

导师姓名 报告日期

焦江丽

通信08-2班

指导教师意见

签字 年 月 日

专业(教研室)主 任意见

年 月 日

系主任

意 见

年 月 日 1.选题意义

Internet正在以强大的冲击力影响着人类的生活。Internet的出现和迅速发展，彻底改变了人们的传统生活方式。Internet现在已经渗透到了人类社会的各个领域，以及人们的日常生活的各个环节。

Internet的迅速普及，正是依靠不计其数、丰富多彩的网站。网站是由网页按照一定的链接顺序组成。现在有越来越多的人希望在网络上拥有自己的个人主页或个人网站，来展示个人的个性和特点。同时也有越来越多的企业通过互联网上来展示自身形象，提供服务和产品资讯。以这种廉价的方式获取最大的宣传效果。

在这种背景下，各个大学也相继推出了自己的网络主页。进而每所大学的各个学院，甚至每个系，都需要一个主页来彰显自己的特点，共享自己的信息与材料。

所以说，网页制作已经成为现代社会中人们的一种基本功，越来越多的人希望学习如何制作网页，同时越来越多的网页制作工具展现在人们面前。当然掌握所有的网页制作工具是不可能，也是不必要的。

本次设计主要通过一些网页制作工具，完成太原理工大学信息工程学院的主页设计。

2．内外研究现状概述

正是互联网为信息交换提供了广泛的平台，对这种新兴的信息传播介质感兴趣的人们也越来越多，各种类型的网站如个人博客、社交网站、门户网站、各类论坛等如雨后春笋般的在互联网上诞生，极大地丰富了人们的生活。现在，越来越多的人志兴与网站设计。随着网络的快速发展，网页设计开始变得多样化，暂时的低潮不代表它没有未来。现代的网页设计涉及的具体内容很多，主要由实用功能、版式设计、视听元素等三方面组成。现代的网页设计中处处体现实用功能，花哨的、无用的设计在网页潮流中必将慢慢被人们所遗忘，突出实用功能才是现代网页设计思想中的主流。类似Google、Baidu，就是以功能为主的网页设计最 有力证明。使用者如何从网页中得到更好的功能。这就需要站在使用者的角度来看待网页设计，才能使自己做出的网页受欢迎，从而达到基本的目的；所谓网页的版式设计，就是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维的个性化表现出来。以便使版面上的思想能进入观者的心灵。

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的设计中占据着极其重要的地位，让浏览者产生感官上的美感和精神上的享受；网页视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导 航工具、背景音乐、动态影像等。多媒体技术的运用大大丰富了网页设计的表现力。可以说现代的网页设计极大化的运用了各种媒体的技术手段，使得设计技术空前强大。

网页设计的程序语言也已经非常丰富，ASP．net、PHP、JSP为主要设计动态网页的语言。此外还有一些网络编程工具，Javacript、Java编辑器等。用这些优秀的设计代码作为设计工具，网页中的设计代码显得越来越简单明了，所呈现出来的样式确实非常新颖和现代。随着网络的日新月异的不断发展，现代的网页设计形式突出实用功能，以高技术，精美版式的动感页面为主，页面的设计代码页越来越精干，网络呈现出一派欣欣向荣的情景。

不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。

3。主要研究内容

网页设计——网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

本次设计的主要设计内容即是太原理工大学信息工程学院的主页设计。设计，制作甚至建设这样一个主页，主要的目的就是通过网页的形式，展现我院的形象，介绍我院的产品和服务，体现我院发展的战略途径等。因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据老师或者同学们的需求、整个学校的状况、学院自身的情况等进行综合分析，以“消费者”为中心，而不是以“美术”为中心进行设计规划。

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

4.拟采用的研究思路（方法、技术路线、可行性论证等）

网页设计的工作流程：

制作网站最容易犯得错误就是确定网站类型后就立刻动手制作。当制作了一些页面后才发现，网站结构混乱，内容规划不合理，这样的网站不仅会让浏览的用户头疼，自己将来维护起来也相当困难，所以制作网站之前要对网站有个整体的规划，网站设计要符合一定的工作流程。（1）分析与策划

在创建网站之前首先需要对网站进行整体分析，分析网站的功能及目的，确定网站的用户群，然后依据分析内容来确定网站的域名、网站的空间、所需使用的网站技术以及设置网站栏目及子栏目等内容。（2）材料的收集

依据网站的栏目及类型搜集建站所需的资料、素材，包括文字内容、图像及其他设计网站所需的资料。（3）网页的布局规划

根据上面的网站栏目规划及收集的资料，将网站中各个栏目的布局方式做个规划，绘制到纸上或计算机中，作为网站设计的草稿使用。（4）网站页面设计

根据上面修正过的草稿，通过Fireworks、Photoshop等图像处理软件设计出网站页面的正式布局界面，然后将网站界面切片为网页可以使用的各个图像文件，并制作出所需的Flash动画等网站所需的设计素材。（5）在网页编辑软件中编辑网页

依据前面整理的资料以及设计的界面、切片的图像与制作的网页素材，通过Dreamweaver等网页编辑软件整合为编辑用户可以浏览的网页形式。（6）程序编写

根据网站的功能以及设计的页面设计网站的数据结构，并通过程序语言编写网站的功能与网站操作后台，对于网站的程序编写完全可以通过Dreamweaver完成。对于纯HTML网页则不需要程序的编写，可以跳过这一步。（7）测试与优化

在交付网站前，必须对网站进行全面的测试与优化，尽可能减小网页文件的体积，以及减少日后错误发生的可能几率。

（8）发布

将制作完成的网站发布到互联网中，并对发布的网站进行宣传。

5.研究工作安排及进度

（1）第一周：对所要做的网站做整体分析，分析所做网站的功能，确定网页制作需要的软件，将这些软件下载到电脑上。例如Dreamweaver8,photoshop等。（2）第二、三周：对所用软件进了解与学习，尽可能熟练掌握软件的用法。（3）第四周：收集要做网页所需的材料，例如学院的图片，一些好看的LOGO等，尽可能多。

（4）第五周：进行网页整体的布局规划，色调选择。先制作一个整体框架，绘制到纸上或计算机中，作为网站设计的草稿使用。

（5）第六、七周：根据上面修正过的草稿，通过Fireworks、Photoshop等图像处理软件设计出网站页面的正式布局界面，然后将网站界面切片为网页可以使用的各个图像文件，并制作出所需的Flash动画等网站所需的设计素材。

（6）第八、九、十周：依据前面整理的资料以及设计的界面、切片的图像与制作的网页素材，通过Dreamweaver等网页编辑软件整合为编辑用户可以浏览的网页形式。

（7）第十一周之后：将之前做好的网站进行测试、优化等步骤，使其更完美地展现在大家面前。

6。参考文献

（1）袁斐，网页设计现状的一些发现，南工业贸易职业学，2010。（2）周明，网页设计与制作，天津大学出版社，2009.03。（3）百度百科，http://baike.baidu.com/view/8972.htm#3。（4）闪盟网页设计，网页设计的工作流程。（5）维基百科，http://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1。

（6）海玲，Dreamweaver主页制作速成，网络与信息，2000.（7）江阴网络公司，网页设计现状以及实战技巧。

（8）赵祖荫，网页设计与制作教程

（三），清华大学出版社。（9）网页设计与制作，广东广播电视大学学报，2011。

（10）李莉，计算机应用培训教程--Photoshop7.0中文版，电脑知识与技术，2003。

（11）宋容、李霞婷，Adobe Photoshop鲜为人知的操作技巧及应用，电脑知识与技术，2009。

（12）我要自学网，Dreamweaver视频教程，http://。

（14）Serva/Sandy, A brighter flash: the Macromedia Flash Ad Alliance, EContent,2001。（15）叶斌, 版社，2009。黄艳峰, 吴洁，网页设计与制作基础教程，北京:清华大学出