Dreamweaver总教学指南

Dreamweaver总教学指南（精选2篇）

Dreamweaver总教学指南 篇1

第3章

网页布局（8学时）

[学习目标] 理解表格与层的概念及特点 掌握表格的创建与编辑

掌握表格与单元格的属性设置

掌握通过表格进行网页页面布局的方法 掌握层的创建、编辑 掌握层属性的设置 时间轴的基本操作 [重点和难点] ·重点 表格和层的布局

·难点 表格的嵌套，时间轴的使用 [教学建议] 教师使用多媒体投影演示制作过程，学生上机操作完成实例与实训。[内容检核]

基本概念：表格、单元格、嵌套表格、层。

表格基本的操作：表格的插入、选择、删除；行、列的插入与删除。

表格、单元格属性的设置：单元格的折分、合并；边框颜色、背景图像、背景颜色的设置；行高、列宽的设置；对齐方式的设置。

使用表格布局：布局模式的切换，布局表格、布局单元格的使用。

布局表格、布局单元格属性的设置：高度、宽度的设置；填充、间距的设置；对齐的设置。

层的基本操作：层的插入、选择、排列、删除。

层的属性：层的显示与隐藏，层的命名，层的位置、大小的设置；层溢出的设置；层的背景图像、背景颜色的设置。

层与表格的相互转换：将层转换为表格；将表格转换为层。时间轴的使用：移动路径的设置。

第5章

框

架（4学时）

[学习目标] 了解使用框架的优缺点

掌握框架网页在创建、选择、设置、存储方面的特点 掌握框架和框架集的创建 掌握框架结构网页的制作 掌握嵌入式框架的使用 [重点和难点] ·重点 框架结构网页的制作 ·难点 嵌入式框架 [教学建议] 教师使用多媒体投影演示制作过程，学生上机操作完成实例与实训。[内容检核]

基本概念：框架、框架集。

框架和框架集的基本操作：创建、选择、删除。

框架集属性的设置：框架边框的设置，高度、宽度的设置。

框架属性的设置：框架网页的链接，滚动条的设置，框架边框的设置。嵌入式框架：嵌入式框架的插入、删除，属性的设置。

第五章 超链接

[学习目标] ·知识目标：掌握超链接基础知识以及超链接的创建、设置、更改方法。

·能力目标：能运用超链接知识，创建文本链接、锚点链接、电子邮件链接、图像映射。[重点和难点]

·重点：文本链接和图片链接的创建方法。·难点：创建映射图像链接的方法。[教学建议] 讲授、多媒体演示及观看声像资料等。[内容检核]

·超级链接：是指站点内不同网页之间、站点与Web之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。超级链接由两部分组成：链接载体和链接目标。

·超链接元素：文本、图像、图像热区、动画等

·链接目标：可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置--锚点。·超链接的类型：

内部链接：同一网站文档之间的链接。

外部链接：不同网站文档之间的链接。

锚点链接：同一网页或不同网页中指定位置的链接。

E-mail链接：发送电子邮件的链接。·超链接路径

（1）绝对路径，为文件提供完全的路径，包括适用的协议，例如http、ftp，rtsp等。

（2）相对路径，相对路径最适合网站的内部链接。如果链接到同一目录下，则只需要输入要链接文件的名称。要链接到下一级目录中的文件，只需要输入目录名。然后输入“/“，再输入文件名。如链接到上一级目录中的文件，则先输入”../“再输入目录名，文件名。

（3）根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头。·创建外部链接的方法：

（1）直接输入地址：选中要加超链接元素，在属性面板中，“链接”文本框直接输入外部绝对地址。

（2）使用超级链接对话框：选中要加超链接元素,单击常用快捷栏中的“超级链接”按钮。输入“文本”、“链接”、“目标”、“标题”等信息。·创建内部链接的方法：

在文档窗口选中文字，单击属性面板“链接”后的按钮，弹出“选择文件”对话框，按钮到选择要链接到的网页文件，即可链接到这个网页。我们也可以拖动“链接”后的站点面板上的相应网页文件，则链接将指向这个网页文件。此外，我们还可以直接将相对地址输入到“链接”文本框里来链接一个页面。

·创建E-mail链接：单击常用快捷栏中的“电子邮件链接”按钮，弹出“电子邮件链接”对话框，在对话框的文本框那输入要链接的文本，然后在E-mail文本框内输入邮箱地址。

·创建其他超链接： 1）空链接

