《客户服务礼仪》教学指南

网页设计与制作(DreamweaverCC)

教学指南

葛艳玲主编

金孑工矍出版a

PublishingHouseofElectronicsIndustry

北京.BEIJING

前言

为了配合《网页设计与制作(DreamweaverCC)》课程的教学，体现教材的编写特色，更

好地为读者服务，编写了此教学资料。教学资料内容有三个部分：

第一部分是教学指南，包括了课程性质与任务、课程内容和要求、教学建议、教学时间

分配等内容。

第二部分是电子教案，采用PowerPoint课件形式。教师可以根据不同的教学要求按需

选取和重新组合。

第三部分为书中案例所需素材和制作完成后的页面效果源文件。

限于编著者水平，教学资料中有错误或不妥之处，请读者给予批评指正。

编者

2016年11月

第一部分《网页设计与制作》教学指南

一、课程性质与任务

该课程属计算机相关专业必修课程。先修课程为《计算机文化基础》、《phioshop》、《数据库应用技术》

等。

《网页设计与制作》是数字媒体技术、计算机科学与技术、计算机网络等专业的一门基础课程，通过

本谓程的学习，使学生掌握网络媒体界的设计的技能，使学生了解网站及网页的相关知识，掌握网站规划

设计流程和方法、学会网页设计与制作的全部过程，学会使用常用的网页设计工具和常用脚本语言，能够

设计制作常见的静态和动态网页，提高网页设计与制作能力。同时通过本课程的学习，培养学生的综合职

业能力、创新精神和良好的职业道德。

本课程主要培养学生从事网站设计必需的网页制作技能，使学生掌握网页设计的工作流程，

DreamweaverCC的制作技术和网页设计技巧以及网页的相关知识。学生学习后可根据各种类型网站管理

的需要设计、更新网页，提高网站的浏览率，为今后从事设计打下坚实的基础。

应使学生达到以下基本要求：

•了解网站系统的基本概念和相关技术的基础知识。

•理解网站的设计与规划。

•掌握如何使用DreamweaverCC来进行网页的外观和视觉效果设计。

•了解DreamweaverCC中网站整体风格设计的方法。学会用Dreamweaver与其他软件（Firewords、

Flash）的配合工作方法。

•了解应用DreamweaverCC提供的服务器行为开发动态网页的过程，学会在DreamweaverCC中开

发动态网站的基本方法。

二、教学提要、课程内容、教学要求

第1章网页设计基础

本章教学提要：

教学重点：

了解网站建设中的基本概念，明确网站的开发流程，并对DreamweaverCC的工作界面有所了解，为

下一步的开发做准备。

教学难点：

网站的规划

本章教学内容：

本章主要介绍网站开发中所涉及的基本知识，使读者通过学习掌握制作网页所必备的专业常识，并对

DreamweaverCC的工作环境、网站制作流程予以介绍，为后续内容的展开进行铺垫，为下一步的开发做准

备。

要求：

•掌握网站开发所涉及的基本概念

•了解制作网站的流程

•掌握制作过程中的一些建站经验和建站技巧

•了解常用面板组的主要功能

第2章创建本地站点

本章教学提要：

教学重点：

本地站点的创建和设置。

教学难点：

文件面板的使用

本章教学内容：

木章主要介绍使用DreamweaverCC开发网站时，在木地机器上创建本地站点的作用与方法。

要求：

•了解建站的制作流程

•掌握制作过程中的一些建站经验和建站技巧

•了解常用面板组的主要功能

•学会利用站点地图查看、管理各网页之间的超链接关系。

第3章网页图文编辑

本章教学提要：

教学重点：

文本的插入及属性设置、图像的插入及属性设置、图文混排

教学难点：

合理使用属性设置图文的混排。

本章教学内容:

木章介绍网页基木元素一一文字、图片的插入和排版方法。将介绍网页文件的创建、打开和保存，以

及网页头部信息的插入方法。重点介绍了网页文本与图像的插入方法及其属性的设置.，详细介绍了图文混

排的方法与技巧、应用图像工具栏工具进行图像的编辑，以及常见的网页元素如鼠标经过图像、导航条、

水平线、日期等的插入方法。

