H-r 母存电子教案课程：第1章网页制作基础1.4.1 Flash CS3的启动与退出1.4.2制作“蓝莲花”网页1.5 练习与提高课程：第2章Dreamweaver CS5基本操作课程：第3章创建网页基本对象H-r 母存电子教案课程：第4章布局页面电子教案课程：第5章使用AP Div和行为知识回顾：上一课时讲的如何编辑表格和框架？讨论问题：1、AP Div是什么？2 、在网页中有什么用？3 、又如何对其进行操作？第5章使用AP Div和行为5.1 AP Div的创建和设置5.1.1 创建AP Div5.1.2 AP Div的“属性”面板5.1.3 “ AP元素”面板5.1.4 应用举例——创建AP Div5.2 AP Div的基本操作5.2.1 选择AP Div5.2.2 调整AP Div的大小5.2.3 移动AP Div5.2.4 对齐AP Div5.2.5 应用举例一一使用AP Div布局页面5.3行为的基本操作5.3.1认识行为和事件5.3.2 “行为”面板课第6章创建表单电子教案知识回顾：上一课时讲的AP Div和行为的使用方法？讨论冋题：1、为什么要创建表单？2 、表单中又包含哪些对象？第6章创建表单6.1表单的概念6.1.1 表单域6.1.2表单对象6.1.3应用举例快速选择表单域和表单对象6.2创建表单对象6.2.1 文本域6.2.2复选框6.2.3单选按钮6.2.4列表和菜单6.2.5跳转菜单6.2.6表单按钮6.2.7创建图像域6.2.8用举例在添加表单对象的同时添加表单域6.3上机及项目实训6.3.1制作注册表单页面6.3.2制作搜索表单6.4练习与提高电子教案课第7章CSS与多媒体的应用课第8章Flash CS3基础知识回顾：上一课时讲的CSS与多媒体在网页中的应用? 讨论问题：1、Flash动画具体是指什么？2 、在网页中起什么作用？第8章Flash CS3基础8.1 认识Flash动画8.1.1 Flash动画的原理及应用领域8.1.2 Flash动画在网页方面的应用8.1.3 认识Flash CS3工作界面8.1.4应用举例一一设置文档属性8.2 Flash文档的基本操作8.2.1 Flash文档的创建8.2.2 Flash文档的保存8.2.3 Flash文档的打开8.2.4应用举例一一新建Flash广告动画8.3上机及项目实训8.3.1 制作“ gongzhu” Flash 文档8.3.2 制作SHOW 文档8.4 练习与提高课程：第9章绘制Flash图像电子教案知识回顾：上一课时讲的Flash动画的应用领域和基本操作方法？讨论冋题：1、Dreamweave和Flash的相同点和不同点各是什么？2 、Flash与其他网页制作软件比其优点是什么？第9章绘制Flash图像9.1绘图工具的使用9.1.1工具箱介绍9.1.2 矢量图与位图9.1.3应用举例一一绘制咖啡杯9.2图像的编辑和导入9.2.1组合与分离9.2.2 图像的导入9.2.3将位图转换为矢量图9.2.4应用举例光晕图像效果9.3图像特殊效果的创建9.3.1 “滤镜”面板9.3.2滤镜的使用9.3.3应用举例一一创建特殊字体效果9.4上机及项目实训9.4.1绘制鼠标图形电子教案课程：第10章元件和“库”面板电子教案课程：第11章用时间轴创建动画H-r 母存电子教案课程：第12章导入声音和视频电子教案课程：第13 章使用Action Script 语句13.4上机及项目实训13.4.1制作可拖动的小球动画13.4.2制作星空闪烁动画13.5练习与提高电子教案课程：第14章测试及导出影片H-r 母存电子教案课程：第15章文字和图层应用电子教案课程：第16章路径、色彩和通道应用电子教案课程：第17章项目设计案例。
（完整版）《网页设计与制作》课程教案《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。
本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。
二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。
（一）知识目标：1.熟悉网页制作的基本元素；2.掌握Dreamweaver CS6软件的基本操作方法；3.掌握在网页中插入文字、图片、声音、flash等的方法；4.掌握常见的网页布局方法，学会使用CSS美化网页；5.掌握在网页中使用表单和制作网页特效的方法；6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。
7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。
（二）职业能力培养目标1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理；2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。
（三）素质目标1.具有勤奋学习的态度，严谨求实、创新的学习精神；2.具有良好的心理素质和职业道德素质；3.具有高度责任心和良好的团队合作精神；4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。
（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。
《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。