有时候我们需要一种超链接的样式效果，但不需要其链接跳转到任何其他页面或站点。此时，空链接无疑是非常适合的。空链接指向的被链接文件是文件本身，操作方法是在“属性”面板“链接”文本框中直接输入“#”即可。

2）下拉菜单链接

多个超链接使用一个下拉的菜单包括，单击显示菜单选择其中的链接文本即可打开对应的超链接，多应用在超链接较多、超链接分类的页面中。

3）框架网页链接

主要应用在框架结构的网页中，在效果方面的显示是这样的：一个页面，在某块区域为页面的链接导航，某块区域为内容的显示，单击不同的超链接，该区域显示不同的信息内容。图像地图映射概念 ·图像映射：就是将一幅图像分成若干区域，并且每个区域都有自己的链接。图像映射可用于地图，导航等应用中。·使用绘图工具：

从插入栏中选择“绘制矩形热点”选项，单击要映像的区域的一角，然后沿对角线拖动鼠标绘制出一个矩形，释放鼠标，则会显示出指定区域。最后在“属性”面板中设置链接、目标和替换文本框。

按照以上步骤，在插入栏中选择“绘制椭圆热点”或“绘制多边形热点”选项，可以使用椭圆热点工具或多边形热点工具绘制热点区域。·修改热点区域：

每个热点区域边框上都有控点，可用来改变热点的大小及形状。移动修改各控点之前，应先选中“属性”面板中的指针热点工具。

矩形图形有四个控点，位于图形的四个角上。拖曳任意一个控点可以改变图形大小及形状。拖动时按住Shift键，将保持矩形为正方形。

椭圆形热点也有四个控点，拖曳任意一个控点都可以缩小或放大圆形的直径。例如，如果拖住圆形顶部的控点向上移动，圆形将往上扩展。

每一个多边形热点的角上都有一个控点，单击某个控点将其拖至新的位置，多边形的形状也会随之变化。

第九章 表单

[学习目标] ·知识目标：了解表单基础知识，掌握表单元素以及各元素的属性，并进行表单验证。·能力目标：能运用表单知识，制作留言板、调查表等综合表单页面，并通过Spry表单验证功能对表单信息进行验证。[重点和难点]

·重点：利用表单元素创建表单。·难点：Spry表单验证 [教学建议] 讲授、多媒体演示及观看声像资料等。[内容检核] ·表单概念

表单由一个或多个输入框、单选按钮、复选框、下拉菜单和图像按钮等组成，一个文档中可以包含多个表单，而且在每个表单中可以放置通常的主体内容，包括文字和图像在内。文字可以为用户提供表单元素标记以及各种提示和指示，告诉他们该如何填写表单，非常有用。与表格不同的是，虽然一个页面上可以有多个表单，但是用户不能嵌套表单。·表单的工作过程

1、访问者在浏览有表单的网页时，填写信息然后按下“提交”按钮。

2、这些信息通过Internet传送到服务器上。

3、服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。

4、当数据完整无误后，服务器反馈一个输入完成信息。

表单的开发分成两个部分，一是具体在网页上制作必须的表单项目，即前端，主要是在Dreamweaver中制作完成；另一部分是编制如何处理这些信息的程序，称为后端，主要是用具体的解释或编译程序制作。·表单元素：

1.表单：在文档中定义一个表单区域。

：可以输入任意文本，包括字母、数字、其他字符。该类型又分为单2.文本字段行文本框、多行文本框和密码文本框（可在“属性”面板中设置）。3.隐藏域4.文本区域5.复选框6.单选按钮7.单选按钮组8.列表/菜单：用于保存某些在网页中需连续传递的信息。

：可以任意输入多行文本，包括字母、数字、其他字符。：提供多个选项，即在一组选项中可同时选择多个项。：提供多个选项，即在一组选项中可同时选择多个项。：一次可以选择一组（多个）单选项。

：“列表”是普通列表框，供用户在列表框中选择一项或多项；“菜单”为菜单列表框，如果用户希望选择其中一项后能够打开指定的网页，则必须与跳转的菜单结合使用。9.跳转菜单：可以实现在页面中插入一个菜单列表框，并将菜单中的每一项链接到指定的网页。当选择某项后，浏览器即打开该项链接的网页。10.图像域11.文件域12.按钮：可以使用图片替代提交按钮的作用。：上载文件时使用。

：接受鼠标单击并执行指定的任务。该类型又分为提交表单按钮、普通按钮和重置表单按钮。13.标签14.字段集·表单元素的属性

·Spry 验证文本域：用于在站点访问者输入文本时显示文本的状态是有效或无效。·Spry验证文本区域：是在当用户输入文本信息时显示文本的状态是否有效。例如当文本区域选择必填域时，如果用户没有输入任何文本，则将返回一条提示消息要求用户必须输入内容。