第4章建立网页链接

本章教学提要：

教学近点：

链接的创建方法（内部链接、外部链接、锚点链接、E-mail链接）、站点地图的使用

教学难点：

站点地图的使用

本章教学内容：

DreamweaverCC提供多种创建超链接的各种方法，可创建到文挡、图像、多媒体文件或可下载软件

的链接，可以创建到文档内任意位置的任何文本或图像的链接等。本堂主要介绍超链接的类型；相对路径

与绝对路径的使用方法；超级链接各目标参数的用法；在网页中创建各种超链接如文本、图像，电子邮件、

锚点、程序等的方法；导航条与跳转菜单的特点与用法；利用超链接组织网站结构的技巧以及如何管理站

点的超链接。

第5章表格处理

本章教学提要：

教学重点：

表格的基本操作、应用表格布局。

教学难点：

应用表格布局页面。

本章教学内容：

表格在网页中即可以用来真正实现表格的显示，也可以利用其边框为零时不显示边框的特性，来达到

网页布局的作用。本章介绍在表格布局中的常用方法，使学生学会如何设计、布局各类网页。

教学要求:

明确页面布局的相关理论，掌握页面的构成，了解页面布局的各种技术和方法，掌握创建表格，表格

的基本操作，添加删除行列，拆分合并单元格,表格及其属性设置，表格排序等表格的基本操作。

第6章层叠样式表

本章教学提要：

教学重点：

创建、编辑CSS样式

创建、编辑、附加CSS外部样式表

常用CSS特效滤镜的使用方法。

教学难点：

创建、编辑、选用CSS外部样式表

本章教学内容：

本章介绍CSS层叠式样式表的概念，定义CSS样式表，创建并链接到外部CSS样式，设置CSS样

式的格式化参数，设置超锥接显示状态，添加各种CSS效果，掌握：内部CSS和外部CSS的添加方法，

编辑CSS属性，创建各种CSS效果。理解：使用CSS排版的优点。了解：如何使用CSS控制背景、鼠标

以及添加其它特殊效果。

第7章CSS页面布局

本章教学提要：

教学重点：

CSS布局设计原理、Div+CSS布局方法

教学难点：

CSS布局相关属性设置

本章教学内容：

本章介绍了CSS页而布局的方法，对CSS各属性的含义做了较为详细的说明，对当前流行布局方法

有所认识，掌握DIV的插入方法，理解CSS样式表在布局中的作用，学会如何使用CSS样式来布局页面。

第8章模板和库

本章教学提要:

教学重点:

模板的创建、编辑、应用、修改

站点的更新。

教学难点：

如何合理的设置和定义模板的可编辑区域。

本章教学内容：

本章主要介绍了模板和库项目的使用。包括资源管理、模板的创建、模板的编辑、定义模板可编辑区

域、以及库项目的创建、管理和编辑。使学生掌握：模板的创建，模板的编辑，定义模板可编辑区域；理

解：资源的管理方法；了解：创建，管理和编辑库项目。

第9章插入多媒体元素

本章教学提要：

教学重点：如何插入声音、视频（SWF、FLV）、HTML音频、HTML视频及插件，并进行相关选项的设

置。

教学难点：第三方插件的安装和使用

本章教学内容：

本章中详细介绍了如何使用声音、视频、插件等多媒体元素来美化网页，以及各多媒体元素的插入及

设置方法；第三方插件的安装和使用，使读者了解如何扩展Dreamwea/er的功能。

第10章行为

本章教学提要：

教学重点：各种内置行为的作用及添加方法

教学难点：欲加行为的对象的选择

本章教学内容：

行为由事件和动作两部分组成，本章详细介绍了行为的添加方法，例如，在新的浏览器窗口显示放大

图像、创建可拖动AP元素、检查浏览器和表单、设置文本和显示弹出式菜单等。

教学要求：如何在网页中添加行为；如何为事件选择合适的动作：以及如何修改与更新行为。

第11章表单

本章教学提要:

教学重点：

创建表单并设置表单•的属性

教学难点：

表单对象的各属性的含义

本章教学内容：

在木章中主要介绍了网络信息交互工具表单的制作方法。包括创建表单和文本域、文本区域、密码域、

