《Dreamweaver网页设计与制作》实训教学大纲

1、 Dreamweaver MX网页设计与制作 实训教学大纲一、大纲说明网页制作 是计算机网络专业专业开设的一门专业必修课。 该课程涉及到 色彩构成、平面制作、图形设计等相关课程， 要求学生具有一定的设计能力。 网 页制作 作为必修课， 教授本课使用直观教学演示方法， 使讲解的内容更直观更 易被接受，符合计算机网络专业专业开设本课程的目的。本课程教学目标为：1. 基本理论要求：通过本课程的课堂教学，系统学习网页制作的工作原理。2. 基本技能要求：通过学习网页制作熟悉网页处理的流程及方法。二、大纲内容课题一 HTML 简介实训目的：1. 掌握网页设计基本概念和 HTML的基本结构2. 了解网页技术

2、概况、 HTML的编辑和运行环境实训内容：项目 1. 熟悉 html 语言的基本结构项目 2. 使用 html 语言的基本结构，编写简单的网页 重点技能操作：掌握 html 语言的基本结构，学会编写简单的网页课题二 文字版面的编辑实训目的：掌握文字版面的编辑，如页面布局、字体属性等简单的版面设计 实训内容：项目 1. 文字版面的编辑（一） ，通过页面布局实现文字版面的编辑。项目 2. 文字版面的编辑（二） ，调整字体属性美化网页页面。重点技能操作：掌握网页中页面布局及字体属性的设置。课题三 建立超链接实训目的： 掌握网页的超链接技术的应用。实训内容：项目 1. 建立超链接，在网页中实现对同一文

3、件、不同文件和网络资源的超 链接。重点技能操作：掌握网页中各种不同超链接效果的实现。课题四 图像的处理实训目的：掌握图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用实训内容：项目 1. 图像的处理，设定和应用背景图案、图形、图象及其超链接等。 重点技能操作：学会使用图像美化网页。课题五 列表项目实训目的：掌握列表的各种使用实训内容：项目 1. 列表项目，使用各种列表美化网页重点技能操作：学会使用列表美化网页。课题六 表格实训目的：1. 了解表格的基本语法2. 掌握表格的定义、控制、分组、标题等的应用，并学会使用表格布局实训内容：项目 1. 表格（一），使用表格的基本语法定义表格，并

4、控制表格中的行、单元格、分组和标题项目 2. 表格（二），使用表格布局网页页面。 重点技能操作：在网面中合理的应用表格，掌握表格布局网页的方式。课题七 表单的设计实训目的：掌握表单在网页中的应用 实训内容：项目 1. 表单的设计（一），在网页中添加各种表单元素。项目 2. 表单的设计（二），与表格相结合制作完美的表单页面。 重点技能操作：在网面中合理的应用表格布局，掌握各种表单元素的现实方式。课题八 网页的动态效果实训目的：掌握如何在网页中加入各种动态效果 实训内容：项目 1. 网页的动态效果，在网页中加入各种动态效果，如滚动的文字，多 媒体加入网页， Flash 动画。 重点技能操作：学会在

5、网页中添加各种动态效果。课题九 CSS 的基础知识实训目的：掌握网页中 CSS的使用方式实训内容：项目 1.CSS 的基础知识（一），使用四种方法使用 css 样式表；项目 2.CSS 的基础知识（二），使用 Class 类与 id 类控制网页的格式。 重点技能操作：理解样式表的应用。掌握在网页中添加样式表的四种方法。掌 握 class 类与 id 类的应用。课题十 CSS 的属性实训目的：掌握 CSS的各种属性应用实训内容：项目 1.CSS 的属性（一），运用 css 样式表设置字体样式并控制图文布局 项目 2.CSS 的属性（二），综合应用 CSS的各种属性重点技能操作： 理解样式表的各种