·Spry验证复选框：可以验证表单中的一个或一组复选框，当用户选择或没有选择复选框时会显示其状态有否有效。例如在向表单中添加验证复选框进，要求表单一次进行2项选择，如果用户选择没有选择2项，则会返回一条提示消息，说明不符合最小选择数要求。

·Spry验证选择：用于下拉菜单，其功能是当用户选择菜单时会判断其状态是否有效。：使用标签来定义表单控制间的关系。：将一群表单元素形成一个组。

第十章 模板与库

[学习目标] ·知识目标 了解模板与库的基本概念及作用，掌握模板与创建的方法应用。

·能力目标 能制作模板和将模板应用到页面；能创建库项目和使用库项目制作和更新页面。[重点和难点]

·重点 模板与库项目的创建以及应用。

·难点 熟练应用模板和库项目制作网页。

[教学建议] 以任务驱动为主，操作演示及观看声像资料等为辅。

[教学内容]

·模板的创建：模板的创建方法以及模板可编辑区的定义；

删除可编辑区域；模板与页面文档分离。·模板的应用：如何将模板应用到页面的方法。·库项目的创建：库项目创建的基本操作方法。·库项目的应用：如何利用库项目来制作和更新页面； 使用库项目更新文件；库项目和源文件分离。·利用模板创建页面：利用模板创建页面的过程。

第十一章 综合实例

[学习目标] ·知识目标 了解网站创建的一些相关基本知识，掌握创建网站的一般过程。

·能力目标 能制独自完成网站创建的前期规划，特别是网站定位、网站的结构、页面的布局设计；能熟练制作网页；能完成网站本地和远程测试；能将网站上传到服务器。

[重点和难点]

·重点 网站本地和远程测试；网站上传到服务器。

·难点 网站创建的前期规划。

[教学建议] 以任务驱动为主，操作演示及观看声像资料等为辅。

[教学内容]

·网站创建的前期规划：理解前期规划的意义；创建网站的一般过程。

·网页制作：熟练页面制作的方法。·网站本地和远程测试：使用DW CS3进行网站在本地以及远程测试的基本方法。·网站上传到服务器：①使用DW CS3内部上传功能将网站上传到服务器的基本操作方法。②使用CuteFTP软件来发布网站。

Dreamweaver总教学指南 篇2

第一部分 说明

1．课程的性质与任务

“Dreamweaver网页设计”是计算机网络技术专业（专科）的一门统设必修课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。

2．与相关课程的衔接、配合、分工

先修课程：计算机应用基础Photoshop图像处理等。

后续课程：Flash动画制作等。

３．课程的教学基本要求

本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。

4．课程教学要求的层次

1．掌握：

要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。

2．理解：

要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。

3．了解：

要求学生能够一般地了解的所学内容。第二部分 媒体使用与教学过程建议

学时分配

课程教学总学时90学时，5学分。其中授课36学时，实训54学时。

2．多种媒体教材的总体说明

1．本课程文字教材为合一型教材，文字教材作为学习的主要媒体，着重反映课程的基本知识和针对性、应用性，在形式上要便于自学。在内容上包括基本理论知识讲解和实训两部分。

2．视频媒体配合文字教材的讲授，内容重点在于实训及辅导。

3．CAI课件作为网络教学媒体，可以在互连网上使用也可以单机使用。

3．教学环节

以主教材讲授为主，其它媒体作为辅助教学资源，以学生自学为主。

4．主要教学媒体的使用与学时分配

内容

序号 1 2 3 4 5 6 7 8 9 10 11 12 13 14

第1章 Dreamweaver基础

第2章 网页设计语言基础

第3章 文本和图像处理

第4章 表格与页面布局

第5章 创建超级链接

第6章 层与层动画

第7章 框架与框架网页

第8章 创建ＣＳＳ样式表

第9章 资源、模板和库

第10章 媒体对象的应用

第11章 表单处理

第12章 创建Web站点

第13章 制作动态网站

第14章 网站的维护和上传

2学时 3学时 3学时 3学时 2学时 3学时 2学时 3学时 2学时 3学时 3学时 2学时 3学时 2学时

教学内容 理论学时

合计

36学时

第三部分 教学内容和教学要求

第1章 Dreamweaver基础（2学时）

教学内容：

Dreamweaver 的历史和简介

Dreamweaver 的安装过程

Dreamweaver 的全新界面

改进的设计与开发环境

主菜单介绍

