《网页制作与设计》课程教学大纲
（Designing and propagation of website）
课程性质及类型：专业必修课
学 时 数： 72 ；其中，课堂学时：36；实验学时：36
学 分 数：
适 用 专 业：信息管理与信息系统、电子商务
一、课程的地位、作用与任务
《网页设计与制作》是一门综合性、应用性很强的课程，是教育技术学专业的一门专业必修课程。通过学习本课程，能利用DreamweaverCS6来开发出有实用价值的网站来。熟练掌握DreamweaverCS6的基本界面环境和HTML语法，了解当前常用数据库的基础知识，能利用数据库来为网站服务。
本课程以《DreamweaverCS6网页设计与制作案例教程》作为教材，该教材采用项目教学法。项目教学法是通过实施一个完整的项目而进行的教学活动，其目的是在课堂教学中把理论与实践教学有机地结合起来，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力。这也充分体现了我校的培养应用型人才的路线。
二、课程教学内容及要求
第一章[为网页设计做准备]
教学目的与要求：
1、理解网页基础的知识。
2、让学生对网页设计有一定的认识。
教学重点与难点：
网页基础知识
一、网页定义；
二、URI；
三、网站和首页；
•网页合成体称为网站 •网站的开始页称为首页；
四、网页常见元素；
•文字资料 •图像档案 •超链接
五、编辑网页；
•可以使用普通的文本编辑器（记事本、Notepad++等）编辑
•使用所见即所得网页编辑工具；
六、本课程主讲的软件；
第二章[初识DreamweaverCS6]
教学目的与要求：
1、熟练掌握建站流程、网站的定位；
2、熟练掌握使用Dreamweaver在网页中添加常用元素。
教学重点与难点：
【教学重点】 1 、建站流程 2 、网站的定位 3 、熟练掌握在网页中添加文字等元素
网页的设计与制作教学设计
摘 要：21世纪我国教育信息化与基础教育改革的进一步深化不断冲击着传统的教学模式。信息技术教学如何适应信息时代的要求，探索新的教与学的方法是当前的一个重大课题。提高学生信息素养，培养学生信息技能是我国基础教育阶段普及信息技术教育的主要目标。新课程在教学理念、教学组织方式、学生的学习方式等多方面都对教师提出了新的要求。高中信息技术教师作为教育实践者与研究者，需要不断加强理论学习，紧跟教育改革趋势，探索行之有效的教学方法和教学模式。也就是说对高中信息技术教学设计进行学习与研究，是一个永不过时的主题。
关键词：网页 设计 制作 教学设计
一、教材和教材分析
教材：《信息技术基础》，教育科学出版社，第六章——网页的设计与制作。
概述：在本书的前面几章已经详细地给学生讲过了关于信息的各项知识，如，信息的概念、信息技术、信息的来源与获取、信息的加工、管理、表达与交流等，在学习了这些基础性的知识以后，同学们了解了信息是经过怎样的处理、怎样的渠道来与大家分享的，本节课就要和学生共同学习一种信息表达与交流的重要形式，即网页的设计与制作。在进行了本节课的学习之后，相信大家将会对网站和网页有一个全面的认识和了解，并且能够初步地进行网页的设计及制作，从而为后面做出优秀的网站和网页打好基础。
在目前，网站与网页对我们的生活有着非常重要的作用。随着互联网的普及与发展，网站已逐渐成为政府、企业或个人对外展示、信息沟通最方便快捷的桥梁，同时，网站和网页也成为广大网民获取各种信息的重要渠道，如，新闻网、购物网等，大家尽可以足不出户地“闻天下事，晓天下情”，它为我们的生活带来了极大的方便。所以说，学会如何制作优秀的网站和网页是这节课的核心内容。
重点：掌握网页元素和网页构件的使用。
难点：在设计网页时各种网页元素和构件的合理使用。
二、教学目标
（一）知识与技能目标。
认识网站和网页，了解网页制作的基本元素及工具软件，掌握素材的收集与整理方法，为网页的设计与制作打好基础。
ＶｏＩ．１９ Ｎｏ。４ Ｊｏｕｒｎａｌ ｏｆ Ｈａｎｄａｎ Ｐｏｌｙｔｅｃｈｎｉｃ Ｃｏｌｌｅｇｅ Ｄｅｅ．２０Ｏ６
网页设计与制作
贾慧敏
（邯郸职业技术学院计算机系，河北邯郸０５６００１）
摘要：网络以其信息容量大、形式多样、传播速度快、覆盖面广、方便自由。易于交互等特点，已经
发展成一个全新的传播媒体。而网页在设计时如何形成内容和形式的统一，达到最佳的视觉表现效果，
是许多网页设计者所面临的新课题。
关键词：网页设计；结构布局；文字使用；色彩编辑；图像运用；
中图分类号：ＴＰ３９１．４１ 文献标识码：Ａ 文章编号：１００９—５４６２（２００６）０４—００９４—０３
当今网络以其信息容量大、形式多样、传播速
度快、覆盖面广、方便自由，易于交互等特点，已经 发展成一个全新的传播媒体，并正以前所未有的
速度迅速发展。网站已成为反映企业形象和文化
的重要窗口。是企业开展电子商务的基础设施和 信息平台，企业的网址被称为“网络商标”，是企业
无形资产的组成部分。而网站是由网页集合而
成，一个成功的网站，要将公司信息、产品信息最 完整、最形象、最具良好沟通性地向全球展示，因
此网页的设计是极为重要的。
一、网页设计与平面设计
我们知道网页设计脱胎于平面设计，但又不同 于平面设计。平面设计是在二维空间范围之内，将
不同的基本图形，按照一定的规则在平面上组合成 图案，来描绘物体的静态形象。在平面设计中所表 现的立体空间感。并非实在的三维空间，而仅仅是
图形对人的视觉引导作用形成的幻觉空间。
网页设计是平面设计的静态表现转向动态传
达的结果，由传统印刷的传播方式转化为虚拟信 息的传播方式。网页拥有传统媒体不具有的优
势，能将图片、文字、声音、动画等多种媒体相结 合，营造出一个互动的全球化的视觉传达世界。
如果说平面设计是单～媒体，网页设计可称为多
媒体技术的综合展现。在有了充实内容的前提 下，好的网页不仅需要强大的技术支持，更需要精
《网页制作技术》教学大纲
第 1 页 共 11 页 《网页设计与制作》教学大纲
一、课程说明
1、课程代码： 040030
2、总学时数：68 ，其中理论环节学时数：44 ，实验实践环节学时数：24
3、学分： 4
4、适用专业：计算机应用技术、计算机网络技术、信息安全技术
5、本课程的性质、地位和作用
本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求
1、本课程的目的、任务
本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求
（1）知识要求
•掌握网页制作原则、方法及常用技术
•熟悉一种主流软件，如DREAMWEAVER
•了解一定图像制作及动画软件使用，如FLASH、FIREWORK
（2）素质要求
•敬业精神：树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工 《网页制作技术》教学大纲
第 2 页 共 11 页 •较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求
•HTML语言的运用与理解
•三剑客的使用
•设计一个静态网站
主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配
章节
（序号） 内 容 学时数
理论 实践 总学时