6、属性及其显示效果。 掌握在网页中使用各种属 性控制网页的实现效果。课题十一 框架结构实训目的：掌握窗口框架在网页中的应用实训内容：项目 1. 在网页中应用框架结构 重点技能操作：了解在网页中添加框架结构的方法。课题十二 Dreamweaver 软件的使用实训目的：掌握 Dreamweaver软件的基本结构，并基本学会使用 Dreamweaver软件 实训内容：项目 1. 基本网页元素的实现， 在 Dreamweaver软件中添加基本的网页元素。项目 2. 创建站点，在 Dreamweaver软件中创建站点，通过修改元素属性设 置美化网页。重点技能操作：掌握 Dreamweaver软件中创建站点

7、和添加基本元素的方法。课题十三 制作个人网站实训目的：1. 培养学生熟练掌握 HTML语言的实际应用能力；2. 培养学生掌握运用 Dreamweaver制作网页的能力；3. 培养学生掌握网页的设计与制作的一般流程的能力；4. 培养学生学会做网站需求分析的能力；5. 培养学生学会特定资料的收集与整理的能力；6. 培养学生掌握独立完成站点建立， 页面设计，颜色搭配，多媒体元素添加， 运用样式表进行网页整体风格设定的能力实训内容：项目 1. 认真构思个人网站的框架结构；进行网站需求分析；收集符合选定 主题的多媒体素材；对素材进行处理，以符合网页设计的需要。项目 2. 制作具有一定主题的，符合具体页面

8、要求的完整网站。 重点技能操作：1、页面（1）主题要突出，内容充实、健康向上，布局合理；（2）主页视觉效果；2、层次（1）默认状态下制作网页；（2）链接正确、至少二层链接、五个二级页面，三级页面多少可自由处 理，但不可过多；（3）网页中必须使用“相对路径” ，所用到的素材以英文形式命名；（4）结构清晰、规范；3、图片处理（1）图片构图或背景图设计新颖，有创意；（2）图片或背景图色彩搭配合理、美观，（3）图片或背景色调、明暗一致，不能有粘贴的痕迹；4、技术（1）网页中有自制的动态效果如字幕标签的使用，特效的添加；（2）技术运用要全面，技术含量高，尤其是表格的特殊布局，运用CSS进行页面的美化等；

9、（3）网页存放以“姓名网页设计”为名的文件夹中，首页 index.htm ， 首页是整个网站的关键所在， 最成体现你的特色， 所以要把重点关注。（4）要按要求建立文件目录；素材要分门别类的放置，如图像可以以 imges 或 pics 命名，动画以 swf 命名或 animation 命名我，声音以 sounds 命名，样式以 css 命名；特别注意：所用的素材都应全部放在 以“姓名网页设计”为名的文件夹里，否则会出现图片不能显示等 问题影响最终效果，二级页面命名时全部使用英文名，命名时要做到见名知意5、内容要求（1）二级页面的布局不能完全一样，至少要有 3 个不一样（2）各个页面以表格进行布局

10、，各个页面不能简单地包含的文字和图像 就算了，页面元素要丰富且搭配合理（3）声音使用要合理，不能滥用三、学时分配课题内容总学时课题一HTML 简介2课题二文字版面的编辑4课题三建立超链接2课题四图像的处理2课题五列表项目2课题六表格8课题七表单的设计8课题八网页的动态效果8课题九CSS 的基础知识4课题十CSS 的属性4课题十一框架结构2课题十二Dreamweaver 软件的使用8课题十三制作个人网站6总计60四、教学环节1. 组织教学。组织上课地点 .点名检查学生出勤情况 .填写考勤表 .检查工作 服. 鞋帽是否符合安全卫生要求。2. 入门指导。检查复习、作业分析、讲解新课、目的明确、语言简炼，突出重点、示范操作、分配任务3. 巡回指导。集体指导、个别指导、培养典型、教师做到五勤（脚、眼、 脑、嘴、手）。4. 结束指导。收集指导内容、实习报告、收集讲解内容、点评、结合学生谈 体会。五、教材与参考书目1. Dreamweaver MX网页设计与制作，劳