Dreamweaver网页制作教学大纲.docx
《Dreamweaver网页制作教学大纲.docx》由会员分享，可在线阅读，更多相关《Dreamweaver网页制作教学大纲.docx（17页珍藏版）》请在冰豆网上搜索。
Dreamweaver网页制作教学大纲
^Dreamweaver网页制作》教学大纲
课程编号：
课程爼称：
《网页设汁与制作》
英文名称：
课程类型：
专业选修课
总学时：
72讲课学时：
41上机实践学时：
31
学分：
100分
适用对象：
三年高职电子商务专业
先修课程：
《计算机文化与应用基础》
一、课程的性质和任务
"Dreamweaver网页设讣”是计算机网络技术专业（专科）的一门统设必修课，同时也是电子商务的基础课。
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点：
如何对页而属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层：
如何进行基本的图像处理；建立框架：
模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
二、课程的教学目标和基本要求
掌握Dreamweaver的交互界而的组成与使用方法，险b站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。
掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为而板设宜控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver中应用表单设计网页的方法，掌握并了解可以在网页中插入Fireworks电影、FlashMX电影、ActiveX.控件等多媒体对象的方法。
本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设ih这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版而设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
三、先修课程要求
《图像处理》
要求：
熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等
四、教学内容和教学要求
㈠网页设计介绍
1•网页概念
2•网页中的基本元素
3•怎样建立网站
4.网页制作原理
5.网页设计和HTML
教学要求：
掌握网网页制作原理。
教学重点：
网页设计。
㈡认识Dreamweaver
1-Dreamweaver功能简介
2.安装Dreamweaver
3.认识Dreamweaver的工作界面
4.认识Dreamweaver窗口项目
教学要求：
熟练Dreamweaver窗口项目。
教学重点：
熟练掌握窗口中各菜单、而板的操作。
㈢Dreamweaver基本操作
1.制作网站相册
2.为网站相册制作首页
3.知识重点
教学要求：
掌握Dreamweaver的基本操作。
教学重点：
熟练掌握图像、表格、文本及页而属性的相关操作。
㈣HTML
1.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.以一个简单实例演示表单的制作
教学要求：
掌握表单的创建及属性设苣。
教学重点：
动态表单的创建。
%模板和框架
1.模板的使用
2.框架
教学要求：
掌握模板和框架的创建方法。
教学重点：
能正确应用模板和框架对网站整体风格进行设巻。
岀Dreamweaver的综合应用
1.建立一个网站的实例
2.资源面板的运用
3.行为面板的运用
4.文件面板的使用
5.站点管理器的使用
6.站点测试、上传及网站的宣传
教学要求：
掌握网站的创建、设置及行为而板的使用方法。
教学重点：
能正确地制作网站、站点的测试和上传等操作。
五、上机实验
本课程实践性很强，上机实习环节是本课程的重要组成部分，并设置了该课程
的课程设讣教学环节。
上机实习内容
实验一创建本地站点、控制页面
㈠实验目的
1•熟悉Dreamweaver界面布局和工作环境：
2.掌握本地站点创建和管理、页而的设置方法。
㈡实验要求
1•能熟练启动、退出Dreamweaver,能正确显示使用"浮动而板”；
2.会创建本地站点并能进行管理此站点；
3.能编辑静态的网页，熟练掌握其中相关操作技能；
4.展示学生作品，将完成的所有内容发到教师机上。
㈢学时分配
本实践项目为2学时
㈣实验内容
创建本地站点、控制页面。
实验二文本操作与图像操作
㈠实验目的
1•掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法：
2.掌握网页中文本编辑、图文混排的方法。
㈡实验要求
1.能熟练地在网页中输入编辑文本，掌握空格和换行的基本操作：
2.能在页面中正确地插入时间日期、水平线、图片等操作：
3.能够进行图文混排操作，设讣出精美的网页。
㈢学时分配
本实践项目为2学时。
㈣实验内容
本实验的内容主要是“文本操作与图像制作”。
实验三网页布局之一
㈠实验目的
1.掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法：
2.掌握应用布局表格和层布局网页中的文字和图片的方法。
㈡实验要求
实验前认貞•预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
㈢学时分配
本实践项目为4学时。
㈣实验内容
本实验的内容主要是制作一个“我的主页”的主页文件，能够用表格和层布局网页。
实验四网页布局之一
㈠实验目的
1.学会将已有网页生成模板的操作方法：
2.掌握编辑模板和将模板生成新网页的操作方法：
3.掌握应用库项目制作和更新库项目的操作方法：
4.掌握在网页中应用框架、设置框架集属性的方法。
㈡实验要求
按实验任务准备相关素材，按照实验要求完成每一步操作，利用一定时间展示学生作品，按完成的任务进行评圧学生的成绩。
㈢学时分配
本实践项目为4学时。
㈣实验内容
本实验的内容主要是创建模板和框架，利用模板生成、更新页面。
实验五动感元素与超级链接
㈠实验目的
1.掌握在网页中插入flash动画、设豊英属性方法；
2.掌握创建各种形式的超级链接的操作方法。
㈡实验要求
实验前认真看书预习，熟练掌握有关插入多媒体的方法，制作或收集Flash文件，实验过程中按实验任务进行操作，链接的操作要实现用“文字”、“图片”、“按钮”作为链接，链接到相关的网页。
实验完毕将作品提交到教师机。
㈢学时分配
本实践项目为2学时。
㈣实验内容
本实验的内容主要是能正确地插入Flash文档，能用多种对象制作超级链接，让学生按实验任务要求完成具体的操作。
实验六创建表单网页
㈠实验目的
（1）掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法；
（2）掌握实现滚动文字效果的操作方法。
㈡实验要求
实验前认貞•预习，熟练掌握有关框架网页的基础概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设il•结果供下一个实验使用。
㈢学时分配
本实践项目为2学时。
㈣实验内容
本实验的内容主要是制作一个表单页，实现表单的制作和正确提交。
实验七CSS样式应用
㈠实验目的
1.掌握样式的立义方法和编辑方法；
2.掌握使用样式表布局网页元素以及美化页而。
㈡实验要求
实验前认真预习，熟练掌握实验前认真预习，熟练掌握有关CSS概念和知识，
为正确地进行相关实脸操作奠左坚实的基础，实验过程中一左要按实验要求完成每一步操作,并将完成结果提交到教师机。
㈢学时分配
本实践项目为2学时。
㈣实验内容
本实验的内容主要是熟练表单的基本操作，并制作表单网页。
实验八综合网页制作
㈠实验目的
1.利用框架、表格和CSS样式对网页元素布局：
2.制作下拉式菜单
㈡实验要求
完成实验任务中的“在线帮助网站主页制作”，除必要的图片混排外，还要利用
框架和CSS样式表对网页元素布局，同时完成下拉式菜单的制作。
㈢学时分配
本实践项目为4学时。
㈣实验内容
利用CSS样式和框架制作页而，利用层的显示与隐藏制作出下拉式菜单。
六、学时分配
本课程参考总学时为72,英中上机实习不应低于34学时，具体课时分配建议如下:
主项目名称
子项目名称
il-划课时
课程内容选取依据与知识技能目标
理论+实践一体化课程
项目一
网页赏析模块
经典赏析
2
（1）欣赏优秀网页，激发学生学习网页设计的兴趣：
（2）分析优秀网页的布局结构、颜色搭配、视觉效果；
（3）对网页的组成元素有一个初步印象。
项目二
网页基础模块
网页基础
2
（1）了解网页的相关概念和术语，认识网页构成元素。
（2）了解网页制作、处理图像、动画制作的专业工具：
（3）熟悉Dreamweaver的启动、退岀及窗口环境。
项目三
网页制作模块
页而控制
2
⑴了解Dreamweaver8的参数设置方法：
（2）掌握页而属性、文件头内容的设置方法：
（3）会使用辅助工具。
文本操作
2
（1）能在网页中输入、编辑文本：
（2）学会在网页中插入水平线和日期：
（3）掌握网页文本格式化操作。
图像操作
2
（1）掌握图像的插入、属性设置及图文混排的方法；
（2）掌握插入鼠标经过图像的方法，了解插入图像占位符的方法。
表格布局
2
（1）学会添加表格、设置表格、行、列属性的方法；
（2）掌握拆分单元格，合并单元格的方法：
（3）掌握在表格中输入文字、插入和泄位图像的方法。
布局表格
2
（1）掌握切换视图、绘制布局表格的操作方法；
（2）掌握绘制、移动布局单元格元格的操作方法：
（3）掌握布局表格和单元格属性的操作方法。
层的布局
2
（1）掌握描绘层、插入层、选择层和激活层的方法：
（2）能设置层的属性、在层中输入文本、插入图像；
（3）掌握嵌套层的创建、层与表格相互转换的方法。
框架网页
2
（1）掌握创建框架、导入框架源文件的操作方法：
（2）能保存框架集文件和各个框架操作文件：
（3）能设置框架集和框架属性、编辑内容的操作方法。
模板和库
2
（1）理解模板和库的作用，会创建模板和利用模板生成新网页的方法：
（2）掌握如何应用库项目制作网页。
动感元素
2
（1）了解flash文件的类型、能在网页中插入flash动画和设置Flash对象的属性；
（2）掌握在网页中插入flash按钮、文本的方法。
超级链接
2
（1）掌握创建外部链接和内部链接的操作方法；
（2）掌握制作图像映射、创建E-mail链接操作方法。
表单网页
2
（1）掌握在表单中插入表单域、在表单域中插入文本域、单选和复选按钮的方法：
（2）掌握在表单域中插入列表/菜单、按钮和图像域。
（1）掌握Dreamweaver的HTML源代码编辑:
功
HTML语言
4
能；
（2）掌握常用的HTML标记的含义及貝应用。
项目四
（1）掌握CSS样式表的基本语法和左义位宜：
网页编程模块
美化网页
2
（2）掌握标签样式、高级样式、类样式的泄义方法：
（3）掌握样式的编辑，利用样式表美化页而的方法；
项目五
网站管理
2
（1）掌握“文件”而板的使用方法：
（2）掌握站点的创建和管理方法。
网站管理模块
网站测试
2
（1）掌握网站测试的方法：
（2）了解域名的设计与申请、网站发布、维护与更新的方法。
网页设计
2
（1）掌握网站的开发流程，了解网站的规划与组织；
项目六
（2）掌握网页设计原理、规范。
网页设计模块
实例分析
2
（1）掌握网站的规划、站点的创建：
（2）学会创建站点目录结构、准备素材；
（3）熟练制作首页、站点测试、发布。
理论+实践一体化课时小计
40
单元独立实践+课外拓展实践+生产性实训
实验1
（1）熟悉Dreamweaver界而布局和匸作坏境：
项目七
创建本地站点、控制页而
2
（2）掌握本地站点创建和管理、页而的设宜方法。
单元独立实践
实验2
文本操作与图像操
作
2
（1）掌握在网页中输入文本、空格，换行和编辑文本插入水平线和日期的方法；
（2）掌握网页中文本编辑、图文混排的方法。
实验3
网页布局之一
4
（1）掌握利用表格布局网页中的文字、图像、存储文本、数据排序等操作方法；
（2）掌握应用布局表格和层布局网页中的文字和图片的方法。
实验4
网页布局之二
4
（1）学会将已有网页生成模板的操作方法：
（2）掌握编辑模板和将模板生成新网页的操作方法：
（3）掌握应用库项目制作和更新库项目的操作方法：
（4）掌握在网页中应用框架、设置框架集属性的方法。
实验5
动感元素与超级链
接
2
（1）掌握在网页中插入flash动画、设置英属性方法：
（2）掌握创建各种形式的超级链接的操作方法。
实验6
创建表单网页
2
（1）掌握在网页中插入表单域，在表单域中插入文本域、单选和复选按钮、列表/菜单、等表单控件方法：
（2）掌握实现滚动文字效果的操作方法。
实验7
CSS样式应用
2
（1）掌握样式的定义方法和编借方法；
（2）掌握使用样式表布局网页元素以及美化页
实验8
综合网页制作
4
（1）利用框架、表格和CSS样式对网页元素布局；
（2）制作下拉式菜单
单元独立实践课时小计
22
项目八
课外拓展实践
课外拓展实践
0
根据课堂所学习的操作方法，选择一个主题，学生自己动手制作网页，不占用课程时间。
项目九
工学结合实训
网页制作综合实训
10
（1）掌握规划网站的内容、目录、链接结构的方法；
⑵熟练掌握Dreamweaver8的基本操作和使用
技能：
（3）掌握页而的整体控制和页而布局方法：
⑷熟练掌握在网页中输入、设置标题和正文文字、插入图像、Flash动画、音乐、视频对象的方法：
（5）掌握建立各种形式超级链接、表单的制作、网站测试的方法。
课外拓展实践+生产性实训课时小计
10
课时累计
72
七、考核方法
平时作业（50%）+实验作品（50%）
㈠平时作业
平时作业成绩为每次课堂作业完成情况的平均分。
㈡实验作品
制作一个静态网站，主题自选。
其作品由以下几个部分（子作品）组成，并分別评分。
子作品有：
作品1：
网站相册：
作品2：
层叠样式表应用；
作品3：
利用表格进行页而布局：
作品4：
网站模板（网页框架）的设计；
作品5：
注册表单的制作。
㈢评分说明
将作品分解到平时，分别对各个子作品进行讲评和分析，有利于及时纠正学生出现的问题,学生也能有更多的时间去修改作品中，从而提高作品质量。
㈣作品评价量规
作品内容
设计标准
备注
网站主题设
计
C
0
1、网站主题小而具体
t
£
0
2、有新意、创意
t
£
0
网站内容设
计
C
0
1、内容围绕主题编排
r
v
0
2、内容划分合理
r
v
0
其它
（
■
0
1、参考了多个网站的主题、内容编排和色彩
0
2、列举出参考网站的网址、参考的内容
0
八、教材及主要参考书
㈠教材
《Dreamweaver网页制作》标准教程，北京理工大学出版社，2006.10
㈡参考书
《网页设计与制作》髙等教育出版社，2004.9
升级会员 