Dreamweaver网页设计72.docx

1、Dreamweaver网页设计72Dreamweaver网页设计课程标准适用专业：计算机网络专业 学分数：7总学时数：72 理论课时：24 实践课时：48 一、理论教学部分 （一）课程的性质和任务1课程性质：Dreamweaver网页设计本课程是计算机各专业的一门实践性很强的技术基础课，是一门必修的专业课。主要学习如何利用Dreamweaver这个软件进行网页的设计与制作。2课程任务：本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像

2、处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。 （二）教学内容和教学要求第一章Dreamweaver基础（2学时）【教学内容】 一、Dreamweaver的历史和简介；二、Dreamweaver 8.0的安装过程；三、Dreamweaver 8.0的全新界面；四、改进的设计与开发环境；五、主菜单介绍；六、对象控制面板介绍。【教学目的与教学要求】掌握Dreamweaver的基本特点、新增功能及界面组成。基本操作，如安装、新建、打开、导入、保存、关闭等；理解新增功能、界面组成

3、的优点；了解Dreamweaver可以为我们做些什么。第二章网页设计语言基础（12学时）【教学内容】一、HTML及XHTML语言介绍；二、常用的网页语法标记。【教学目的与教学要求】理解HTML及XHTML语言介绍，常用的网页语法标记。第三章文本和图像处理（6学时）【教学内容】一、文本属性面板介绍；二、编辑文本和插入对象；三；设置文本的格式；四、编号与项目符号；五、在网页中插入图像；六、图像的应用。【教学目的与教学要求】掌握设置文本属性和格式，编号与项目符号的使用，插入、编辑和排版图像；理解如何进行图像调整。第四章表格与页面布局 （12学时）【教学内容】一、表格的基本操作；二、单元格的基本操作；

4、三、表格的自动套用格式；四、表格的创建；五、表格的编辑；六、创建布局单元和表格。【教学目的与教学要求】掌握如何插入、编辑表格，创建布局单元和表格；理解表格在网页排版中的作用；了解使用页面布局模式进行网页排版的方法。第五章创建超级链接（2学时）【教学内容】一、链接分类；二、创建超级链接；三、链接的四种状态；四、创建Email链接；五、管理超级链接。【教学目的与教学要求】掌握创建超级链接和Email链接，会设置链接的各种状态；理解：超级链接几种状态之间的差别和共同点；了解：创建Email链接中的各种技巧。第六章层与层动画（8学时）【教学内容】一、层的概念；二、创建层；三、层操作；四、层与表格的相互

5、转换；五、层动画的概念与设计。【教学目的与教学要求】掌握层的概念与使用；理解层动画的概念与设计。第七章框架与框架网页（10学时）【教学内容】一、框架的基本概念；二、创建框架和框架集；三、框架的使用；四、框架和框架集的属性设置。【教学目的与教学要求】掌握框架和框架集的创建，框架的使用；理解使用框架的优缺点。第八章创建CSS样式表（10学时）【教学内容】一、CSS层叠式样式表；二、定义CSS样式表；三、创建并链接到外部CSS样式；四、设置CSS样式的格式化参数；五、设置超链接显示状态；六、添加各种CSS效果。【教学目的与教学要求】掌握内部CSS和外部CSS的添加方法，编辑CSS属性，使用CSS进行

6、页面的排版，创建各种CSS效果；理解使用CSS排版的优点；了解如何使用CSS控制背景、鼠标以及添加其它特殊效果。第九章资源、模板和库（4学时）【教学内容】一、资源管理；二、模板的创建；三、模板的编辑；四、定义模板可编辑区域；五、创建、管理和编辑库项目。【教学目的与教学要求】掌握模板的创建，模板的编辑，定义模板可编辑区域；理解资源管理；了解创建，管理和编辑库项目。第十章媒体对象的应用（10学时）【教学内容】一、插入Flash对象；二、插入Shockwave对象；三、插入视频；四、插入ActiveX控件与Java小程序；五、填加声音。【教学目的与教学要求】掌握插入Flash对象、插入Shockwa

