《网页设计与制作》课程教学大纲

PAGE27PAGE1《网页设计与制作》课程标准一、课程概述该课程是高等职业技术学院计算机多媒体技术专业开设的一门专业主干课程，是一门操作性和实践性很强的职业技术课程，在专业人才培养方案中处于核心地位，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。在学生具备了一定的美术设计知识和一定的图形图像处理及动画制作能力的基础上，本课程主要介绍了网页设计与布局知识、网页制作技术及网页编辑与制作软件Dreamweaver的使用，让学生能熟练地制作出有专业水准的网站。该课程要求学生具备一定的美术设计思想和图形图像处理及动画制作能力，采用“项目导向，任务驱动，案例教学，一体化课堂”的教学模式开展教学。整个课程由2个完整的旅游网站作为课堂教学项目，64课时内完成教师与学生互动的讲练结合教学过程。之后有一个完整的“爱旅游”网站项目，要求学生在课外完成。课程的理论实践一体化教学过程全部安排在设施先进的多媒体实训室进行，教学中以学生为中心，教师全程负责讲授知识、答疑解惑、指导项目设计，充分调动师生双方的积极性，达成教学目标。二、课程教学目标通过项目导向、任务驱动、案例教学、理论实践一体化的学习，培养学生利用网页设计技术进行网站设计与开发的基本知识和技能，能基本胜任网页制作员的岗位。通过教师的教学工作，不断激发并强化学生的学习兴趣，并引导他们逐渐将兴趣转化为稳定的学习动机，以使他们树立自信心，锻炼克服困难的意志，乐于与他人合作，养成健康向上的品格。同时培养学生严谨、细致的工作作风和认真的工作态度。1．方法能力目标：（1）培养学生谦虚、好学的能力；（2）培养学生勤于思考、做事认真的良好作风；（3）培养学生良好的网页设计职业道德；（4）培养学生按时交付作品的时间观念；（5）培养学生阅读与编写设计文档的能力；（6）培养学生较好的审美能力，能制作出精美的网页页面；（7）培养学生较好的创新能力。2．社会能力目标：（1）培养学生较好的沟通能力；（2）培养学生良好的团队协作能力；（3）培养学生分析问题、解决问题的能力；（4）培养学生勇于创新、敬业乐业的工作作风；（5）培养学生认真仔细的工作态度；（6）培养学生严谨、细致的工作作风；（7）培养学生自主、开放的学习能力。3．专业能力目标：（1）掌握网页设计与制作的基本概念；（2）掌握网站的开发流程，如网站规划、站点的建立等相关知识；（3）熟练掌握网页编辑与制作软件Dreamweaver的使用；（4）掌握各种网页元素的使用，例如文本、图像、超级链接和表单等；（5）能使用表格、Div＋CSS等网页布局方法布局网页；（6）能使用模板、库和CSS等技术简化网站设计和统一网站风格；（7）能在网页中使用动感元素；（8）能制作简单的动态网页；（9）熟悉一些网页设计辅助软件的使用方法。例如Flash、Fireworks、Photoshop等；（10）掌握网站测试和发布的方法。包括网站测试的内容和方法。（11）能够解决一些网页设计中的常见问题。三、与前后课程的联系1．与前续课程的联系《美术设计基础》让学生学习了美术设计的基本知识，使学生具备了美学基础。《图形制作》、《图像处理》和《动画设计与制作》让学生系统学习了图形图像处理能力和动画制作能力，使学生具备处理网页图像和制作网页动画的能力。在此基础上，通过《网页设计与制作》课程的学习，让学生学习网页制作技术，培养学生制作网站和网页的能力。2．与后继课程的关系为学习后续课程《动态网站设计》和毕业设计提供了网页制作的基础知识和网页制作的能力。四、课程教学设计1．教学单元设计教学单元设计如下表所示。单元序号单元名称建议课时建议考核分值单元1创建站点与浏览网页24单元2制作文本网页46单元3制作图文混排网页66单元4制作表格布局的网页610单元5制作包含超级链接和APDiv的网页610单元6使用模板和库制作网页612单元7制作表单网页610单元8使用CSS布局与美化网页812单元9制作包含特效的网页812单元10设计与制作网站主页812单元11整合与发布网站46小计=SUM(ABOVE)64=SUM(ABOVE)1002．教学流程设计教学流程设计如下所示。教学环节序号教学环节名称说明1教学导航明确教学目标、重点和难点、熟悉教学方法、了解建议课时2操作准备在正式完成网页制作任务之前做好创建所需的文件夹、拷贝所需的资源、启动DreamweaverCS6、创建本地站点等方面的准备工作3引导训练引导学习者一步一步完成网页设计与制作任务4引导训练考核评价对单元引导训练任务的完成情况进行考核评价，包括考核项目、考核内容、评分标准和评价方法等方面5同步训练参照引导训练的过程，学习者自主完成类似的网页设计与制作任务6同步训练考核评价对单元同步训练任务的完成情况进行考核评价7拓展训练自行确定网页主题、收集所需素材、设计网页结构、制作类似网页8拓展训练考核评价对拓展训练任务的完成情况进行考核评价9代码解读对HTML代码或CSS样式代码进行分析与说明10问题探究对网页设计与制作方面的关键问题进行分析与阐述，熟悉相关理论知识，对网页设计与制作提供方法指导和知识支持11单元小结对本单元所学习的知识和训练的技能进行简要归纳总结12单元习题通过习题测试理论知识的掌握情况和操作技能的熟练情况3．教学案例设计教学案例设计如下表所示。单元序号教学案例设计网页主题引导训练同步训练拓展训练单元1网站主页E游天下网快乐旅游网爱旅游网单元2旅游景点概况旅游景点总览中国名河概况中国名山概况单元3瀑泉游名瀑名泉名岛单元4江湖游千岛湖长江三峡名湖单元5公园游张家界桂林名河单元6名城游上海海口南京单元7表单E游调查E游留言薄E游注册单元8山岳游黄山泰山庐山单元9生态游云南九寨沟地质公园和森林公园单元10E游天下E游天下网主页快乐旅游网主页爱旅游网主页单元11E游天下网E游天下网快乐旅游网爱旅游网4．网页设计与制作任务设计网页设计与制作任务设计如下表所示。单元序号网页设计与制作任务单元1【任务1-1】创建“E游天下”站点并浏览网页【任务1-1-1】创建本地站点“E游天下”【任务1-1-2】认识DreamweaverCS6的工作界面【任务1-1-3】打开与保存网页文档0101.html【任务1-1-4】在浏览器中浏览网页0101.html【任务1-2】赏析“快乐旅游”网的主页【任务1-3】赏析“爱旅游”网的主页单元2【任务2-1】制作总览旅游景点的文本网页【任务2-1-1】建立站点目录结构【任务2-1-2】创建与保存网页文档0201.html【任务2-1-3】设置网页的首选参数【任务2-1-4】设置页面的整体属性【任务2-1-5】在网页中输入文字【任务2-1-6】输入与编辑网页中的文本【任务2-1-7】网页文本的格式化【任务2-1-8】插入与文本相关的元素并设置其属性【任务2-1-9】设置超链接与浏览网页效果【任务2-2】制作介绍中国名河的文本网页【任务2-3】制作介绍中国名山的文本网页单元3【任务3-1】制作介绍中国瀑布的图文混排网页【任务3-1-1】使用“管理站点”对话框创建站点“单元3”【任务3-1-2】应用“文件”面板新建网页“0301.html”【任务3-1-3】设置页面的背景图像【任务3-1-4】从外部导入文本与设置文本格式【任务3-1-5】插入图像与设置图像属性【任务3-1-6】插入鼠标经过图像及设置其属性【任务3-2】制作介绍中国名泉的图文混排网页【任务3-3】制作介绍中国名岛的图文混排网单元4【任务4-1】制作以表格布局的展示千岛湖旅游景点的网页【任务4-1-1】插入表格1并设置其属性【任务4-1-2】在表格1中插入SWF动画并设置其属性【任务4-1-3】设置表格1单元格的背景图像【任务4-1-4】在表格1的单元格中输入文本【任务4-1-5】设置滚动文本效果【任务4-1-6】插入表格2并设置其属性【任务4-1-7】设置表格2及设置行、列属性【任务4-1-8】在表格2第1列的单元格中插入图像并设置其属性【任务4-1-9】在表格2第2列两个单元格中输入文本并设置其属性【任务4-1-10】在表格2的第3列单元格中插入嵌套表格2-1【任务4-1-11】插入表格3并设置其属性【任务4-1-12】插入表格4并设置其属性【任务4-1-13】插入嵌套表格4-1并设置其属性【任务4-1-14】插入表格5并设置其属性【任务4-1-15】设置网页头文件的内容【任务4-2】制作以表格布局的展示三峡旅游景点的网页【任务4-3】制作以表格布局的介绍中国名湖的网页单元5【任务5-1】制作包含超级链接的展示张家界景点的网页【任务5-1-1】创建网页文档0501.html【任务5-1-2】在网页0501.html中绘制或插入APDiv【任务5-1-3】在网页0501.html中创建多种类型的超级链接【任务5-2】制作包含超级链接的展示桂林旅游景点的网页【任务5-3】制作包含超级链接的介绍中国名河的网页单元6【任务6-1】使用模板和库制作上海游的网页【任务6-1-1】创建库项目【任务6-1-2】在网页中插入库项目【任务6-1-3】创建网页模板【任务6-1-4】定义与修改可编辑区域和可选区域【任务6-1-5】创建基于网页模板的网页【任务6-1-6】修改网页模板并更新网页【任务6-1-7】修改库项目并更新网页【任务6-2】使用模板和库制作海口游的网页【任务6-3】使用模板和库制作南京游的网页单元7【任务7-1】制作1个E游调查的表单网页【任务7-1-1】插入表单域及其属性设置【任务7-1-2】插入表单控件与设置其属性【任务7-1-3】预设文本域中输入文字的字体和大小【任务7-1-4】使用Spry验证表单数据的有效性【任务7-1-5】应用行为实现表单网页所需的功能【任务7-1-6】调用外部JavaScript脚本文件实现表单网页所需的功能【任务7-2】制作1个E游留言薄【任务7-3】制作1个注册网页单元8【任务8-1】使用CSS布局与美化“黄山游”网页【任务8-1-1】网页页面的布局设计【任务8-1-2】创建页面布局样式【任务8-1-3】创建美化页面元素的样式【任务8-1-4】插入Div标签对网页的页面进行布局【任务8-1-5】新建代码片断实现常见功能【任务8-1-6】在页面各个区块输入文字和插入页面元素【任务8-2】使用CSS布局与美化“泰山游”网页【任务8-3】使用CSS布局与美化“庐山游”网页单元9【任务9-1】制作包含特效的“云南旅游”网页【任务9-1-1】实现在网页中显示当前日期的特效【任务9-1-2】实现在不同时间段显示不同问候语的网页特效【任务9-1-3】实现动态改变网页中文本字体大小的网页特效【任务9-1-4】实现关闭网页时自动弹出对话框的特效【任务9-1-5】实现滚动网页标题栏文字的特效【任务9-1-6】实现鼠标指针指向不同超级链接切换不同图片的网页特效【任务9-1-7】实现转动鼠标滚轮缩放图片的网页特效【任务9-2】制作包含特效的“九寨沟旅游”网页【任务9-3】制作包含特效的“公园游”网页单元10【任务10-1】制作“E游天下”网站的主页【任务10-1-1】网站主页主体布局结构设计【任务10-1-2】网站主页局部布局结构设计【任务10-1-3】设计与制作包含导航栏的网页文档top_nav.html【任务10-1-4】设计与制作包含连续滚动图片特效的的网页文档image_move.html【任务10-1-5】创建实现底部导航栏和版权信息的脚本文件【任务10-1-6】在网站主页的顶部导航区域插入浮动框架【任务10-1-7】设计与制作网站主页的中部区域【任务10-1-8】在主页中插入APDiv对象和SWF动画【任务10-1-9】在主页index1001.html中插入外部脚本文件【任务10-1-10】在主页index1001.html中实现状态栏中文字的移动效果【任务10-2】制作“快乐旅游”网站的主页【任务10-3】制作“爱旅游”网站的主页单元11【任务11-1】整合与发布“E游天下”网站【任务11-1-1】新建网页文档index.html【任务11-1-2】设置网站主页的超级链接【任务11-1-3】测试“E游天下”网站【任务11-1-4】清理网页文档【任务11-1-5】申请域名与申请空间【任务11-1-6】发布网站【任务11-1-7】宣传与推广网站【任务11-2】整合与发布“快乐旅游”网站【任务11-3】整合与发布“爱旅游”网站任务合计主任务合计：33项，子任务合计：80项五、教学内容的结构与单元教学目标根据多媒体技术行业网页美工、网页设计与制作职业岗位的要求，应具备较好的网页布局与美化、网页设计与制作能力，本课程的教学以项目为载体。课程教学采用“理论实践一体化”教学模式，理论教学内容与实践教学内容融为一体，根据网页美工、网页设计与制作岗位的能力要求，兼顾学生的认知规律，重构了课程结构，将本课程的教学内容分解为11个项目，形成了以项目为载体的课程结构。《网页设计与制作》课程的项目课程结构与学时分配如下表所示。编号单元名称教学内容主要教学知识点教学目标学时备注P4-1赏析网页1．认识网页、网站和浏览器窗口的基本组成2．认识网页的基本组成元素和网页的布局结构3．了解制作网页的常用软件4．了解网页的相关概念和术语K1-1：分析优秀网页的布局结构、颜色搭配、视觉效果等K1-2：网页的相关概念、术语与网页的主要构成元素K1-3：Dreamweaver的界面布局与工作环境O1-1：了解网页的相关概念、术语与网页的主要构成元素O1-2：掌握Dreamweaver的界面布局与工作环境O1-3：能分析优秀网页的布局结构、颜色搭配、视觉效果等2P4-2制作图文混排网页1．站点的创建与管理2．在网页中进行页面控制3．制作文本网页4．制作图文混排的网页K2-1：文件面板的使用K2-2：站点的创建与管理K2-3：页面属性的设置K2-4：设置段落格式和文档结构K2-5：创建项目列表和编号列表K2-6：插入特殊字符、水平线、日期对象K2-7：在页面中插入图像K2-8：创建鼠标经过图像K2-9：设置图像属性O2-1：掌握对网页文档的基本操作O2-2：掌握设置网页整体属性的操作方法O2-3：掌握在网页中输入文字、编辑文本、设置文本属性、设置项目列表、输入空格、文本换行的操作方法O2-4：掌握在网页中插入特殊字符、插入水平线和插入日期的操作方法O2-5：掌握在网页中插入图像、鼠标经过图像、的方法O2-6：掌握设置页面背景图像和图像属性的方法O2-7：能创建与管理站点O2-8：能进行页面控制O2-9：能进行文本操作O2-10：能在网页中进行图文混排6P4-3制作表格布局的网页1．在网页中插入表格2．设置表格和单元格属性3．在表格中插入网页元素K3-1：插入表格K3-2：设置表格属性K3-3：插入嵌套表格K3-4：单元格属性设置K3-5：在表格中插入网页元素O3-1：能正确地插入表格，并合理地设置表格的属性O3-2：能正确地在表格中插入嵌套表格，并合理地设置嵌套表格的属性O3-3：掌握单元格的合并、拆分、插入和删除的操作方法O3-4：能正确地设置表格中行和列的属性O3-5：能正确设置表格、单元格的背景图像和背景颜色O3-6：能正确地在表格中输入文字并定位8P4-4制作包含APDiv与超级链接的网页1．在网页中绘制或插入三个APDiv，在APDiv中插入Flash动画或图像2．在网页中创建多个超级链接K4-1：绘制或插入APDivK4-2：创建外部链接K4-3：创建内部链接K4-4：创建电子邮件链接K4-5：创建锚点链接K4-6：创建图像热点链接K4-7：创建文件下载链接K4-8：创建空地址链接K4-9：检查链接K4-10：创建文字形式的导航栏K4-11：实现滚动图片功能O4-1：能创建网页的内部链接和外部链接O4-2：能在图像中设置热点区域，并创建图像热点链接O4-3：能创建命名锚记和到该命名锚记的链接O4-4：能创建电子邮件链接O4-5：能更改链接颜色、设置链接的打开方式、设置空链接O4-6：能测试链接的有效性O4-7：能插入或绘制APDiv，并合理地设置APDiv的属性O4-8：能正确在APDiv中插入flash动画O4-9：能正确插入浮动框架iframe，并设置其属性O4-10：进一步熟悉使用表格进行网页布局，灵活设置表格及单元格的属性O4-11：掌握滚动图片的方法O4-12：掌握绝对路径和相对路径以及链接的类型6P4-5使用模板和库制作网页1．创建库项目，并在网页中插入库项目2．由现有的网页文档生成网页模板，在网页模板中定义和修改可编辑区域、可选区域3．创建基于网页模板的网页，修改和更新网页模板属性4．修改网页模板和库项目，并更新基于网页模板的网页K5-1：创建库项目K5-2：在网页中插入库项目K5-3：创建网页模板K5-4：定义与修改可编辑区域和可选区域K5-5：创建基于网页模板的网页K5-6：修改网页模板并更新网页K5-7：修改库项目并更新网页O5-1：能制作用来生成模板的网页，并将现有的网页生成模板O5-2：能正确编辑模板，掌握设置可编辑区域的方法O5-3：掌握用模板生成新网页的操作方法，并能对新网页进行编辑加工O5-4：能熟练地修改网页模板，并同步更新该模板生成的网页O5-5：能创建库项目，并且能修改库项目，更新包含库项目的网页O5-6：掌握插入图像占位符的方法O5-7：能使用多层嵌套表格布局网页O5-8：掌握模板和库的作用O5-9：了解CSS样式的简单应用6P4-6制作表单网页1．创建动态站点2．在网页中插入表单域3．设置表单域的属性4．在表单域中插入表单控件5．使用Spry和行为验证表单数据的有效性6．引用外部JavaScript脚本文件实现表单网页所需的功能K6-1：设置虚拟目录K6-2：创建动态站点K6-3：插入表单域K6-4：插入表单控件K6-5：设置表单域属性K6-6：设置表单控件属性K6-7：检查表单数据的正确性O6-1：能正确设置虚拟目录O6-2：能创建动态站点O6-3：能在网页中正确插入表单域O6-4：能在表单域中正确插入各项表单控件O6-5：了解使用Spry验证控件实现对表单控件内容的检测O6-6：掌握检查提交表单数据的正确性的方法O6-7：能引用外部JavaScript脚本文件验证表单数据6P4-7使用Div+CSS布局网页1．页面的布局设计2．创建页面布局样式3．插入Div标签对页面进行布局K7-1：页面的布局设计K7-2：创建布局样式K7-3：布局样式属性的设置K7-4：插入Div标签，并应用布局样式O7-1：能设计页面的布局结构O7-2：能创建页面布局样式O7-3：能插入Div标签对网页的页面进行布局6P4-8使用CSS美化网页1．创建美化页面元素的样式2．输入文字和插入各种页面元素3．创建代码片断，且在网页中插入已有的代码片断4．应用美化页面元素样式美化网页K8-1：创建美化页面元素的样式K8-2：美化页面元素样式属性的设置K8-3：新建代码片断K8-4：在页面各个区块中输入文字或插入页面元素K8-5：应用美化页面元素样式美化网页O8-1：能创建美化页面元素的样式O8-2：能在使用Div＋CSS布局的网页中输入文字和插入各种页面元素O8-3：能创建代码片断，且在网页中插入已有的代码片断O8-4：能应用美化页面元素样式美化网页4P4-9制作包含特效的网页1．在网页中显示当前日期2．在不同时间段显示不同问候语3．滚动网页标题栏中的文字4．动态改变网页中文本字体大小5．关闭网页时自动弹出小窗口K9-1：JavaScript基本语法K9-2：JavaScript对象K9-3：Windows对象K9-4：Document对象K9-5：常用内置对象K9-6：JavaScript代码嵌入HTML代码K9-7：运用JavaScript技术制作网页特效O9-1：能编写简单的JavaScript程序，能看懂较复杂的JavaScript程序，明确其实现的功能和各语句的含义O9-2：能根据功能需求改写JavaScript程序代码，以改进或扩展其功能O9-3：能使用JavaScript技术制作网页特效8P4-10整合与发布网站1．优化网页2．将多个网页整合成一个网站3．测试网站4．申请网站域名和网页空间5．发布网页6．宣传与推广网站K10-1：将多个网页整合成一个网站K10-2：网站测试方法K10-3：域名的设计与申请方法K10-4：网站的发布方法K10-5：网站的维护与更新O10-1：能整合网站O10-2：了解域名的设计与申请方法O10-3：能测试网站O10-4：能发布网站O10-5：了解宣传与推广网站的方法4P4-11制作商品购物网站1．画出网站的整体结构，对每个网页进行规划2．使用Div+CSS和表格联合布局网页3．设计与制作导航栏4．插入网页元素5．利用模板和库制作网页K11-1：网站开发流程K11-2：网站规划与组织K11-3：网页设计基本原理与方法K11-4：网页设计的规范K11-5：网站各页面的布局结构设计K11-6：CSS样式的创建与属性设置K11-7：导航栏的设计与制作K11-8：插入网页元素K11-9：库的创建与应用K11-10：模板的创建与应用K11-11：超级链接的设置O11-1：了解网站开发流程O11-2：掌握网页设计原理与技巧O11-3：能应用CSS样式设计布局网页O11-4：能设计与制作导航栏，会正确使用浮动框架O11-5：能插入网页元素O11-6：能利用模板和库创建网页O11-7：能在网页中设置超级链接8合计=SUM(ABOVE)64六、教学实施方案设计教学单元1赏析网页教学项目P4-1：赏析网页学时:2教学目标1．了解网页的相关概念、术语与网页的主要构成元素2．掌握Dreamweaver的界面布局与工作环境3．能分析优秀网页的布局结构、颜色搭配、视觉效果等任务描述1．认识网页、网站和浏览器窗口的基本组成2．认识网页的基本组成元素和网页的布局结构3．了解制作网页的常用软件4．了解网页的相关概念和术语步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课程分析与操作准备网页设计与制作类岗位需求分析课程定位介绍考核方法说明学习方法说明启动浏览器（例如IE浏览器），然后在地址栏中输入相应的地址并回车就能浏览该网页引导教学法102网页效果浏览赏析“E游天下”网站的主页项目教学法任务驱动教学法53方法引导与操作示范分析优秀网页的布局结构、颜色搭配、视觉效果等网页的相关概念、术语与网页的主要构成元素Dreamweaver的界面布局与工作环境案例教学法154模仿训练学生分组浏览指定的网站，分析网页的结构、色彩和组成元素教师巡视答疑案例教学法105引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练赏析“快乐E游”网的主页分组教学法案例教学法207同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法108拓展训练任务布置赏析“爱旅游”网的主页分组教学法39课堂小结归纳网页的相关概念、术语与网页的主要构成元素指出学生操作过程中容易出现的错误讲授法510新课提示预习制作图文混排网页的相关知识讲授法2教学单元2制作图文混排网页教学项目P4-2：制作图文混排网页学时:6教学目标1．掌握对网页文档的基本操作2．掌握设置网页整体属性的操作方法3．掌握在网页中输入文字、编辑文本、设置文本属性、设置项目列表、输入空格、文本换行的操作方法4．掌握在网页中插入特殊字符、插入水平线和插入日期的操作方法5．掌握在网页中插入图像、鼠标经过图像、的方法6．掌握设置页面背景图像和图像属性的方法7．能创建与管理站点8．能进行页面控制9．能进行文本操作10．能在网页中进行图文混排任务描述1．站点的创建与管理2．在网页中进行页面控制3．制作文本网页4．制作图文混排的网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价启动DreamweaverCS3认识DreamweaverCS3的工作界面引导教学法102网页效果浏览制作文本网页“旅游景点总览”制作图文混排网页“瀑布游”项目教学法任务驱动教学法103方法引导与操作示范文件面板的使用站点的创建与管理页面属性的设置设置段落格式和文档结构创建项目列表和编号列表插入特殊字符、水平线、日期对象在页面中插入图像创建鼠标经过图像设置图像属性案例教学法1204模仿训练学生模仿完成“制作文本网页‘旅游景点总览’、制作图文混排网页‘瀑布游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作介绍中国名河的文本网页制作介绍中国名泉的图文混排网页分组教学法案例教学法807同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置制作介绍中国名山的文本网页制作介绍中国名岛的图文混排网页分组教学法39课堂小结归纳制作图文混排网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作表格布局网页的相关知识讲授法2教学单元3制作表格布局的网页教学项目P4-3：制作表格布局的网页学时:8教学目标1．能正确地插入表格，并合理地设置表格的属性2．能正确地在表格中插入嵌套表格，并合理地设置嵌套表格的属性3．掌握单元格的合并、拆分、插入和删除的操作方法4．能正确地设置表格中行和列的属性5．能正确设置表格、单元格的背景图像和背景颜色6．能正确地在表格中输入文字并定位任务描述1．在网页中插入表格2．设置表格和单元格属性3．在表格中插入网页元素步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价在本地硬盘创建文件夹启动DreamweaverCS3创建名称为“江湖游”的本地站点新建网页文档。设置网页标题保存该网页引导教学法152网页效果浏览制作表格布局的网页“江湖游”项目教学法任务驱动教学法103方法引导与操作示范插入表格设置表格属性插入嵌套表格单元格属性设置在表格中插入网页元素案例教学法1154模仿训练学生模仿完成“制作表格布局的网页‘江湖游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作以表格布局的展示三峡旅游景点的网页分组教学法案例教学法807同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置制作以表格布局的介绍中国名湖的网页分组教学法39课堂小结归纳制作表格布局的网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作包含APDiv与超级链接网页的相关知识讲授法2教学单元4制作包含APDiv与超级链接的网页教学项目P4-4：制作包含APDiv与超级链接的网页学时:6教学目标1．能创建网页的内部链接和外部链接2．能在图像中设置热点区域，并创建图像热点链接3．能创建命名锚记和到该命名锚记的链接4．能创建电子邮件链接5．能更改链接颜色、设置链接的打开方式、设置空链接6．能测试链接的有效性7．能插入或绘制APDiv，并合理地设置APDiv的属性8．能正确在APDiv中插入flash动画9．能正确插入浮动框架iframe，并设置其属性10．进一步熟悉使用表格进行网页布局，灵活设置表格及单元格的属性11．掌握滚动图片的方法12．掌握绝对路径和相对路径以及链接的类型任务描述1．在网页中绘制或插入三个APDiv，在APDiv中插入Flash动画或图像2．在网页中创建多个超级链接步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“公园游”的本地站点创建网页文档引导教学法202网页效果浏览制作包含APDiv和超级链接的网页“公园游”项目教学法任务驱动教学法103方法引导与操作示范绘制或插入APDiv创建外部链接创建内部链接创建电子邮件链接创建锚点链接创建图像热点链接创建文件下载链接创建空地址链接检查链接创建文字形式的导航栏实现滚动图片功能案例教学法754模仿训练学生模仿完成“制作包含APDiv和超级链接的网页‘公园游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法156同步训练制作展示桂林旅游景点的网页分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置制作包含多种超级链接的介绍中国名河的网页分组教学法39课堂小结归纳制作包含APDiv与超级链接网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习使用模板和库制作网页的相关知识讲授法2教学单元5使用模板和库制作网页教学项目P4-5：使用模板和库制作网页学时:6教学目标1．能制作用来生成模板的网页，并将现有的网页生成模板2．能正确编辑模板，掌握设置可编辑区域的方法3．掌握用模板生成新网页的操作方法，并能对新网页进行编辑加工4．能熟练地修改网页模板，并同步更新该模板生成的网页5．能创建库项目，并且能修改库项目，更新包含库项目的网页6．掌握插入图像占位符的方法7．能使用多层嵌套表格布局网页8．掌握模板和库的作用9．了解CSS样式的简单应用任务描述1．创建库项目，并在网页中插入库项目2．由现有的网页文档生成网页模板，在网页模板中定义和修改可编辑区域、可选区域3．创建基于网页模板的网页，修改和更新网页模板属性4．修改网页模板和库项目，并更新基于网页模板的网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“名城游”的本地站点制作用来生成网页模板的网页引导教学法202网页效果浏览使用模板和库制作网页“名城游”项目教学法任务驱动教学法103方法引导与操作示范创建库项目在网页中插入库项目创建网页模板定义与修改可编辑区域和可选区域创建基于网页模板的网页修改网页模板并更新网页修改库项目并更新网页案例教学法804模仿训练学生模仿完成“使用模板和库制作网页‘名城游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练使用模板和库制作海口游的网页分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置使用模板和库制作南京游的网页分组教学法39课堂小结归纳使用模板和库制作网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作表单网页的相关知识讲授法2教学单元6制作表单网页教学项目P4-6：制作表单网页学时:6教学目标1．能正确设置虚拟目录2．能创建动态站点3．能在网页中正确插入表单域4．能在表单域中正确插入各项表单控件5．了解使用Spry验证控件实现对表单控件内容的检测6．掌握检查提交表单数据的正确性的方法7．能引用外部JavaScript脚本文件验证表单数据任务描述1．创建动态站点2．在网页中插入表单域3．设置表单域的属性4．在表单域中插入表单控件5．使用Spry和行为验证表单数据的有效性6．引用外部JavaScript脚本文件实现表单网页所需的功能步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“E游调查”的本地站点新建一个用于插入表单的网页文档引导教学法202网页效果浏览制作表单网页“E游调查”项目教学法任务驱动教学法103方法引导与操作示范设置虚拟目录创建动态站点插入表单域插入表单控件设置表单域属性设置表单控件属性检查表单数据的正确性案例教学法804模仿训练学生模仿完成“制作表单网页‘E游调查’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练创建一个简单的E游留言薄分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置创建一个注册网页分组教学法39课堂小结归纳制作表单网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习使用Div+CSS布局网页的相关知识讲授法2教学单元7使用Div+CSS布局网页教学项目P4-7：使用Div+CSS布局网页学时:6教学目标1．能设计页面的布局结构2．能创建页面布局样式3．能插入Div标签对网页的页面进行布局任务描述1．页面的布局设计2．创建页面布局样式3．插入Div标签对页面进行布局步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“山岳游”的本地站点新建标题为“山岳游”的网页引导教学法52网页效果浏览使用CSS布局网页“山岳游”项目教学法任务驱动教学法103方法引导与操作示范页面的布局设计创建布局样式布局样式属性的设置插入Div标签，并应用布局样式案例教学法854模仿训练学生模仿完成“使用CSS布局网页‘山岳游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法645引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练使用CSS布局“泰山游”网页分组教学法案例教学法607同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法208拓展训练任务布置使用CSS布局“庐山游”网页分组教学法39课堂小结归纳使用Div+CSS布局网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习使用CSS美化网页的相关知识讲授法2教学单元8使用CSS美化网页教学项目P4-8：使用CSS美化网页学时:4教学目标1．能创建美化页面元素的样式2．能在使用Div＋CSS布局的网页中输入文字和插入各种页面元素3．能创建代码片断，且在网页中插入已有的代码片断4．能应用美化页面元素样式美化网页任务描述1．创建美化页面元素的样式2．输入文字和插入各种页面元素3．创建代码片断，且在网页中插入已有的代码片断4．应用美化页面元素样式美化网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“山岳游”的本地站点打开使用CSS布局网页“山岳游”引导教学法52网页效果浏览使用CSS美化网页“山岳游”项目教学法任务驱动教学法103方法引导与操作示范创建美化页面元素的样式美化页面元素样式属性的设置新建代码片断在页面各个区块中输入文字或插入页面元素应用美化页面元素样式美化网页案例教学法1204模仿训练学生模仿完成“使用CSS美化网页‘山岳游’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练使用CSS美化“泰山游”网页分组教学法案例教学法857同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置使用CSS美化“庐山游”网页分组教学法39课堂小结归纳使用CSS美化网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作包含特效网页的相关知识讲授法2教学单元9制作包含特效的网页教学项目P4-9：制作包含特效的网页学时:8教学目标1．能编写简单的JavaScript程序，能看懂较复杂的JavaScript程序，明确其实现的功能和各语句的含义2．能根据功能需求改写JavaScript程序代码，以改进或扩展其功能3．能使用JavaScript技术制作网页特效任务描述1．在网页中显示当前日期2．在不同时间段显示不同问候语3．滚动网页标题栏中的文字4．动态改变网页中文本字体大小5．关闭网页时自动弹出小窗口步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价创建名称为“生态游”的本地站点打开制作网页特效的网页“生态游”为网页应用外部样式引导教学法102网页效果浏览制作包含特效的“云南旅游”网页项目教学法任务驱动教学法103方法引导与操作示范JavaScript基本语法JavaScript对象Windows对象Document对象常用内置对象JavaScript代码嵌入HTML代码运用JavaScript技术制作网页特效案例教学法1154模仿训练学生模仿完成“制作包含特效的‘云南旅游’网页”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法805引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作包含特效的“九寨沟之游”网页分组教学法案例教学法857同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置制作包含特效的“公园游”网页分组教学法39课堂小结归纳制作包含特效网页的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习整合与发布网站的相关知识讲授法2教学单元10整合与发布网站教学项目P4-10：整合与发布网站学时:4教学目标1．能整合网站2．了解域名的设计与申请方法3．能测试网站4．能发布网站5．了解宣传与推广网站的方法任务描述1．优化网页2．将多个网页整合成一个网站3．测试网站4．申请网站域名和网页空间5．发布网页6．宣传与推广网站步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价在本地硬盘创建文件夹启动DreamweaverCS3创建名称为“E游天下”的本地站点引导教学法52网页效果浏览整合与发布网站“E游天下”项目教学法任务驱动教学法53方法引导与操作示范将多个网页整合成一个网站网站测试方法域名的设计与申请方法网站的发布方法网站的维护与更新案例教学法554模仿训练学生模仿完成“整合与发布网站‘E游天下’”项目的制作，允许一定的自由发挥教师巡视答疑案例教学法405引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法106同步训练整合与发布网站“快乐E游”分组教学法案例教学法407同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法158拓展训练任务布置整合与发布网站“爱旅游”分组教学法39课堂小结归纳整合与发布网站的相关知识指出学生操作过程中容易出现的错误讲授法510新课提示预习制作一个完整静态网站的相关知识讲授法2教学单元11制作商品购物网站教学项目P4-11：制作商品购物网站学时:8教学目标1．了解网站开发流程2．掌握网页设计原理与技巧3．能应用CSS样式设计布局网页4．能设计与制作导航栏，会正确使用浮动框架5．能插入网页元素6．能利用模板和库创建网页7．能在网页中设置超级链接任务描述1．画出网站的整体结构，对每个网页进行规划2．使用Div+CSS和表格联合布局网页3．设计与制作导航栏4．插入网页元素5．利用模板和库制作网页步骤教学过程或教学环节教学内容教学方法建议学时（分钟）1课前操作准备与拓展训练评价启动DreamweaverCS3创建名称为“商品购物网站”的本地站点引导教学法52网页效果浏览制作商品购物网站项目教学法任务驱动教学法103方法引导与操作示范网站开发流程网站规划与组织网页设计基本原理与方法网页设计的规范案例教学法404模仿训练学生模仿完成“制作商品购物网站”项目的部分制作，允许一定的自由发挥教师巡视答疑案例教学法1605引导训练考核评价教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆讲授法206同步训练制作商品购物网站分组教学法案例教学法857同步训练考核评价组长：根据考核标准对本组学生完成的项目进行评价教师：抽评学生完成的项目，并对错误操作给予及时纠正和提示分组教学法308拓展训练任务布置完善商品购物网站分组教学法59课堂小结归纳制作一个完整网站的相关知识指出学生操作过程中出现的错误讲授法5七、执教教师要求执教教师应熟悉HTML、CSS、JavaScript等方面的理论知识，熟悉Dreamweaver网页制作工具，能够使用Dreamweaver等工具制作符合Web标准的网页，具有一定制作设计与制作工作经验，熟悉网站制作与设计流程，能跟踪最新的网页设计与制作技术，熟悉网页布局与美化技术、网页特效设计技术，能独立完成美工及Div+CSS网页的静态页面布局。八、学习场地与实训设备要求该课程采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学。课程的“理论实践一体化”教学全过程要求全部安排在设施先进的多媒体实训室进行，以实现“教、学、做、评”合一，同时要求安装多媒体教学软件，方便下发教学任务和收集学生同步训练结果。九、教材的选用与开发1．教材选取的原则教材选取遵循“适用、实用、够用”的原则。（1）适用：教材要以网页制作技术为基础，符合网页设计与制作员的能力要求和本课程的培养目标。（2）实用：教材的教学内容要注意基础性、启发性、应用性和拓展性的结合，符合高职计算机多媒体技术专业学生特点；教材应按实际工作案例组织编写内容，注意网页制作技术与美学艺术的结合，重在培养学生的创新思维和专业技能；教材应以真实项目为主线，按网站实际创建过程组织编写内容，强调理论与实践的结合，便于实现“教、学、做”三位一体的“理论实践一体化课堂”的教学模式。（3）够用：教材的内容主要包括网页制作技术和网页制作的实际操作技能，不涉及太多、太深的理论知识。2．推荐教材（1）陈承欢.《DreamweaverCS3网页制作案例教程》[M]北京：高等教育出版社，2009.（2）陈承欢.《网页设计与制作实用教程》[M]北京：邮电出版社，2010.3．参考的教学资料（1）肖瑞奇.《巧学巧用DreamweaverCS5制作网页》[M]北京：人民邮电出版社，2010.（2）姬莉霞.《DreamweaverCS3案例标准教程》[M]北京：中国青年出版社，2008.（3）数字艺术教育研究室.《DreamweaverCS6基础培训教程》[M]北京：人民邮电出版社，2012.（4）时延鹏，于淼，王丹，周晓姝.《DreamweaverCS3网页设计与制作技能案例教程》[M]北京：科学出版社，2010.（5）陈承欢.《XHTML+CSS网页布局与美化案例教程》[M]北京：高等教育出版社，2010.（6）《网页设计与制作》国家精品课程网站（网址为：18:90/ec2006/C16/Index.htm）（7）国家精品课程资源网的课程中心（网址为：）（8）网页模板：/html/templates/（9）模板天下：/（10）网页设计师联盟：/（11）网页设计师加油站：/十、考核方式与标准该课程的考核改变单一的终结性评价的方法，采用过程考核和终结性考核相结合，灵活多样的考核方式可以全面考核学生的学习效果，考核方式与成绩比例如下表所示。考核阶段考核内容考核形式成绩比例过程考核学习态度、课堂纪律、6S管理、团队合作精神、单项实践操作技能操作准备、引导训练、同步训练、拓展训练和问题探索、小组讨论等80%终结性考核综合技能、职业规范、创新能力等项目（作品）考核20%课程考核评价标准如下表所示。项目编号考核点考核标准成绩比例（%）优良及格不及格P4-21．创建站点和网页文档创建站点和网页文件完全正确创建站点完全正确，创建网页文件基本正确创建站点和网页文件基本正确创建站点和网页文件不正确102．页面整体属性设置页面整体属性设置完全正确页面整体属性设置有2个以下错误页面整体属性设置有4个以下错误页面整体属性设置有4个以上错误3．文本操作输入文本和设置文本属性完全正确输入文本正确，设置文本属性基本正确输入文本和设置文本属性基本正确输入文本和设置文本属性不正确4．图像操作插入图像和图像属性设置完全正确插入图像正确，设置图像属性基本正确插入图像和设置图像属性基本正确插入图像和设置图像属性不正确P4-31．创建网页文档并设置页面整体属性创建网页文档