Dreamweaver网页制作教学大纲Word格式.docx

1、要求：熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等四、教学内容和教学要求网页设计介绍1网页概念2网页中的基本元素3怎样建立网站4.网页制作原理5.网页设计和HTML教学要求：掌握网网页制作原理。教学重点：网页设计。认识 Dreamweaver1 -Dreamweaver 功能简介2.安装 Dreamweaver3.认识Dreamweaver的工作界面4.认识Dreamweaver窗口项目熟练Dreamweaver窗口项目。熟练掌握窗口中各菜单、而板的操作。Dreamweaver基本操作1.制作网站相册2.为网站相册制作首页3.知识重点掌握Dreamweaver的基本操作。熟

2、练掌握图像、表格、文本及页而属性的相关操作。 HTML1.HTML编程技术2.HTML简介3.HTML基本语法和结构4.HTML常用标记掌握的基本语法和结构。HTML编程技术的掌握。CSS属性1 .样式表设计2.CSS属性掌握CSS样式创建及编借。CSS样式参数设鱼L俗表格1.用表格制作主页2.表格与视图介绍3.表格详细介绍熟练掌握用表格规划网页的操作。用表格对页而的布局。代图层的应用1.层的介绍2.层与表格相互转换3.设置层属性掌握层的创建、层属性的设巻操作。层的应用操作。（A）表单1 表单介绍2.建立表单3.以一个简单实例演示表单的制作掌握表单的创建及属性设苣。动态表单的创建。%模板和框架

3、1.模板的使用2.框架掌握模板和框架的创建方法。能正确应用模板和框架对网站整体风格进行设巻。岀Dreamweaver的综合应用1.建立一个网站的实例2.资源面板的运用3.行为面板的运用4.文件面板的使用5.站点管理器的使用6.站点测试、上传及网站的宣传掌握网站的创建、设置及行为而板的使用方法。能正确地制作网站、站点的测试和上传等操作。五、上机实验本课程实践性很强，上机实习环节是本课程的重要组成部分，并设置了该课程的课程设讣教学环节。上机实习内容实验一创建本地站点、控制页面实验目的1熟悉Dreamweaver界面布局和工作环境：2.掌握本地站点创建和管理、页而的设置方法。实验要求1能熟练启动、退

4、出Dreamweaver,能正确显示使用浮动而板”；2.会创建本地站点并能进行管理此站点；3.能编辑静态的网页，熟练掌握其中相关操作技能；4.展示学生作品，将完成的所有内容发到教师机上。学时分配本实践项目为2学时实验内容创建本地站点、控制页面。实验二文本操作与图像操作1掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法： 2.掌握网页中文本编辑、图文混排的方法。1.能熟练地在网页中输入编辑文本，掌握空格和换行的基本操作：2.能在页面中正确地插入时间日期、水平线、图片等操作：3.能够进行图文混排操作，设讣出精美的网页。本实践项目为2学时。本实验的内容主要是“文本操作与图像制作”。实

5、验三网页布局之一1.掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法：2.掌握应用布局表格和层布局网页中的文字和图片的方法。实验前认貞预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分 析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。本实践项目为4学时。本实验的内容主要是制作一个“我的主页”的主页文件，能够用表格和层布局 网页。实验四网页布局之一1.学会将已有网页生成模板的操作方法：2.掌握编辑模板和将模板生成新网页的操作方法：3.掌握应用库项目制作和更新库项目的操作方法：4.掌握在网页中应用框架、设置框架集属性的方法。按实验任务准备相关素材，按

6、照实验要求完成每一步操作，利用一定时间展示学生作 品，按完成的任务进行评圧学生的成绩。本实验的内容主要是创建模板和框架，利用模板生成、更新页面。实验五动感元素与超级链接1.掌握在网页中插入flash动画、设豊英属性方法；2.掌握创建各种形式的超级链接的操作方法。实验前认真看书预习，熟练掌握有关插入多媒体的方法，制作或收集Flash文 件，实验过程中按实验任务进行操作，链接的操作要实现用“文字”、“图片”、“按钮”作为 链接，链接到相关的网页。实验完毕将作品提交到教师机。本实验的内容主要是能正确地插入Flash文档，能用多种对象制作超级链接， 让学生按实验任务要求完成具体的操作。实验六创建表单网