7、ve对象、插入视频、插入ActiveX控件与Java小程序、填加声音。第十一章表单处理（8学时）【教学内容】一、表单概述；二、表单对象；三、创建表单；四、处理表单；五、创建动态表单。【教学目的与教学要求】掌握创建表单、处理表单和设置表单参数；理解表单的概念和作用；了解如何使用表单创建交互式界面。第十二章创建Web站点（4学时）【教学内容】一、站点规划；二、在Dreamweaver8中创建站点；三、管理站点与站点文件；四、使用站点地图；五、为网站指定服务器技术。【教学目的与教学要求】掌握规划站点、建立和管理站点；使用站点文件和地图；理解创建站点的必要性；了解服务器技术的指定。第十三章制作动态网站

8、（18学时）【教学内容】一、Access数据库基础；二、ODBC数据源设置；三、ASP与Web服务器配置；四、Dreamweaver8动态网站设计；五、创建与数据库连接。【教学目的与教学要求】掌握数据源的设置，如何配置Web服务器，如何创建与数据库的链接；理解数据库在动态网站设计中角色的重要性；了解设置数据源和创建数据库链接的技巧。第十四章网站的维护和上传（2学时）【教学内容】一、在本机中测试网站；二、预览网页效果；三、网站的查错；四、发布网站到服务器。【教学目的与教学要求】掌握Dreamweaver8的测试、预览和发布设置；理解网站排错的必要性；了解如何发布网站到服务器。 二、实训教学部分：

9、 （一）实训教学目的与任务通过实训，锻炼学生提高学生网页设计的能力，并且将网页设计理念转变为动手操作的能力，将学到的知识用到具体的实训练习中。通过该课程的实训，应使学生具备以下技能：1.利用Dreamweaver新建、编辑和设置一个Web站点2.对页面属性进行基本的设置，编辑和使用CSS层叠式样式表3.排版文字、表格和层，进行基本的图像处理4.建立框架；模板和库的使用和编辑；学会网站的发布与维护 （二）实训学时分配表序 号实训内容学 时1Dreamweaver的使用32HTML及XHTML语言33文本和图像处理24表格与页面布局55创建超级链接16层的使用47框架与框架网页48创建CSS样式表

10、79模板和库310媒体对象的应用311表单处理312创建Web站点113制作动态网站614网站的维护和上传3合计48（三）实训内容和要求实训模块一：Dreamweaver的使用1. 实训要求：通过实训，使学生掌握Dreamweaver的基本操作2. 实训方式：讨论分析、实验操作。3. 实训内容：（1）掌握Dreamweaver的基本特点、新增功能及界面组成；（2）基本操作，如安装、新建、打开、导入、保存、关闭等；（3）理解新增功能、界面组成的优点；（4）了解Dreamweaver可以为我们做些什么。实训模块二：HTML及XHTML语言1. 实训要求：通过实训，使学生掌握常用的网页语法标记使用2

11、. 实训方式：讨论分析、实验操作。3. 实训内容：通过实训操作，理解HTML及XHTML语言，以及常用的网页语法标记。实训模块三：文本和图像处理1. 实训要求：通过实训使学生掌握编辑文本以及图像的应用2. 实训方式：分析讨论、实验操作。 3. 实训内容：掌握设置文本属性和格式，编号与项目符号的使用，插入、编辑和排版图像，理解如何进行图像调整。实训模块四：表格与页面布局1. 实训要求：通过实训教学使学生掌握表格的基本操作2. 实训方式：实验操作、案例分析。3. 实训内容：（1）掌掌握如何插入、编辑表格，创建布局单元和表格；（2）理解表格在网页排版中的作用；（3）了解使用页面布局模式进行网页排版的

12、方法。实训模块五：创建超级链接1. 实训要求：通过实训教学使学生掌握创建超级链接的操作方法2. 实训方式：讨论分析、实验操作。3. 实训内容：（1）掌握创建超级链接和Email链接，会设置链接的各种状态；（2）理解：超级链接几种状态之间的差别和共同点；（3）了解：创建Email链接中的各种技巧。实训模块六：层的使用1. 实训要求：通过实训教学使学生掌握层的概念与使用2. 实训方式：案例分析、实验操作。3. 实训内容：创建层以及进行层布局，层属性设置，层动态行为等操作。实训模块七：框架与框架网页1. 实训要求：通过实训使学生掌握框架的概念及使用2. 实训方式：案例分析、实验操作。3. 实训内容：

