dreamweaver电子教案

2024-07-08

dreamweaver电子教案（共6篇）

1.dreamweaver电子教案篇一

教学内容：认识Dreamweaver及站点和文件的操作目的要求：

1、了解Dreamweaver界面和面板操作方法；

2、掌握Dreamweaver站点的操作方法；

3、掌握Dreamweaver站点文件的操作方法。

教法教具：演示法、讲授法、提问法、讨论法、比较学习法教学过程：

讲授新课：

认识Dreamweaver：

一、打开DM：

开始—程序—Adobe Dreamweaver—

二、认识DM：

标题栏、菜单栏、工具栏、编辑栏、状态栏、面板。工具栏：视图—工具栏—插入/文档/标准。面板：窗口—相应面板。折叠面板/展开面板。

三、网页制作步骤：

创建文件—设置标题—编辑内容—保存文件—浏览器查看效果。浏览网页：

1、在编辑状态下，按F12浏览。

2、保存文件，打开浏览器，打开文件浏览。

站点操作：

一、新建站点：

方法：

1、站点—新建站点；

2、站点—管理站点—新建—站点；

3、文件面板—站点下拉菜单—管理站点—新建—站点步骤：

方法1：基本选项—给站点命名—不使用服务器—确定站点存储位置（选

Adobe Dreamweaver CS4 择已有文件夹或新建文件夹）--选择无远程服务器—完成。

方法2：高级选项—输入站点名称—选择本地根文件夹位置（选择已有文件夹或新建文件夹）

二、编辑站点：

方法：

1、站点—管理站点—选择站点—编辑—修改站点名称或存储位置；

2、文件面板—站点下拉菜单—管理站点—选择站点—编辑—修改站点名称或存储位置。

三、复制站点：

方法：

1、站点—管理站点—选择站点—复制；

2、文件面板—站点下拉菜单—管理站点—选择站点—复制。

四、删除站点：

方法：

1、站点—管理站点—选择站点—删除；

2、文件面板—站点下拉菜单—管理站点—选择站点—删除。

注意：站点删除后，仅删除了站点在DW中的指向，并未删除站点文件夹，站点文件夹的内容仍然存在。

五、建立站点的优点：

当站点下文件的位置或文件名发生变化时，与之相关联的文件能提示更新，使关联不发生错误。

站点下文件的操作：

一、新建文件：

方法

1、文件—新建—Html—创建方法

2、文件面板：

折叠状态：右击站点名称或站下文件夹—快捷菜单选择“新建文件”

展开状态：文件—新建文件注意：

可以通过第一种方法新建基于某种模板的新文件。

二、复制文件：

文件面板—文件名称上右击—编辑—复制。

三、重命名文件：

在文件面板下选择站点下的文件名称：

1、文件名称上右击—编辑—重命名

2、单击文件名称--按F2

3、两次单击文件名称

注意：

在站点给文件重命名后，若有文件与之相关联，会给出更新提示；而在资源管理器给文件重命名不会给出提示。

四、删除文件：

文件面板—选择站点下的文件名称—右击—编辑—删除或按Del。

注意：

在站点下删除文件后，站点下的文件被真删除。

在站点下删除文件，若有文件与之相关联，会给出提示；而在资源管理器删除不会给出提示。

五、新建文件夹：

文件面板—站点下的某文件夹位置上右击—新建—文件夹。

课后作业：

1、在Dreamweaver中新建本地站点有哪些方法？如何新建本地站点？

2、在Dreamweaver中新建html文件有哪些方法？

3、在Dreamweaver中，删除站点与在资源管理器删除站点文件夹效果是否相同？

4、在Dreamweaver中，删除站点内文件与在资源管理器删除站点内文件效果是否相同？

5、在Dreamweaver中，在站点内给文件重命名或移动文件与在资源管理器给文件重命名或移动文件效果是否相同？

2.Dreamweaver动态网页篇二

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。

早期的动态网页主要采用公用网关接口CGI(CommonGatewayInterface)技术。您可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C++等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。

与静态网页相对应的，能与后台数据库进行交互，数据传递。也就是说，网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作格式，而是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”。

特征

简要归纳如下：

(1)动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量;

(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等;

(3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页;

(4)动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

客户端脚本

客户端脚本在壹个特定的网页面改变界面以及行为或响应鼠标或键盘操作，或在指定时间事件。在这种情况下，动态行为在发生时。客户端生成的内容在用户的本地计算机系统里头。

这些网页使用的演示技术被称为富接口页面。客户端脚本语言，如JavaScript(爪哇脚本)或ActionScript(动作脚本)，动态HTML(DHTML)和Flash技术的使用，经常被用来编排媒体类型(声音，动画，修改文本等)的演示。该脚本还允许使用远程脚本的壹种技术，DHTML页面请求从服务器的其他信息，使用一个隐藏的框架，XMLHttpRequest或Web(网络)服务。

服务器端脚本

一个在Web(网络)服务器上运行的程序(服务器端脚本)是用来改变在不同的网页之上的网页内容，或调节序列或重新加载的网页。服务器响应来确定这种情况，张贴的超文本标记语言表单里头的数据，URL中的参数，所使用的浏览器类型，时间流逝，或数据库或服务器的状态。

3.Dreamweaver插入图像篇三

1、点击“插入”中的“图像”选项。

打开“选择图像”文件，找到要插入的图片，点击“确定”按钮。

在弹出对话框中点击“是”。

这时我们就可以将图片复制的网站站点目录下，一般情况下，图片文件专门会有一个存放文件夹，我们可以点击新建按钮，创建一个图片文件夹。

打开图片文件夹，这时我们就可以将图片复制存放进去了。

在弹出“图像标签辅助功能属性”中，我们可以在“替换文本”中输入图片的注释，如果当图片出现问题不能显示时，就会出现该说明文字。

4.dreamweaver电子教案篇四

网页布局（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验证选择：用于下拉菜单，其功能是当用户选择菜单时会判断其状态是否有效。：使用标签来定义表单控制间的关系。：将一群表单元素形成一个组。

第十章模板与库

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

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

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

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

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

[教学内容]

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