7、页（1）掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表 /菜单、等表单控件方法；（2）掌握实现滚动文字效果的操作方法。实验前认貞预习，熟练掌握有关框架网页的基础概念和知识。实验过程中记录 发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设il结果供下一个实验 使用。本实验的内容主要是制作一个表单页，实现表单的制作和正确提交。实验七CSS样式应用1.掌握样式的立义方法和编辑方法；2.掌握使用样式表布局网页元素以及美化页而。实验前认真预习，熟练掌握实验前认真预习，熟练掌握有关CSS概念和知识，为正确地进行相关实脸操作奠左坚实的基础，实验过程中一左要按实验要求完成每一

8、步操作, 并将完成结果提交到教师机。本实验的内容主要是熟练表单的基本操作，并制作表单网页。实验八综合网页制作1.利用框架、表格和CSS样式对网页元素布局：2.制作下拉式菜单完成实验任务中的“在线帮助网站主页制作”，除必要的图片混排外，还要利用框架和CSS样式表对网页元素布局，同时完成下拉式菜单的制作。利用CSS样式和框架制作页而，利用层的显示与隐藏制作出下拉式菜单。六、学时分配本课程参考总学时为72,英中上机实习不应低于34学时，具体课时分配建议如下:主项目名称子项目名称il- 划课时课程内容选取依据与知识技能目标理论+实践一体化课程项目一网页赏析模块经典赏析2（1） 欣赏优秀网页，激发学生学

9、习网页设计的兴 趣：（2） 分析优秀网页的布局结构、颜色搭配、视觉 效果；（3） 对网页的组成元素有一个初步印象。项目二网页基础模块网页基础（1） 了解网页的相关概念和术语，认识网页构成 元素。（2） 了解网页制作、处理图像、动画制作的专业 工具：（3） 熟悉Dreamweaver的启动、退岀及窗口环 境。项目三网页制作模块页而控制了解Dreamweaver 8的参数设置方法：（2） 掌握页而属性、文件头内容的设置方法：（3） 会使用辅助工具。文本操作（1） 能在网页中输入、编辑文本：（2） 学会在网页中插入水平线和日期：（3） 掌握网页文本格式化操作。图像操作（1） 掌握图像的插入、属性设置

10、及图文混排的方 法；（2） 掌握插入鼠标经过图像的方法，了解插入图 像占位符的方法。表格布局（1） 学会添加表格、设置表格、行、列属性的方 法；（2） 掌握拆分单元格，合并单元格的方法：（3） 掌握在表格中输入文字、插入和泄位图像的 方法。布局表格（1） 掌握切换视图、绘制布局表格的操作方法；（2） 掌握绘制、移动布局单元格元格的操作方 法：（3） 掌握布局表格和单元格属性的操作方法。层的布局（1） 掌握描绘层、插入层、选择层和激活层的方 法：（2） 能设置层的属性、在层中输入文本、插入图 像；（3） 掌握嵌套层的创建、层与表格相互转换的方 法。框架网页（1） 掌握创建框架、导入框架源文件的操

11、作方 法：（2） 能保存框架集文件和各个框架操作文件：（3） 能设置框架集和框架属性、编辑内容的操作 方法。模板和库（1） 理解模板和库的作用，会创建模板和利用模 板生成新网页的方法：（2） 掌握如何应用库项目制作网页。动感元素（1） 了解flash文件的类型、能在网页中插入 flash动画和设置Flash对象的属性；（2） 掌握在网页中插入flash按钮、文本的方 法。超级链接（1） 掌握创建外部链接和内部链接的操作方法；（2） 掌握制作图像映射、创建E-mail链接操作 方法。表单网页（1） 掌握在表单中插入表单域、在表单域中插入 文本域、单选和复选按钮的方法：（2） 掌握在表单域中插入列