13、（1）掌握框架和框架集的创建，框架的使用；（2）理解使用框架的优缺点实训模块八：创建CSS样式表1.实训要求：通过实训使学生掌握创建并链接到外部CSS样式2.实训方式：案例分析、实验操作。3.实训内容：（1）掌握内部CSS和外部CSS的添加方法，编辑CSS属性；（2）使用CSS进行页面的排版，创建各种CSS效果；（3）理解使用CSS排版的优点；（4）了解如何使用CSS控制背景、鼠标以及添加其它特殊效果。实训模块九：模板和库1.实训要求：通过实训使学生掌握创建、管理和编辑模板和库的方法2.实训方式：案例分析、实验操作。3.实训内容：（1）掌握模板的创建，模板的编辑，定义模板可编辑区域；（2）理解

14、资源管理；了解创建，管理和编辑库项目 实训模块十：媒体对象的应用1. 实训要求：通过实训教学使学生掌握插入Flash对象、Shockwave对象的方法2. 实训方式：案例分析、实验操作。 3. 实训内容：插入Flash对象、Shockwave对象。实训模块十一：表单处理1. 实训要求：（1）通过实训教学使学生掌握创建表单、处理表单和设置表单参数；理解表单的概念和作用；（2）了解如何使用表单创建交互式界面2. 实训方式：案例分析、实验操作。3. 实训内容：表单的创建与使用等操作。实训模块十二：创建Web站点1. 实训要求：通过实训教学使学生掌握在Dreamweaver8中创建站点2. 实训方式：

15、案例分析、实验操作。3. 实训内容：（1）掌握规划站点、建立和管理站点；（2）使用站点文件和地图；理解创建站点的必要性；（3）了解服务器技术的指定。实训模块十三：制作动态网站1. 实训要求：通过实训教学使学生掌握Dreamweaver8动态网站设计2. 实训方式：案例分析、实验操作。3. 实训内容：（1）数据源的设置，配置Web服务器，创建与数据库的链接；（2）理解数据库在动态网站设计中角色的重要性；（3）了解设置数据源和创建数据库链接的技巧。实训模块十四：网站的维护和上传1. 实训要求：（1）通过实训教学使学生掌握Dreamweaver8的测试、预览和发布设置；（2）理解网站排错的必要性；（

16、3）了解如何发布网站到服务器。2. 实训方式：案例分析、实验操作。3. 实训内容：测试网站,发布网站到服务器。 三、考核方式和标准总成绩按照“平时成绩40%+期末考试成绩60%”评定。1、期末考试采取闭卷考试，占总成绩的60%。2、平时成绩侧重过程式考核，占总成绩的40%，其中包括实训成绩、作业、考勤情况和课堂表现等。其中，实训成绩占总成绩的30%，作业、考勤和课堂表现占总成绩的10%。实训成绩由下面三种个部分组成：1、实训中的表现、实训结果，占实训成绩的40%；2、实训报告或总结，占实训成绩的30%；3、实训考核，占实训成绩的30%。 四、推荐教材及教学参考书1梅小清，网页制作基础教程，北京

17、理工大学出版社2美国adobe公司，adobe dreamweaver cs5 中文版经典教程，人民邮电出版社3刘瑞新等，网页设计与制作教程，机械工业出版社4王欣，网页设计与制作教程，北京理工大学出版社 五、几点说明1课堂讲授：以多媒体教学为主要教学方式，讲解内容以主教材为主，其他教学资源适当补充。因为这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。2作业：因为这是一门重在实践的科目,因此大部分作业需要学生在上课练习及自己的电脑上完成,主要上交电子作业.3考核方式：学期的期中与期末测验各一次，机试，考试内容应与课程重点内容相符，适当设置一些能让学生有自我发挥空间的题目。4先修课程：网络基础、flash动画设计、photoshop。5课时安排：可以根据不同专业的要求适当调整课时，也可理论与实训相结合，穿插教学，但建议理论与实践课程的比例不得低于1：1.5。