网页设计与制作教学大纲一、说明1、课程的性质和内容网页设计与制作课程是计算机应用技术、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。2、课程的任务和要求通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。3、教学中应注意的问题在教学过程中要注重Dreamweaver、Firework或Photoshop和Flash软件的主要功能，其中Dreamweaver主要是完成网页设计和网站管理；Firework或Photoshop主要进行图像的设计与编辑；Flash主要开发适应网络传输的流媒体电脑规划。并且要培养学生综合使用这些软件的能力，注重学生动手能力的培养和上机试验。教学过程中应该以Dreamweaver为主。在讲授理论的同时加入具体的设计项目实验，力求达到实战的效果避免空洞的理论学习。二、学时分配模块名称总课时讲授演示实验仿真模块11-11-21-31-41-5初识网站和网页网站和网页网页中的元素类型常用网站管理与制作软件网站建设流程HTML与CSS入门642模块22-12-22-N初识Dreamweaver熟悉Dreamweaver操作环境网站规划与管理设置页面属性6222模块33-13-2网页布局方法使用表格布局网页使用框架布局网页6222模块44-14-24-34-4编辑网页元素文本输入与编辑使用图像使用Flash动画使用其他媒体元素6222模块55-15-2使用超链接设置超链接管理超链接422模块66-16-2HTML样式和CSS样式编辑HTML代码创建和使用CSS样式表422模块77-17-27-37-47-5Dreamweaver高级应用使用行为时间轴的应用表单及其应用模板与库CSS样式的应用10244模块88-18-2网站的优化页面的美化站点的优化422模块99-19-2站点的发布发布前的工作发布站点与更新422考试、机动理论考核2合计52三、课程内容及要求模块一、初识网站和网页教学要求：1、使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣2、了解网页中的常用元素类型3、了解常用网站管理与制作软件4、了解网站建设流程5、理解HTML与CSS基本知识 教学内容：1-1 认识网站和网页1-2 网页中的元素类型1-3 常用网站管理与制作软件1-4 网站建设流程1-5 HTML与CSS入门模块二、初识Dreamweaver教学要求：1、 熟悉Dreamweaver操作环境2、 了解网站规划与管理3、 掌握页面属性的设置教学内容：1-1 熟悉Dreamweaver操作环境1-2 网站规划与管理1-3 设置页面属性模块三、网页布局方法教学要求：1、掌握使用表格来布局来定位网页2、掌握使用使用框架布局网页教学内容：1-1 使用表格布局网页1-2 使用框架布局网页模块四、编辑网页元素教学要求：1、掌握文本输入与编辑2、掌握在网页使用图像3、掌握使用Flash动画4、了解使用其他媒体元素教学内容：1-1 文本输入与编辑1-2 使用图像1-3 使用Flash动画1-4 使用其他媒体元素模块五、使用超链接教学要求：1、掌握超链接的设置2、掌握如何管理超链接教学内容：1-1 设置超链接1-2 管理超链接模块六、HTML样式和CSS样式教学要求：1、 掌握编辑基本HTML代码标记2、 掌握创建和使用CSS样式表教学内容：1-1 编辑HTML代码1-2 创建和使用CSS样式表模块七、Dreamweaver高级应用教学要求：1、 熟悉行为的使用2、 掌握时间轴的基本应用3、 掌握表单及其应用4、 了解模板与库5、 熟练掌握CSS样式的应用教学内容：1-1 使用行为1-2 时间轴的应用1-3 表单及其应用1-4 模板与库1-5 CSS样式的应用模块八、网站的优化教学要求：1、 掌握网站的基本优化技巧2、 掌握页面的美化和工具的使用3、 掌握站点的整体优化教学内容：1-1 页面的美化1-3 站点的优化模块九、站点的发布教学要求：1、掌握发站点发布前的工作和程序2、掌握发布站点与站点的后续维护与更新教学内容：1-1 发布前的工作1-2 发布站点与站点的后续维护与更新第 5 页 共 5 页