12、表/菜单、按钮和图 像域。（1）掌握Dreamweaver的HTML源代码编辑:功HTML语言4能；（2）掌握常用的HTML标记的含义及貝应用。项目四（1）掌握CSS样式表的基本语法和左义位宜：网页编程模块美化网页（2）掌握标签样式、高级样式、类样式的泄义方 法：（3）掌握样式的编辑，利用样式表美化页而的方 法；项目五网站管理（1） 掌握“文件”而板的使用方法：（2） 掌握站点的创建和管理方法。网站管理模块网站测试（1） 掌握网站测试的方法：（2） 了解域名的设计与申请、网站发布、维护与 更新的方法。网页设计（1）掌握网站的开发流程，了解网站的规划与组 织；项目六（2）掌握网页设计原理、规范。

13、网页设计模块实例分析（1） 掌握网站的规划、站点的创建：（2） 学会创建站点目录结构、准备素材；（3） 熟练制作首页、站点测试、发布。理论+实践一体化课时小计40单元独立实践+课外拓展实践+生产性实训实验1（1）熟悉Dreamweaver界而布局和匸作坏境：项目七创建本地站点、控制 页而（2）掌握本地站点创建和管理、页而的设宜方 法。单元独立实践实验2文本操作与图像操作（1） 掌握在网页中输入文本、空格，换行和编辑 文本插入水平线和日期的方法；（2） 掌握网页中文本编辑、图文混排的方法。实验3网页布局之一（1） 掌握利用表格布局网页中的文字、图像、存 储文本、数据排序等操作方法；（2） 掌握应

14、用布局表格和层布局网页中的文字 和图片的方法。实验4网页布局之二（1） 学会将已有网页生成模板的操作方法：（2） 掌握编辑模板和将模板生成新网页的操作 方法：（3） 掌握应用库项目制作和更新库项目的操作 方法：（4） 掌握在网页中应用框架、设置框架集属性的 方法。实验5动感元素与超级链接（1） 掌握在网页中插入flash动画、设置英属性 方法：（2） 掌握创建各种形式的超级链接的操作方法。实验6创建表单网页（1） 掌握在网页中插入表单域，在表单域中插入 文本域、单选和复选按钮、列表/菜单、等表单控件 方法：（2） 掌握实现滚动文字效果的操作方法。实验7CSS样式应用（1） 掌握样式的定义方法和

15、编借方法；（2） 掌握使用样式表布局网页元素以及美化页实验8综合网页制作（1） 利用框架、表格和CSS样式对网页元素布 局；（2） 制作下拉式菜单单元独立实践课时小计22项目八课外拓展实践根据课堂所学习的操作方法，选择一个主题， 学生自己动手制作网页，不占用课程时间。项目九工学结合实训网页制作综合实训10（1）掌握规划网站的内容、目录、链接结构的方 法； 熟练掌握Dreamweaver 8的基本操作和使用技能：（3）掌握页而的整体控制和页而布局方法：熟练掌握在网页中输入、设置标题和正文文 字、插入图像、Flash动画、音乐、视频对象的方 法：（5）掌握建立各种形式超级链接、表单的制作、 网站测

16、试的方法。课外拓展实践+生产性实训课时小计课时累计72七、考核方法平时作业（50%）+实验作品（50%）平时作业平时作业成绩为每次课堂作业完成情况的平均分。实验作品制作一个静态网站，主题自选。其作品由以下几个部分（子作品）组成，并分別评分。子作 品有：作品1：网站相册：作品2：层叠样式表应用；作品3：利用表格进行页而布局：作品4：网站模板（网页框架）的设计；作品5：注册表单的制作。评分说明将作品分解到平时，分别对各个子作品进行讲评和分析，有利于及时纠正学生出现的问题, 学生也能有更多的时间去修改作品中，从而提高作品质量。作品评价量规作品内容设计标准备注网站主题设计C1、网站主题小而具体t2、有新意、创意网站内容设1、内容围绕主题编排rv2、内容划分合理其它（1、参考了多个网站的主题、内容编排和 色彩2、列举出参考网站的网址、参考的内容八、教材及主要参考书教材Dreamweaver网页制作标准教程，北京理工大学出版社，2006. 10参考书网页设计与制作髙等教育出版社，2004. 9