《网页设计与制作》授课计划.docVIP

网页设计与制作授课计划表1网页设计与制作各模块课时统计表课程模块课时比例课时各模块类型比例“理论实践”一体化课程课堂教学40%4040%课堂实践8%1060%单元独立实践25%26课外拓展实践生产性实训27%28课时合计100%104100%表2网页设计与制作实践性环节一览表序号实践环节项目名称教学目的使用场合1课堂操作示范案例1：创建我的足球网案例02我与足球案例03足球新闻案例04足球明星页面案例05制作层布局页面-环游世界案例06应用框架制作电子书案例07网页的动感效果设计-多媒体示例案例08行为使网站更智能化_软件下载之家案例09使用CSS样式格式化页面青岛教育在线网按照由浅入深的认识规律学习网页制作的基础知识和基本技能。将网页制作的知识融入案例中进行讲解示范用于教师课堂知识讲解和操作示范2同步模仿实践案例10：应用模板制作相似网页-美文随笔模仿老师讲解的方法，制作网页，理论与实践相结合，“教、学、练”三者有机融合用于学生课堂练习3单元独立实践案例11：“我行我摄”摄影网站根据所学的网页制作知识以及课堂实验所积累的经验，独立制作网页。每一教学阶段安排一次综合性的上机实验，综合运用前一阶段所学习的知识和所掌握的技能设计制作网页，只提供素材和参考网页，由读者自己选择页面布局结构、色彩搭配、导航条结构用于单元独立实践4课外拓展实践案例12：“班级管理系统”网站根据所学的网页制作知识以及上机实验的积累的经验，利用课余时间自己动手尝试制作网页用于学生课外训练，学生自准备素材5工学结合实训案例13：“剪纸文化协会”网站一方面按照教师讲解知识的顺序完成实验，掌握各个知识点的具体应用，另一方面按照网站的实际开发流程进行分析网站开发综合剖析、用于实训期间集中训练表3网页设计与制作课程教学模块与案例模块类型案例名称模块名称教学单元名称“理论实践”一体化课程案例1：创建我的足球网案例02我与足球案例03足球新闻案例04足球明星页面案例05制作层布局页面-环游世界案例06应用框架制作电子书案例07网页的动感效果设计-多媒体示例案例08行为使网站更智能化_软件下载之家案例09使用CSS样式格式化页面青岛教育在线网模块一：网页赏析模块No1经典赏析模块二：网页基础模块No2网页基础模块三：网页制作模块No3页面控制No4文本操作No5图像操作No6表格布局No7布局表格No8层的布局No9框架网页No10模板和库No11动感元素No12超级链接No13表单网页模块四：网页编程模块No14HTML语言No15美化网页No16JS技术No17网页特效模块五：网站管理模块No18网站管理No19网站测试案例10：应用模板制作相似网页-美文随笔模块六：网页设计模块No20网页设计No21实例分析单元独立实践案例11：“我行我摄摄影”网站模块七：单元综合实训No22实验1创建本地站点、整体控制页面No23实验2文本操作与图像操作No24实验3网页布局之一No25实验4网页布局之二No26实验5动感元素与超级链接No27实验6创建表单网页No28实验7CSS样式与JavaScript技术的综合应用No29实验8综合网页制作拓展实践案例12：“班级管理系统”网站模块八：课外拓展实践No30课外拓展实践工学结合实训案例13：“剪纸文化协会”网站模块九：工学结合实训No31网页制作综合实训表4网页设计与制作课程教学单元、课程内容选取依据与知识技能目标一览表模块名称教学单元名称计划课时课程内容选取依据与知识技能目标模块一：网页赏析模块No1经典赏析2（1）欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣（2）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为学习制作网页奠定基础（3）对网页的组成元素有一个初步印象模块二：网页基础模块No2网页基础2（1）了解网页的相关概念和术语，认识网页中的主要构成元素（2）了解一些制作网页、处理图像、制作动画的专业工具（3）熟悉Dreamweaver CS3的启动与退出（4）熟悉Dreamweaver CS3的界面布局和工作环境模块三：网页制作模块No3页面控制2（1）了解Dreamweaver CS3的参数设置方法（2）掌握页面属性的设置方法（3）掌握设置文件头内容的方法（4）学习辅助工具的使用No4文本操作2（1）学会在网页中输入文本与编辑文本，掌握输入空格和实现文本换行的方法（2）学会在网页中插入水平线和日期（3）掌握网页文本格式化操作No5图像操作2（1）掌握图像的插入方法（2）掌握图像属性的设置方法（3）掌握图像与文本混合编排的方法（4）掌握插入鼠标经过图像的方法，了解插入图像占位符的方法No6表格布局2（1）学会添加表格、设置表格属性（2）掌握设置表格中行和列属性的方法（3）掌握拆分单元格，合并单元格的方法（4）掌握在表格中输入文字并定位的方法（5）掌握在表格中插入图像并定位的方法No7布局表格2（1）掌握切换视图的操作方法（2）掌握绘制布局表格的操作方法（3）掌握绘制布局单元格、移动布局单元格的操作方法（4）掌握调整布局表格大小和布局单元格大小的操作方法（5）掌握布局表格和布局单元格的属性设置方法No8层的布局2（1）掌握如何描绘层和插入层、如何选择层和激活层（2）掌握层的属性设置方法、如何调整层的大小和位置（3）掌握在层中输入文本和插入图像的方法（4）掌握嵌套层的创建（5）了解层与表格之间的相互转换方法No9框架网页2（1）掌握在网页中创建框架的操作方法（2）掌握为框架命名并导入框架源文件的操作方法（3）掌握如何保存框架集文件和各个框架操作文件（4）掌握设置框架集属性和框架属性的操作方法（5）掌握编辑框架内容的操作方法（6）了解设置超级链接的操作方法No10模板和库2（1）理解模板和库的作用（2）学会将已有网页生成模板的操作方法（3）掌握如何编辑模板和将模板生成新网页的操作方法（4）掌握如何应用库项目制作网页No11动感元素2（1）了解flash文件的类型（2）掌握在网页中插入flash动画和设置其属性的操作方法（3）掌握在网页中插入flash按钮和设置其属性的操作方法（4）掌握在网页中插入flash文本和设置其属性的操作方法No12超级链接2（1）掌握创建外部链接和内部链接的操作方法（2）掌握制作图像映射的操作方法（3）掌握创建E-mail链接的操作方法（4）掌握测试链接的有效性的操作方法No13表单网页2（1）掌握如何在表单网页中插入表单域（2）掌握如何在表单域中插入文本域和文本区域（3）掌握如何在表单域中插入单选按钮、单选按钮组和复选框（4）掌握如何在表单域中插入列表/菜单、按钮和图像域模块四：网页编程模块No14HTML语言4（1）掌握Dreamweaver CS3的HTML源代码编辑功能。掌握快速标签编辑器、标签选择器和标签编辑器的使用方法（2）掌握常用的HTML标记的含义及其应用（3）学会手工修改HTML代码No15美化网页2（1）掌握CSS样式表的基本语法和定义位置（2）掌握标签样式、高级样式、类样式的定义方法（3）掌握样式的编辑方法（4）掌握如何使用CSS样式表美化页面No16JS技术4（1）掌握JavaScript的基本语法（2）了解JavaScript的对象，掌握Window对象、Document对象和常用的内置对象（3）掌握JavaScript代码嵌入HTML代码的方法（4）熟悉应用JavaScript技术制作的几种常见的网页特效No17网页特效2（1）学会利用CSS制作特效的操作方法（2）学会使用行为制作特效的操作方法（3）学会使用时间轴制作特效的操作方法（4）学会使用插件制作特效的操作方法模块五：网站管理模块No18网站管理2（1）掌握“文件”面板（2）掌握站点的创建（3）掌握站点的管理No19网站测试2（1）掌握网站测试的方法（2）了解域名的设计与申请方法（3）掌握网站的发布方法（4）了解网站的维护与更新模块六：网页设计模块No20网页设计4（1）掌握网站的开发流程，了解网站的规划与组织（2）掌握网页设计的基本原理与方法（3）掌握网页设计的规范No21实例分析4（1）掌握网站的规划（2）掌握站点的创建（3）学会创建站点目录结构、准备素材（4）熟练制作首页（5）熟练制作其他页面（6）掌握测试站点（7）掌握站点发布（8）培养制作布局较为复杂网页的能力（9）学会综合利用文字、图片、flash动画等素材制作网页“理论实践”一体化模块课时小计50模块七：单元独立实践No22实验1创建本地站点、整体控制页面2（1）熟悉Dreamweaver CS3的界面布局和工作环境（2）熟练掌握本地站点创建和管理的方法（3）掌握页面属性的设置方法No23实验2文本操作与图像操作2（1）掌握在网页中输入文本、输入空格、实现文本换行和编辑文本的方法（2）学会在网页中插入水平线和日期（3）掌握网页文本格式化操作（4）掌握图像的插入方法，图像属性的设置方法（5）掌握图像与文本混合编排的方法No24实验3网页布局之一4（1）掌握利用表格布局网页中的文字、图像等页面元素的方法（2）掌握应用表格存储文本或数据，且对数据进行有序排列（3）掌握利用表格将形状规则的小图片合成形状不规则的大图片的操作方法（4）掌握应用布局表格和层的方法布局网页中的文字和图片的方法No25实验4网页布局之二4（1）学会将已有网页生成模板的操作方法（2）掌握如何编辑模板和将模板生成新网页的操作方法（3）掌握如何应用库项目制作网页和更新库项目的操作方法（4）掌握在网页中应用框架和为框架命名并导入框架源文件的操作方法（5）掌握设置框架集属性和框架属性的操作方法No26实验5动感元素与超级链接4（1）掌握在网页中插入flash动画和设置其属性的操作方法（2）掌握创建各种形式的超级链接的操作方法No27实验6创建表单网页2（1）掌握在网页中插入表单域，在表单域中插入文本域、单选按钮、列表/菜单、按钮等表单控件的操作方法（2）掌握实现滚动文字效果的操作方法No28实验7CSS样式与JavaScript技术的综合应用4（1）掌握样式的定义方法和编辑方法（2）掌握如何使用CSS样式表布局网页元素以及美化页面（3）掌握应用JavaScript技术制作网页特效的常用方法No29实验8综合网页制作4（1）综合利用框架、表格和CSS样式对网页元素进行布局（2）利用JavaScript技术实现导航网页的切换和导航菜单的展示和隐藏（3）掌握链接外部CSS样式表和外部JavaScript脚本文件的方法单元独立实践模块课时小计26模块八：课外拓展实践No30课外拓展实践0根据课堂所学习的操作方法，选择一个主题，学生自己动手制作网页模块九：工学结合实训No31网页制作综合实训28（1）掌握规划网站的内容结构、目录结构、链接结构的方法（2）熟练掌握Dreamweaver CS3的基本操作和使用技能（3）掌握页面的整体控制和头部内容设置的方法（4）熟练掌握网页页面布局的各种方法（5）熟练掌握在网页中输入、设置标题和正文文字的方法（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法（7）掌握建立各种形式超级链接的方法（8）掌握表单网页制作方法（9）掌握网页特效的制作方法（10）掌握网站测试的方法课时累计104表5“理论+实践”一体化教学模块顺序、知识点、任务及对应的学时配置一览表模块名称教学单元名称涉及的主要知识点对应主教材的章节理论课时讲解示范案例项目课堂实践案例项目项目1：旅游网站项目2：景点介绍网页赏析模块（1）1.1经典赏析（1）公司类网站赏析（2）旅游类网站赏析（3）体育类网站赏析（4）教育类网站赏析（5）班级网站赏析1.11.21.31.41.54任务1：分析优秀网页的布局结构、颜色搭配等网页基础模块（2）1.2网页基础（1）网站和网页的基础知识（2）网页的基本构成元素（3）制作网页的工具概述（4）初识Dreamweaver CS3中文版2.12.22.32.42任务2：熟悉Dreamweaver CS3的工作环境、帮助系统等网页制作模块（3）1.3页面控制（1）参数设置（2）设置页面属性（3）设置文件头内容（4）辅助工具的使用4.14.24.34.42任务3：设置参数和页面属性1.4文本操作（1）在网页中输入文本（2）在网页中编辑文本（3）插入相关文本要素（4）文本的格式化5.15.25.35.42任务4：输入文本、修改文本、设置文本格式1.5图像操作（1）图像概述（2）图像操作（3）插入相关图像元素6.16.26.32任务5：插入图像、设置图像属性的1.6表格布局使用表格布局网页7.12任务6：表格的基本操作及布局设计1.7布局表格使用布局表格布局网页7.22任务7：布局表格和布局单元格的绘制、位置移动、大小调整及属性设计的方法1.9层的布局使用层布局网页7.32任务8：层的选择与激活，层的嵌套1.8框架网页使用框架布局网页7.42任务9：保存框架集与框架、设置框架集与框架属性，导入框架源文件1.10模板和库利用模板和库制作网页7.52任务10：生成模板的，应用模板和库布局网页1.11动感元素（1）Flash文件类型（2）插入Flash（3）插入Flash按钮和Flash文本8.18.28.32任务11：插入Flash动画、按钮、文本1.12超级链接（1）超级链接概述（2）创建超级链接（3）导航栏9.19.29.32任务12：设置文本超级链接、图像映射、E-mail链接1.13表单网页（1）表单概述（2）插入表单元素10.110.22任务13：插入表单域和表单元素网页编程模块（4）1.14HTML语言（1）HTML简介（2）Dreamweaver CS3的HTML源代码编辑功能（3）HTML标记11.111.211.34任务14：熟悉HTML语法结构、代码编辑工具、常用标记1.15美化网页（1）CSS概述（2）使用CSS美化网页12.112.22任务15：定义、编辑与使用CSS样式，使用CSS美化网页1.16JS技术（1）JavaScript概述（2）JavaScript的应用举例（3）JavaScript的基本语法（4）JavaScript的对象（5）JavaScript代码嵌入HTML文档的方法13.113.213.313.413.54任务16：掌握JavaScript的基本语法、JavaScript的对象与应用1.17网页特效（1）使用脚本制作特效（2）使用行为制作特效（3）使用时间轴制作特效（4）使用插件制作特效14.114.214.314.42任务17：使用行为、时间轴制作网页特效网站管理模块（5）1.18网站管理（1）站点的创建（2）站点的管理（3）管理网站中的文件和文件夹（4）使用“资源”面板管理网站中的资源（5）网页文档的基本操作3.13.23.33.43.52任务18：创建本地网站、网页文档的基本操作等1.19网站测试（1）网站的测试（2）申请域名与申请空间（3）网站的发布（4）网站的宣传与推广（5）网站的维护与更新16.116.216.316.416.52任务19：网站测试网页设计模块（6）1.20网页设计（1）网站的规划与开发流程（2）网页的设计原理与技巧（3）网页设计的规范15.