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

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

《Dreamweaver 网页制作教学大纲Word格式.docx》由会员分享，可在线阅读，更多相关《Dreamweaver 网页制作教学大纲Word格式.docx（17页珍藏版）》请在冰豆网上搜索。

　三、先修课程要求

《图像处理》

要求：

熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等

四、教学内容和教学要求

㈠网页设计介绍

⒈网页概念

⒉网页中的基本元素

⒊怎样建立网站

⒋网页制作原理

⒌网页设计和HTML

教学要求：

掌握网网页制作原理。

教学重点：

网页设计。

㈡认识Dreamweaver

⒈Dreamweaver功能简介

⒉安装Dreamweaver

⒊认识Dreamweaver的工作界面

⒋认识Dreamweaver窗口项目

熟练Dreamweaver窗口项目。

熟练掌握窗口中各菜单、面板的操作。

㈢Dreamweaver基本操作

⒈制作网站相册

⒉为网站相册制作首页

⒊知识重点

掌握Dreamweaver的基本操作。

熟练掌握图像、表格、文本及页面属性的相关操作。

㈣HTML

⒈HTML编程技术

⒉HTML简介

⒊HTML基本语法和结构

⒋HTML常用标记

掌握的基本语法和结构。

HTML编程技术的掌握。

㈤CSS属性

⒈样式表设计

⒉CSS属性

掌握CSS样式创建及编辑。

CSS样式参数设置。

㈥表格

⒈用表格制作主页

⒉表格与视图介绍

⒊表格详细介绍

熟练掌握用表格规划网页的操作。

用表格对页面的布局。

㈦图层的应用

⒈层的介绍

⒉层与表格相互转换

⒊设置层属性

掌握层的创建、层属性的设置操作。

层的应用操作。

㈧表单

⒈表单介绍

⒉建立表单

⒊以一个简单实例演示表单的制作

掌握表单的创建及属性设置。

动态表单的创建。

㈨模板和框架

⒈模板的使用

⒉框架

掌握模板和框架的创建方法。

能正确应用模板和框架对网站整体风格进行设置。

㈩Dreamweaver的综合应用

⒈建立一个网站的实例

⒉资源面板的运用

⒊行为面板的运用

⒋文件面板的使用

⒌站点管理器的使用

⒍站点测试、上传及网站的宣传

掌握网站的创建、设置及行为面板的使用方法。

能正确地制作网站、站点的测试和上传等操作。

五、上机实验

本课程实践性很强，上机实习环节是本课程的重要组成部分，并设置了该课程的课程设计教学环节。

上机实习内容

实验一　创建本地站点、控制页面 

㈠实验目的

⒈熟悉Dreamweaver界面布局和工作环境；

⒉掌握本地站点创建和管理、页面的设置方法。

㈡实验要求

⒈能熟练启动、退出Dreamweaver，能正确显示使用“浮动面板”；

⒉会创建本地站点并能进行管理此站点；

⒊能编辑静态的网页，熟练掌握其中相关操作技能；

⒋展示学生作品，将完成的所有内容发到教师机上。

㈢学时分配

本实践项目为2学时

㈣实验内容

创建本地站点、控制页面。

实验二 

文本操作与图像操作

㈠实验目的

⒈掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法；

⒉掌握网页中文本编辑、图文混排的方法。

㈡实验要求

⒈能熟练地在网页中输入编辑文本，掌握空格和换行的基本操作；

⒉能在页面中正确地插入时间日期、水平线、图片等操作；

⒊能够进行图文混排操作，设计出精美的网页。

㈢学时分配

本实践项目为2学时。

㈣实验内容

本实验的内容主要是“文本操作与图像制作”。

实验三网页布局之一

⒈掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法；

⒉掌握应用布局表格和层布局网页中的文字和图片的方法。

㈡实验要求

实验前认真预习，熟练掌握有关概念和知识。

实验过程中记录发生的现象并分析原因。

实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。

本实践项目为4学时。

本实验的内容主要是制作一个“我的主页”的主页文件，能够用表格和层布局网页。

实验四网页布局之一

⒈学会将已有网页生成模板的操作方法；

⒉掌握编辑模板和将模板生成新网页的操作方法；

⒊掌握应用库项目制作和更新库项目的操作方法；

⒋掌握在网页中应用框架、设置框架集属性的方法。

㈡实验要求