对象控制面板介绍

教学要求：

掌握：Dreamweaver的基本特点、新增功能及界面组成。基本操作，如安装、新建、打开、导入、保存、关闭等。

理解：新增功能、界面组成的优点。

了解：Dreamweaver可以为我们做些什么。

第2章 网页设计语言基础（3学时）

教学内容：

HTML及XHTML语言介绍

常用的网页语法标记

教学要求：

理解：HTML及XHTML语言介绍，常用的网页语法标记

第3章 文本和图像处理（3学时）

教学内容：

文本属性面板

编辑文本和插入对象

设置文本的格式

编号与项目符号

在网页中插入图像

图像的应用

教学要求：

掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。

理解：如何进行图像调整。

第4章 表格与页面布局

教学内容：

表格的基本操作

单元格的基本操作

表格的自动套用格式

表格的创建

表格的编辑

创建布局单元和表格

教学要求：

掌握：如何插入、编辑表格，创建布局单元和表格。

理解：表格在网页排版中的作用。

了解：使用页面布局模式进行网页排版的方法。

第5章 创建超级链接（2学时）

教学内容：

（3学时）

链接分类

创建超级链接

链接的四种状态

创建Email链接

管理超级链接

教学要求：

掌握：创建超级链接和Email链接，会设置链接的各种状态。

理解：超级链接几种状态之间的差别和共同点。

了解：创建Email链接中的各种技巧。

第6章 层与层动画（3学时）

教学内容：

层的概念

创建层

层操作

层与表格的相互转换

层动画的概念与设计

教学要求：

掌握：层的概念与使用

理解：层动画的概念与设计

第7章 框架与框架网页（2学时）

教学内容：

框架的基本概念

创建框架和框架集

框架的使用

框架和框架集的属性设置

教学要求：

掌握：框架和框架集的创建；框架的使用。

理解：使用框架的优缺点。

第8章 创建ＣＳＳ样式表（3学时）

教学内容：

CSS层叠式样式表

定义CSS样式表

创建并链接到外部CSS样式

设置CSS样式的格式化参数

设置超链接显示状态

添加各种ＣＳＳ效果

教学要求：

掌握：内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。

理解：使用CSS排版的优点。

了解：如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。

第9章 资源、模板和库（2学时）

教学内容：

资源管理

模板的创建

模板的编辑

定义模板可编辑区域

创建，管理和编辑库项目

教学要求：

掌握：模板的创建，模板的编辑，定义模板可编辑区域

理解：资源管理

了解：创建，管理和编辑库项目

第10章 媒体对象的应用（3学时）

教学内容：

插入Flash对象

插入Shockwave对象

插入视频

插入ActiveX控件与Java小程序

填加声音

教学要求：

掌握：插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音

第11章 表单处理（3学时）

教学内容：

表单概述

表单对象

创建表单

处理表单

创建动态表单

教学要求：

掌握：创建表单、处理表单和设置表单参数。

理解：表单的概念和作用。

了解：如何使用表单创建交互式界面。

第12章 创建Web站点（2学时）

教学内容：

站点规划

在Dreamweaver8中创建站点

管理站点与站点文件

使用站点地图

为网站指定服务器技术

教学要求：

掌握：规划站点、建立和管理站点；使用站点文件和地图。

理解：创建站点的必要性。

了解：服务器技术的指定。

第13章 制作动态网站（3学时）

教学内容：

Access数据库基础

ODBC数据源设置

ASP与Web服务器配置

Dreamweaver8动态网站设计

创建与数据库连接

教学要求：

掌握：数据源的设置，如何配置Web服务器，如何创建与数据库的链接。

理解：数据库在动态网站设计中角色的重要性。

了解：设置数据源和创建数据库链接的技巧

第14章 网站的维护和上传（2学时）

教学内容：

在本机中测试网站

预览网页效果

网站的查错

发布网站到服务器

教学要求：

掌握：Dreamweaver8的测试、预览和发布设置。

理解：网站排错的必要性。

了解：如何发布网站到服务器。

实训内容

（实训分为必做和选做内容，可根据实际的实验条件选做。实验总计54学时）

实训1：建立Web网页（必做）

实训2：文本及其格式化（必做）

实训3：图像（必做）

实训4：超级链接（必做）

实训5：表格和页面布局（必做）

实训6：框架（必做）

实训7：层（必做）

实训8：模板与库（必做）

实训9：表 单（必做）

实训10：行 为（必做）

实训11：多媒体组件的插入、使用代码设计网页与站点管理（必做）实验12： 动态网站制作（选做）