单选按钮、复选框、按钮、选择、搜索、日期选择器等多种表单元素的方法，各种表单对象属性的设置，

表单的提交方法等知识。

第12章使用jQueryUI小部件

本章教学提要：

教学重点：“jQueryUI”小部件的插入方法及其作用。

教学琲点：“jQueryUI”小部件届性相关设置

本章教学内容：

本章主要介绍了Dreamweaver"jQueryUI”小部件的使用方法。其中包括“jQueryUI"折置面板、

选项卡面板、进度条、对话框、滑块、验证单选框组和复选框组等，只需简单的拖放或应用菜单命令就可

以在网页中轻松地创建这些组件。

第13章站点的整理维护与上传

本章教学提要：

教学重点：网上免费空间的申请、站点的上传和测试

教学难点：站点的管理方法

本章教学内容：

本章介绍了网站空间的申请，站点的发布和管理，站点的上传和测试，以及网站的推广等内容。掌握

上传站点的知识：包括如何测试与整理站点；当开发用机器与Web服务器位于同一个局域网中如何发布

网站；如果远端站点位于一个FTP服务器上如何发布网站：能够使用DreamweaverCC上传网站文件0

第14章Web应用程序开发

本章教学提要：

教学重点：IIS的设置、在DreamweaverCC中连接数据库、站点的重新设置

教学难点：用MapPaih方法创建非DSN连接

本章教学内容：

动态网站，是相对于静态网站而言的。前面所做的网页，全都是静态形式，只能让访问者默默地浏览，

而不能实现交互式的访问。而动态网站，可以实现交互式访问，很多网站上出现的论坛、留言板、聊天室、

数据查询等系统，都是动态网站的实现形式。

本章首先介绍了如何安装HS,在安装完成后如何建立新的Web站点，如何启动和停止己有的站点。

以及建立数据库和连接数据库。

第十六章动态网站的开发

本章教学提要：

教学重点：记录集的定义、绑定记录集、添加服务器行为

教学难点：理解服务器行为的作用及设置。

本章教学内容：

本章试图让读者在不懂编程的情况下实现网页的动态编程，它所依靠的就是服务器行为。Dreamweaver

CC隐藏了服务器行为的具体实现过程，读者只需加上对象和适当的参数就可以完成编程的任务。

三、教学建议

网页制作课程是一门应用性学科，而非理论性课程，要求学习者亲身操练，反复练习，在自己设计

与完善网站的过程中，在制作各种类型的网页操作中切实掌握所学的内容。为此本教程根据各知识点的教

学要求设计每章需要完成的目标任务，通过通过案例的讲解，使学习者可以边学边练，切实掌握网页制作

的技能。

在本课程的讲解中，软件菜单和命令的讲解要少而精，重点要结合实际应用技巧来讲，每一项功能都

要结合案例来讲，即采用案例教学法。教师应选择一些经典的案例做示范操作，引导学生举一仿三，重视

课内的实际操作练习和辅导，使学生逐渐养成应用快捷键的操作习惯。注意调动学生的学习兴趣和创造性。

编者提出以下教学建议：

1、教师在讲课中重点交待本课II勺任务和完成任务的具体做法，让学生带着问题去听课，待实例讲解

完毕后，再对知识点进行提练，从而加深学生对重点内容的理解和记忆。

2、为了突出课程的“项目实做”的教学理念，锻炼学生的操作能力，建议教师采用“行为导向教学”

授课，让学生更多参与教学过程，止学生有更多的机会进行模拟操作。

3、在学生的成绩认定上，不鼓励以试卷的考试方式来评定学习效果。建议以阶段性成绩代替学期总

成绩。

4、教学中应突出对学生的操作能力的培养，考核学生学习成绩也应从能力出发。在小组工作学习中，

除了考察学生的专业能力以外，还应该进一步考察学生对工作的责任心和团队精神，这也是为学生今后工

作所做的能力储备。

四、教学时间分配

本书建议的学时数为56课时,其中理论教学：实践教学=1:1。

章节数学内容理论实验

教学教学

1网站设计基础2

2创建本地站点22

3网页图文编辑22

4建立网页超链接11

5表格布局22