网页教案文档格式.docx

1、授课教师孙燕职 称教研室教 材出 版 社上海交通大学出版社参 考 书课程说明网页设计基础为高职高专一门重要的技能课，是从初学者的角度出发，遵照“操作”“理论”“操作”的原则，通过设计案例的精心策划，建立科学而系统的学习和训练体系。内容简介本书通过通俗易懂的语言和实用生动的例子，系统地介绍网页设计基础、静态效果网页设计、动态效果网页设计、网站的管理与维护、 Fireworks CS5基础、交互性网页元素的制作、图像优化与导出、Flash CS5基础、Flash网页动画制作等。通过一些特殊的案例引导学生用所学的知识解决学习、生活中的实际问题，提高学生的学习兴趣和实践操作能力。备 注周次讲课内容（附

2、章节）学时实验实习（讨论大作业）内容学时1第一章 网页设计基础2第二章 Dreamweaver CS5基础第三章第一节文本处理第三章第二节文本编辑文本编辑第三章第三节图像处理第三章第三节图像属性图像属性第三章第四节 表格制作第三章第五节表格类型分类表格类型分类3第四章第一节页面布局第四章第二节页面布局页面布局第四章第五节创建超级链接4第四章第六节层与层动画第四章第七节框架与框架网页5第四章第八节创建CSS样式表第四章第八节资源、模板第四章第九节库6第四章第十节媒体对象应用第四章第十一节了解表单处理第四章第十二节创建web站点第四章案例创建web站点7第四章案例制作动态网站第四章网站维护与上传第

3、四章案例制作类型不限网站考试9第五章第一节Firoworks快速入门第五章第二节位图选择第五章第三节位图编辑第五章第四节绘制矢量图10第五章第五节文本操作第五章第六节页面、层第五章第七节蒙版和路径11制作动画及交互效果考试 第六章第一节flash快速入门12第六章第二节绘图工具详解第六章第三节制作卡通刺猬第六章第四节动画制作基础第六章第五节变脸动画13第六章第五节案例传统风格开场动画第六章第五节案例松鼠奔跑动画14第六章第五节案例小熊滑冰动画第六章第五节案例茁壮成长的花朵15第六章第五节案例图片遮罩动画第六章第五节案例圣诞老人飞入动画16第六章第五节案例卡通开场动画教学课题标准班合班教学目的认

4、识网页与网站，了解网页的基本元素重点难点熟悉并掌握HTML语言基础知识，理解并掌握网页设计的基本流程教学方法多媒体演示教学，上机实践操作主要教学过程教学手段教学过程设 计（2学时）第一节：1、认识网页与网站（0.5学时）；2、网页的基本元素（0.5学时）。第二节：1、超文本标4、记语言基础（1学时）；2、网页设计的基本流程（1学时）。多媒体操作课堂小结（3分钟）通过本章学习什么是网页和网站思考题、作业及其预习要求（2分钟）网页的基本元素有哪些？了解Dreamweaver的作用掌握使用Dreamweaver编辑网页和管理站点回顾上节课内容、导入新课内容（10分钟）1、介绍Dreamweaver功

5、能概括（0.5学时）；2、了解Dreamweaver工作区域（0.5学时）。通过Dreamweaver设计简单网页（1学时）小结Dreamweaver功能概括Dreamweaver工作区域有几种理解使用网页设计的文本操作方法、掌握文本基本用法掌握使用CSS设计网页的文本代码、理解网页文本和段落的设计机房演示教学，上机实践操作1、使用HTML设计网页（0.5学时）；2、了解文本及属性功能的运用（0.5学时）。网站文本案例操作（1学时）机房小结HTML设计网页文字的几种方式了解图像处理理解图像概念，图像在网页中占的比例掌握图像的文件格式、插入不同图像的方式以及属性功能的操作（2分钟）1、了解什么是

6、图像（0.5学时）；2、了解图像的文件格式及属性功能用法（0.5学时）。网站图像案例操作（1学时）小结HTML设计网页的图像，图像属性，及如何插入图像了解网站表格制作理解图片样式设置基础 掌握定义图片边框 、定义图片大小、定义图片的横向对齐、定义图片的纵向对齐 、设置文字环绕效果小结图片样式设置了解图片的横向对齐了解表格，表格的用法网站表格的框架结构以及属性功能的运用1、了解什么是表格（0.5学时）；2、了解表格的列表的格式填写方式及属性功能用法（0.5学时）。网站表格框架结构的搭建案例操作（1学时）小结网站的表格操作过程中的灵活多变了解页面布局了解网站页面布局的搭建掌握页面的布局的几种方式1

7、、了解什么是网站的页面布局（0.5学时）；2、了解页面布局的几种类型格式（0.5学时）。网站布局案例操作（1学时）小结页面布局的多样性了解创建超级链接了解什么是链接，链接在网页中占的比例掌握超级链接的几种方式1、了解什么是超级链接（0.5学时）；2、了解如何创建超级链接及属性功能用法（0.5学时）。网站图像与文字创建超级链接案例操作（1学时）小结网页中图像以及文本的链接创建了解层与层动画了解什么是层，掌握网页布局中的层掌握层与层之间的用法1、了解什么是层（0.5学时）；2、了解层在css样式表如何设定（0.5学时）。网站层与层的案例操作（1学时）小结掌握层的用法了解框架与框架网页了解框架概念，

8、框架的创建掌握框架属性设置、在框架中插入内容1、了解什么是网页中的框架结构（0.5学时）；2、了解框架的创建，属性设置、在框架中插入内容（理解，核心）（0.5学时）。网站创建新的框架结构案例操作（1学时）小结掌握热点的用法了解图像优化与导出了解css样式表掌握样式表的作用，创建CSS样式表、修改样式表属性1、 了解什么是网页中的CSS样式表（0.5学时）；2、了解CSS样式表，属性设置，如何利用CSS样式表快速设置图像和文字（理解，核心）（0.5学时）。网站图像与文字通过CSS来设置样式表案例操作（1学时）小结CSS样式表的用法了解资源、模板2、 了解什么是网页中的CSS样式表（0.5学时）；

9、了解网页中固定的模板格式掌握快速搭建模板以及模板的操作1、了解什么是网页中的模板框架（0.5学时）；2、了解模板设置，如何利用模板快速设置图像和文字（理解，核心）（0.5学时）。网站图像与文字通过模板整合来设置案例操作（1学时）小结模板的用法了解库了解库，库的功能掌握库、元件、实例和组件1、了解什么是网页中的库（0.5学时）；2、了解库设置，如何调用外部库的设置（理解，核心）（0.5学时）。网站调用外部库的样式案例操作（1学时）小结库各种操作方式的区别了解媒体对象操作了解常用多媒体的文件格式、插入多媒体的方式、插入Flash掌握不同媒体的插入方式及功能属性1、了解什么是网页中媒体（0.5学时）；2、了解媒体设置以及不同格式的插入方式（理解，核心）（0.5学时）。小结媒体的方式了解表单处理了解表单面板、表单元素、插入表单掌握表单的编辑1、了解什么是网页表单面板（0.5学时）；2、了解表单元素、插入表单方式（理解，核心）（0.5学时）。网站表单在css样式表的设定案例操作（1学时）小结表单的重要性了解创建web站点