按实验任务准备相关素材，按照实验要求完成每一步操作，利用一定时间展示学生作品，按完成的任务进行评定学生的成绩。

㈢学时分配　

本实验的内容主要是创建模板和框架，利用模板生成、更新页面。

实验五动感元素与超级链接

㈠实验目的

⒈掌握在网页中插入flash动画、设置其属性方法；

⒉掌握创建各种形式的超级链接的操作方法。

实验前认真看书预习，熟练掌握有关插入多媒体的方法，制作或收集Flash文件，实验过程中按实验任务进行操作，链接的操作要实现用“文字”、“图片”、“按钮”作为链接，链接到相关的网页。

实验完毕将作品提交到教师机。

本实验的内容主要是能正确地插入Flash文档，能用多种对象制作超级链接，让学生按实验任务要求完成具体的操作。

实验六创建表单网页

（1）掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法；

（2）掌握实现滚动文字效果的操作方法。

实验前认真预习，熟练掌握有关框架网页的基础概念和知识。

本实验的内容主要是制作一个表单页，实现表单的制作和正确提交。

实验七CSS样式应用

⒈掌握样式的定义方法和编辑方法；

⒉掌握使用样式表布局网页元素以及美化页面。

实验前认真预习，熟练掌握实验前认真预习，熟练掌握有关CSS概念和知识，为正确地进行相关实验操作奠定坚实的基础，实验过程中一定要按实验要求完成每一步操作，并将完成结果提交到教师机。

本实验的内容主要是熟练表单的基本操作，并制作表单网页。

实验八综合网页制作

⒈利用框架、表格和CSS样式对网页元素布局；

⒉制作下拉式菜单

完成实验任务中的“在线帮助网站主页制作”，除必要的图片混排外，还要利用框架和CSS样式表对网页元素布局，同时完成下拉式菜单的制作。

利用CSS样式和框架制作页面，利用层的显示与隐藏制作出下拉式菜单。

六、学时分配

本课程参考总学时为72，其中上机实习不应低于34学时，具体课时分配建议如下：

主项目名称

子项目名称

计划课时

课程内容选取依据与知识技能目标

理论＋实践一体化课程

项目一

网页赏析模块

经典赏析

2

⑴欣赏优秀网页，激发学生学习网页设计的兴趣；

⑵分析优秀网页的布局结构、颜色搭配、视觉效果；

⑶对网页的组成元素有一个初步印象。

项目二

网页基础模块

网页基础

⑴了解网页的相关概念和术语，认识网页构成元素。

⑵了解网页制作、处理图像、动画制作的专业工具；

⑶熟悉Dreamweaver的启动、退出及窗口环境。

项目三

网页制作模块

页面控制

⑴了解Dreamweaver8的参数设置方法；

⑵掌握页面属性、文件头内容的设置方法；

⑶会使用辅助工具。

文本操作

⑴能在网页中输入、编辑文本；

⑵学会在网页中插入水平线和日期；

⑶掌握网页文本格式化操作。

图像操作

⑴掌握图像的插入、属性设置及图文混排的方法；

⑵掌握插入鼠标经过图像的方法，了解插入图像占位符的方法。

表格布局

⑴学会添加表格、设置表格、行、列属性的方法；

⑵掌握拆分单元格，合并单元格的方法；

⑶掌握在表格中输入文字、插入和定位图像的方法。

布局表格

⑴掌握切换视图、绘制布局表格的操作方法；

⑵掌握绘制、移动布局单元格元格的操作方法；

⑶掌握布局表格和单元格属性的操作方法。

层的布局

⑴掌握描绘层、插入层、选择层和激活层的方法；

⑵能设置层的属性、在层中输入文本、插入图像；

⑶掌握嵌套层的创建、层与表格相互转换的方法。

框架网页

⑴掌握创建框架、导入框架源文件的操作方法；

⑵能保存框架集文件和各个框架操作文件；

⑶能设置框架集和框架属性、编辑内容的操作方法。

模板和库

⑴理解模板和库的作用，会创建模板和利用模板生成新网页的方法；

⑵掌握如何应用库项目制作网页。

动感元素

⑴了解flash文件的类型、能在网页中插入flash动画和设置Flash对象的属性；

⑵掌握在网页中插入flash按钮、文本的方法。

超级链接

⑴掌握创建外部链接和内部链接的操作方法；

⑵掌握制作图像映射、创建E-mail链接操作方法。

表单网页

⑴掌握在表单中插入表单域、在表单域中插入文本域、单选和复选按钮的方法；

⑵掌握在表单域中插入列表/菜单、按钮和图像域。

项目四

网页编程模块

HTML语言

4

⑴掌握Dreamweaver的HTML源代码编辑功能；

⑵掌握常用的HTML标记的含义及其应用。

美化网页

⑴掌握CSS样式表的基本语法和定义位置；

⑵掌握标签样式、高级样式、类样式的定义方法；

⑶掌握样式的编辑，利用样式表美化页面的方法；

项目五

网站管理模块

网站管理

⑴掌握“文件”面板的使用方法；

⑵掌握站点的创建和管理方法。

网站测试

⑴掌握网站测试的方法；

⑵了解域名的设计与申请、网站发布、维护与更新的方法。

项目六

网页设计模块

网页设计

⑴掌握网站的开发流程，了解网站的规划与组织；

⑵掌握网页设计原理、规范。

实例分析

⑴掌握网站的规划、站点的创建；

⑵学会创建站点目录结构、准备素材；

⑶熟练制作首页、站点测试、发布。

理论＋实践一体化课时小计

40

单元独立实践＋课外拓展实践＋生产性实训

项目七

单元独立实践

实验1

创建本地站点、控制页面

⑴熟悉Dreamweaver界面布局和工作环境；

⑵掌握本地站点创建和管理、页面的设置方法。

实验2

⑴掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法；

⑵掌握网页中文本编辑、图文混排的方法。

实验3

网页布局之一

⑴掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法；

⑵掌握应用布局表格和层布局网页中的文字和图片的方法。

实验4

网页布局之二

⑴学会将已有网页生成模板的操作方法；

⑵掌握编辑模板和将模板生成新网页的操作方法；

⑶掌握应用库项目制作和更新库项目的操作方法；

⑷掌握在网页中应用框架、设置框架集属性的方法。

实验5

动感元素与超级链接

⑴掌握在网页中插入flash动画、设置其属性方法；

⑵掌握创建各种形式的超级链接的操作方法。

实验6

创建表单网页

⑴掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法；

⑵掌握实现滚动文字效果的操作方法。

实验7

CSS样式应用

⑴掌握样式的定义方法和编辑方法；

⑵掌握使用样式表布局网页元素以及美化页面。

实验8

综合网页制作

⑴利用框架、表格和CSS样式对网页元素布局；

⑵制作下拉式菜单

单元独立实践课时小计

22

项目八

课外拓展实践

根据课堂所学习的操作方法，选择一个主题，学生自己动手制作网页，不占用课程时间。

项目九

工学结合实训

网页制作综合实训

10

⑴掌握规划网站的内容、目录、链接结构的方法；

⑵熟练掌握Dreamweaver8的基本操作和使用技能；

⑶掌握页面的整体控制和页面布局方法；

⑷熟练掌握在网页中输入、设置标题和正文文字、插入图像、Flash动画、音乐、视频对象的方法；

⑸掌握建立各种形式超级链接、表单的制作、网站测试的方法。

课外拓展实践＋生产性实训课时小计

课时累计

72

　七、考核方法

　平时作业（50%）+实验作品（50%）

㈠平时作业

平时作业成绩为每次课堂作业完成情况的平均分。

㈡实验作品

制作一个静态网站，主题自选。

其作品由以下几个部分（子作品）组成，并分别评分。

子作品有：

作品1：

网站相册；

作品2：

层叠样式表应用；

作品3：

利用表格进行页面布局；

作品4：

网站模板（网页框架）的设计；

作品5：

注册表单的制作。

㈢评分说明

将作品分解到平时，分别对各个子作品进行讲评和分析，有利于及时纠正学生出现的问题，学生也能有更多的时间去修改作品中，从而提高作品质量。

㈣作品评价量规

作品内容

设计标准

备注

网站主题设计

50

1、网站主题小而具体

20

2、有新意、创意

网站内容设计

1、内容围绕主题编排

2、内容划分合理

其它

1、参考了多个网站的主题、内容编排和色彩

2、列举出参考网站的网址、参考的内容

八、教材及主要参考书

㈠教材

《Dreamweaver网页制作》标准教程，北京理工大学出版社，2006.10

㈡参考书

《网页设计与制作》高等教育出版社，2004.9