Adobe Dreamweaver CS6 复习大纲(课堂PPT)_第1页
Adobe Dreamweaver CS6 复习大纲(课堂PPT)_第2页
Adobe Dreamweaver CS6 复习大纲(课堂PPT)_第3页
Adobe Dreamweaver CS6 复习大纲(课堂PPT)_第4页
Adobe Dreamweaver CS6 复习大纲(课堂PPT)_第5页
已阅读5页,还剩61页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、.1Adobe Dreamweaver CS6 复 习 大 纲.2一、一、网页设计概述网页设计概述1.网站和网页的概念和区别网页网页就是一个浏览页面,是一个html文件,浏览器是用来解读这份文件的。每个网页都由文字,图片,视频等信息组合而成。网站网站,就需要单独编辑若干个html文件,然后通过“超链接”把它们连接在一起。.32.网页的设计过程和构成部分网站策划人员组织页面设计程序开发测试发布维护推广项目总结.43.如何创建文档和保存文档文件创建:文件面板中右键单击新建文件(快捷键Ctrl+N)文件保存:Ctrl+S.5二HTML语言1.HTML语言概念可视化的设计界面:学习简单,操作快捷跨浏览

2、器支持:支持多种浏览器,并可以选择主要的浏览器支持动态网页技术:CSS、层、行为、JavaScript强大的网站管理功能:库、模板、标签等.62.一个网页文档由哪些基本HTML标记组成一个文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list)等成分构成。.7三站点的创建和管理1.创建站点和管理站点Dreamweaver可以制作单独的网页文件,但更经常地用于整个站点的建设。因为大多数设计者创建风格一致的一个整体网站。站点功能: 统一管理网站中所有的网页文件和素材,是一个文件夹.81)、创建本地站点选择“站点”“管理站点”。 出现“管

3、理站点”对话框。注意:如果您没有定义过任何 Dreamweaver 站点,则会直接出现“站点定义”对话框,您可以跳过下一步。单击“新建”按钮。 出现“站点定义”对话框。执行下列操作之一:单击“基本”选项卡以使用“站点定义向导”,它将引导您逐步完成设置过程。 单击“高级”选项卡以使用“高级”设置,它使您可以根据需要分别设置本地、远程和测试文件夹。完成 Dreamweaver 站点设置过程:在“站点定义向导”中,回答每一屏上出现的问题,然后单击“下一步”继续进行设置,或者单击“上一步”返回到前一屏。 对于“高级”设置,可根据需要完成“本地信息”类别、“远程信息”类别和“测试服务器”等类别。.92)

4、、网站文件管理我们往往根据站点内容,采用层次化目录结构分类分级保存网站文件,将相关的页面放在同一文件夹中,必要时可以使用子文件夹,这种组织类型使站点更容易维护和导航。文件创建:文件面板中右键单击新建文件(快捷键Ctrl+N)选择文件:可单击选一或配合Ctrl键和Shift键进行多重选择。打开和编辑:双击删除:Delete键改名:两次单击关于保存:保存、另存为、全部保存、回复至上次的保存复制与粘贴:快捷菜单或Ctrl+拖动移动:直接拖动关闭:快捷键Ctrl+W消除文件只读属性:右键快捷菜单设为首页:右键快捷菜单添加设计备注:右键快捷菜单默认情况下,当移动、重命名或删除站点中文档时Dreamwea

5、ver会提示你执行更新,站点管理器可自动修复页面中相应的超链。(编辑首选参数常规文档选项设置“移动文件时更新链接”).103)、页面预览菜单:文件在浏览器中预览iexplore工具栏地球图标预览在iexplore.11四插入文本1.文字输入 换行和分段1、文字输入2、文字编辑3、文字属性面板4、使用CSS样式5、清理当前页面.121、文字输入 要注意的细节:(1)换行与分段换行:Shift+Enter(菜单:插入HTML特殊字符换行符)分段:Enter.131、文字输入(2) 空白全角空格代码视图中输入  或插入栏文本字符不换行空格输入多个连续空格:编辑首选参数常规选中“允许

6、多个连续的空格”直接按 Ctrl+Shift+空格键输入空白.141、文字输入(3) 插入时间与日期插入栏常用日期菜单:插入日期(4) 插入特殊符号插入栏文本字符菜单:插入HTML特殊字符(5) 分隔线插入栏HTML水平线菜单:插入HTML水平线.152、文字编辑(1)文字选取拖动选取双击选择英文单词或中文句子;三击选择段落;单击起点,然后按Shift,再单击终点,选中两点之间文本。编辑全选;单击状态行上的标签选择器;.162、文字编辑(2)剪切、复制与粘贴及撤消与重做Ctrl+拖动:复制拷贝HTML/粘贴HTML撤消:Ctrl+Z重做: Ctrl+Y.172、文字编辑(3)查找与替换(Ctr

7、l+F )在当前文件中替换文本在一个文件夹中替换文本保存和载入查询在源代码中查找与替换高级文本查找替换替换HTML标签查找下一个(F3键).183、文字属性面板显示/关闭当前对象属性面板:CTRL+F3段落和标题格式(文本段落格式)文字颜色(文本颜色)字体(文本字体)文字大小(文本大小/改变大小)文字样式(文本样式)对齐方式(文本 对齐)列表(有序列表、无序列表)及列表属性(文本列表)段落缩进(Ctrl+Alt+ )或凸出( Ctrl+Alt+ )(文本缩进/凸出)文字超链接(属性面板中链接栏).194、使用CSS样式通过设置CSS样式,可以快速一致地将字体格式应用于文档中的文本。 CSS样式

8、可由单个或多个CSS字体标签属性(如颜色、字体、大小)以及其他格式属性(粗体或斜体)组成。菜单:窗口 CSS样式菜单:文本 CSS样式.205、清理当前页面(1)清理HTML/XHTML此功能可删除空标签、合并嵌套FONT标签,以及通过其他方法改善杂乱或不可读的HTML代码。命令清理HTML/XHTML文件转换 XHTML5、清理当前页面(2)导入Word 文件和清理Word生成的HTML文件导入 Word文档命令清理Word生成的HTML.212空格输入空格(切换段落)Shift+空格(空格).223.时间日期、特殊符号、分割线hr(3) 插入时间与日期插入栏常用日期菜单:插入日期(4) 插

9、入特殊符号插入栏文本字符菜单:插入HTML特殊字符(5) 分隔线插入栏HTML水平线菜单:插入HTML水平线.23五插入图像1.图像插入1、图像的格式虽然图像标准中存在多种图形文件格式,但网页中通常使用的只有三种,即GIF、JPEG和PNG。目前, GIF和JPEG格式的支持情况最好,大多数浏览器都可以查看。GIF:只支持256种颜色JPEG:有损压缩的格式PNG:无损压缩图像,支持一千六百万种颜色。.242、图像文件和图像占位符插入菜单:插入图像工具栏:插入栏常用图像在站点面板中直接将图像文件拖到页面上从资源管理器中直接将图像文件拖到页面上菜单:插入图像对象图像占位符工具栏:插入栏常用图像占

10、位符.253、图像和图像占位符属性面板使用主要属性:图像的名称、大小、源文件、链接、替代文字、边框和边距、对齐方式等。.264、图像热区使用图像地图,可以在单个图像中创建多个热点或热区(可单击的区域),并使每一个热点链接到一个不同的URL。 注:图像地图指已被分为多个可链接区域(或称“热点”)的图像(1)绘制热区矩形椭圆形多边形4、图像热区(2)选择热区 多选方法:SHIFT+单击(3)移动热区(4)调整热区大小.275、插入交互式图像(1)鼠标经过图像(简单翻转图)使用以下方法之一插入鼠标经过图像:在“插入”栏中,选择“常用”,然后单击“鼠标经过图像”图标。在“插入”栏中,选择“常用”,然后

11、将“鼠标经过图像”图标拖到“文档”窗口中的所需位置。选择“插入”“图像对象”“鼠标经过图像”。5、插入交互式图像(2)导航条导航条由图像或图像组组成,这些图像的显示内容随用户操作而变化。每个页面只能有一个导航条。 使用“插入导航条”命令之前,须首先为各个导航项目的显示状态创建一组图像。.285、插入交互式图像(2)导航条若要创建导航条,请执行以下操作: 执行下列操作之一:选择“插入”“图像对象”“导航条”。在“插入”栏的“常用”类别中,单击“图像”菜单并选择“插入导航条”按钮。 出现“插入导航条”对话框。设置相关项目6、导入Fireworks HTML Fireworks可利用切片将图片文档分

12、割成多个较小的部分并将每部分导出为单独的文件。插入图像对象 Fireworks HTML插入栏常用 Fireworks HTML7、制作WEB相册命令菜单创建网站相册.298、图像的优化和格式转换(1)用Fireworks优化页面图像右击图像在 Fireworks中优化命令 在 Fireworks中优化图像(2)用Photoshop和Fireworks转换图像文件格式和优化处理.30六插入超链接1、关于URLURL(统一资源定位符):用于描述网络资源的位置、类型和访问方法。一般格式:协议:/IP地址(域名):端口号/目录/文件名协议:指明访问该资源所采用的协议。如HTTP、FTP等。2、超链接

13、的制作方法(1)通过“指向文件”图标创建链接注:文件名最好不用中文。如一定要使用中文文件名,则需要设置:编辑首选参数代码改写使用%将URL中的特殊字符编码(2)属性面板Link栏输入和文件夹图标创建链接.312、超链接的制作方法(续)(3)插入菜单或插入栏创建超链插入菜单超级链接插入栏常用超级链接修改菜单创建链接(4)超链接的相关操作修改菜单创建链接或更改链接修改菜单移除链接修改菜单打开链接页面修改菜单链接目标.323、超链接的类型(1) HTML链接(页面链接)(2) E-mail链接Link栏手工输入 mailto:邮件地址插入栏常用电子邮件链接插入菜单电子邮件链接(3) 文件链接(4)

14、锚点和链接3、超链接的类型(4)锚点和链接创建锚点插入菜单命名锚记插入栏常用命名锚记锚点引用同一文件中锚点引用,在属性面板中超链栏填写#锚点名不同文件之间锚点引用,则填写文件名#锚点名.333、超链接的类型(5)空链接创建空链接,只需在属性面板Link栏输入符号 # 或者 javascript:;(6)脚本链接主要用于让页面文字具有获取事件的能力,尤其是方便文字与行为和脚本程序的结合。3、超链接的类型(6)脚本链接 -续创建脚本链接,在属性面板Link栏输入 javascript:(后面跟一些 JavaScript 代码或函数调用)例如:打印当前页面,在属性面板Link栏输入 javascri

15、pt: self.print()关闭当前窗口,在属性面板Link栏输入 javascript: self.close().343、超链接的类型 (6)脚本链接 -续 例如:显示一个警告框,在属性面板Link栏输入 javascript:alert(This link leads to the index)4、设置链接的目标窗口_blank:在新的浏览窗口中打开链接的文档_parent:在显示链接的框架父框架集中打开链接的文档,同时替换整个框架集。_self:在当前框架中打开链接,同时替换所有框架。_top:在当前浏览器窗口中打开链接的文框,同时替换所有框架。.35七插入表格插入菜单表格1、插入

16、表格插入栏 常用表格或插入栏 布局表格2、表格基本操作(1)选择表格元素整个表格:标签、修改表格选择表格、右键、Ctrl+A+A、边框行、列 :标签(行)、边框、拖拽单元格:标签、 Ctrl+单击、 Ctrl+A、拖拽.362、表格基本操作(2)处理表格行、列插入行(Ctrl+M)、列( Ctrl+Shift+A )修改菜单、右键、属性检查器、Tab删除行( Ctrl +Shift +M )、列( Ctrl +Shift +- )(3)单元格分、合单元格合并( Ctrl +Alt +M )单元格拆分( Ctrl +Alt +S ).372、表格基本操作(4)其它操作行列宽度调整和高度调整表格复

17、制、剪切和粘贴3、设置表格属性4、格式化表格命令菜单格式化表格.385、表格排序命令菜单排序表格6、表格与表格式数据导入和导出导入:文件菜单导入表格式数据或插入栏布局表格数据导出:文件菜单导出表格.391、布局视图下绘制表格(布局表格)(1)视图切换查看菜单表格模式插入栏布局标准视图/布局视图编辑首选参数布局模式(2)绘制布局表格插入栏布局绘制布局表格(按住CTRL连续绘制多个,按住Alt取消自动吸附功能)1、布局视图下绘制表格(布局表格)(3)绘制布局单元格插入栏布局绘制布局单元格(按住CTRL可连续绘制多个,按住Alt取消自动吸附功能)(4)嵌套布局表格(5)移动表格或单元格(6)设置表格

18、和单元格属性.402、跟踪图像可以使用跟踪图像作为重新创建已经使用图形应用程序(如 Macromedia Freehand 或 Fireworks)创建的页面设计的向导。跟踪图像是放在“文档”窗口背景中的 JPEG、GIF 或 PNG 图像。可以隐藏图像、设置图像的不透明度和更改图像的位置。2、跟踪图像若要将跟踪图像放在“文档”窗口中,可执行以下操作:(1)选择“查看”“跟踪图像”“载入”。 或者选择“修改”“页面属性”,然后单击“跟踪图像”文本框旁边的“浏览”按钮。(2)在出现的对话框中,选择图像文件并单击“选择”(Windows) 或“选择”(Macintosh)。 “页面属性”对话框随即

19、出现。(3)拖动“图像透明度”滑块指定图像的透明度,然后单击“确定”。(4)若要随时切换到另一跟踪图像或更改当前跟踪图像的透明度,请选择“修改”“页面属性”。.412、跟踪图像若要显示或隐藏跟踪图像,请执行以下操作:选择“查看”“跟踪图像”“显示”。仅在 Dreamweaver 中跟踪图像是可见的。当在浏览器中查看页面时,跟踪图像永远不可见。当跟踪图像可见时,页面的实际背景图像和颜色在“文档”窗口中不可见;但是,在浏览器中查看页面时,背景图像和颜色是可见的。2、跟踪图像若要更改跟踪图像的位置,请执行以下操作:(1)选择“查看”“跟踪图像”“调整位置”。(2)执行下列操作之一:若要准确地指定跟踪

20、图像的位置,请在“X”和“Y”文本框中输入坐标值。若要逐个像素地移动图像,请使用箭头键。若要一次五个像素地移动图像,请按 Shift 键和箭头键。(3)重设跟踪图像的位置:选择“查看”“跟踪图像”“重设位置”。 跟踪图像随即返回到文档窗口的左上角 (0,0)。.422、跟踪图像若要将跟踪图像与所选元素对齐,请执行以下操作:在“文档”窗口中选择一个元素。选择“查看”“跟踪图像”“对齐所选范围”。 跟踪图像的左上角随即与所选元素的左上角对齐。.431、关于表单2、插入表单及设置表单属性3、插入表单元素及属性设置4、表单应用举例.441、关于表单表单是用于实现网页浏览者与服务器之间信息交互的一种页面

21、元素,被广泛用于各种信息的搜集和反馈,如调查表、订单、站点注册单、搜索引擎等。表单有两个部分组成:一是面向客户端各种对象部分,一是服务器端的处理程序部分。当访问者将信息输入Web站点表单单击提交按钮时,这些信息将被发送到服务器,服务器端脚本或应用程序对这些信息进行响应。通常,通过通用网关接口(CGI)脚本、ColdFusion页、Java Server Page(JSP)或ASP来处理信息。如果不使用服务端脚本或应用程序来处理表单数据,就无法收集这些数据。.452、插入表单及设置表单属性插入表单插入表单插入栏表单Dreamweaver插入一个表单(域)。当页面处于设计视图中时,用红色的虚轮廓线

22、指示表单。如果没有看到此轮廓线,请检查是否选中了“查看可视化助理不可见元素”。设置表单属性(用属性检查器设置 )在“表单名称”文本框中,键入标识该表单的唯一名称。 命名表单后,就可以使用脚本语言(如 JavaScript 或 VBScript)引用或控制该表单。如果不命名表单,则 Dreamweaver 使用语法 form n 生成一个名称,并在向页面中添加每个表单时递增 n 的值。在“动作”文本框中,指定处理该表单的动态页或脚本的路径。可以在“动作”文本框中键入完整路径,也可以单击文件夹图标定位到同一站点中包含该脚本或应用程序页的相应文件夹。 在“方法”弹出菜单中,选择将表单数据传输到服务器

23、的方法。有POST、GET和默认三种选择。.462、插入表单及设置表单属性如果需要,可以使用“MIME 类型”弹出菜单指定对提交给服务器进行处理的数据使用 MIME 编码类型。 默认设置 application/x-www-form-urlencode 通常与 POST 方法协同使用。如果要创建文件上传域,请指定 multipart/form-data MIME 类型。3、插入表单元素及属性设置表单:所有表单对象要发挥作用,就必须存在于表单域中。文本字段:在表单中插入一个可输入一行文本的文本域。文本域接受任何类型的字母数字。该文本可以显示为单行、多行,也可以显示为一系列点或星号(密码输入)隐藏

24、域:可以存储用户输入的信息,如姓名、电子邮件地址或常用的查看方式,并在该用户下次访问引站点时使用这些数据。3、插入表单元素及属性设置复选框:允许在一组选项中选择多项。用户可以选择任意多个适用的选项。单选按钮:代表互相排斥的选择。在某单选按钮组(多个按钮同名)中选择一个按钮,就会取消选择该组中的所有其他按钮。单选按钮组:直接插入一组多个单选按钮。.47列表/菜单:“列表”选项在一个滚动列表中显示选项值,用户可以从该滚动列表中选择多个选项。“菜单”选项则是在一个菜单中显示选项值,用户只能从中选择单个选项。跳转菜单:是可导航的列表或弹出式菜单,它使你可以插入一种菜单,这种菜单中的每个选项都拥有链接的

25、属性,单击即可跳转至其他网页或文件。图像域:插入一个可放置图像的区域。该图像用于生成图形化按钮,例如“提交”或“重置”按钮。文件域:插入一个文本字段和一个“浏览”按钮。用户可以使用文件域浏览本地计算机上的某个文件并将该文件作为表单数据上传。按钮:在单击时执行某一脚本或程序,例如,提交或重置表单。并且可以自定义按钮名称或标签。4、表单应用举例简单举例:浏览器端:表单中文本提交服务器端:响应文本.48八.插入DIV层1、概述2、层的创建和删除3、使用“属性面板”设置层的属性4、层的基本操作5、设置层的默认属性6、层和表格之间转换7、层和行为相结合制作动态效果.491、概述在网页制作中,对文字和对象

26、的位置控制是比较困难的,我们常常通过表格来定位,但往往达不到精度要求。“层”是DW中另外一种可以进行排版的工具。它可以被定位在页面的任意位置,并且其中可以包含文本、图像等所有可直接插入至网页的对象。层拥有很多表格所不具备的特点,比如可以重叠、便于移动、可设为隐藏等。2、层的创建和删除面板的显示:窗口层(F2)插入栏布局描绘层(拖动绘制,按Ctrl可连绘)拖动“插入栏布局描绘层图标”到页面插入菜单布局对象层删除:Delete键.503、使用“属性面板”设置层的属性选择一个或多个层后即可对它们进行操作或更改它们的属性。(1)单个层的属性设置首先选择层(下列操作之一):单击一个层的选择柄。 如果选择

27、柄不可见,请在该层中的任意位置单击以显示该选择柄。单击一个层的边框。在一个层中按住 Ctrl-Shift 键并单击 单击层代码标记(在“设计”视图中)使用属性检查器查看和设置层的属性.513、使用“属性面板”设置层的属性(1)单个层的属性设置首先选择层(下列操作之一):单击一个层的选择柄。 如果选择柄不可见,请在该层中的任意位置单击以显示该选择柄。单击一个层的边框。在一个层中按住 Ctrl-Shift 键并单击 单击层代码标记(在“设计”视图中)使用属性检查器查看和设置层的属性层属性面板的设置:(续)宽和高指定层的宽度和高度。 位置和大小的默认单位为像素 (px)。您也可以指定以下单位:pc

28、(pica)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)或 %(父层相应值的百分比)。缩写必须紧跟在值之后,中间不留空格:例如,3mm 表示 3 毫米。.523、使用“属性面板”设置层的属性层属性面板的设置:(续)Z 轴确定层的 z 轴(即堆叠顺序)。 在浏览器中,编号较大的层出现在编号较小的层的前面。值可以为正,也可以为负。当更改层的堆叠顺序时,使用“层”面板要比输入特定的 z 轴值更为简便(直接拖动)。3、使用“属性面板”设置层的属性层属性面板的设置:(续)可见性指定该层最初是否是可见的。从以下选项中选择:“默认”不指定可见性属性。 当未指定可见性时,大多数浏览器都会默认为“继承

29、”。“继承”使用该层父级的可见性属性。“可见”显示该层的内容,而不管父级的值是什么。“隐藏”隐藏层的内容,而不管父级的值是什么。 .533、使用“属性面板”设置层的属性层属性面板的设置:(续)背景图像指定层的背景图像。 背景颜色指定层的背景颜色。 如果将此选项留为空白,则可以指定透明的背景。标签指定用来定义该层的 HTML 标签。3、使用“属性面板”设置层的属性层属性面板的设置:(续)溢出控制当层的内容超过层的指定大小时如何在浏览器中显示层。“可见”指示在层中显示额外的内容;实际上,该层会通过延伸来容纳额外的内容。“隐藏”指定不在浏览器中显示额外的内容。“滚动”指定浏览器应在层上添加滚动条,而

30、不管是否需要滚动条。“自动”使浏览器仅在需要时(即,当层的内容超出其边界时)才显示层的滚动条。.54层属性面板的设置:(续)剪辑定义层的可见区域。 指定左侧、顶部、右侧和底边坐标可在层的坐标空间中定义一个矩形(从层的左上角开始计算)。层经过“剪辑”后,只有指定的矩形区域才是可见的。源文件(仅限 layer 和 ilayer)用于在层中显示另一个 HTML 文档。(2)多个层的属性设置首先选择多个层(选择层时按下 Shift 键)标签:指定用来定义这些层的HTML标签。在下拉列表中有DIV和SPAN两个选项。.554、层的基本操作(1)调整层的大小调整单个层的大小(拖动手柄、CTRL+箭头)调整

31、多个层的大小选择两个或更多个层后,选择“修改”“对齐”“设成宽度相同”或“修改”“对齐”“设成高度相同”。 (2)移动层的位置鼠标、箭头或Shift+箭头(3)层的对齐修改对齐(4)在层中插入对象与在文档中操作类似(5)层的叠加顺序修改排列顺序修改层的“Z轴”属性.564、层的基本操作(6)层的复制、剪切和粘贴与其它对象的操作类似(7)层的嵌套按住 Alt 键并拖动,可在现有层中嵌套一个层。在“文档”窗口的“设计”视图中将插入点放置在一个现有层中,然后选择“插入”“层”。 使用“层”面板将现有层嵌套在另一个层中,(选择一个层,然后通过按住 Ctrl 键并拖动,将层移动到“层”面板上的目标层。)

32、(8)显示/隐藏层选择“窗口”“层”,打开“层”面板。 在层的眼形图标列内单击可以更改其可见性。.575、设置层的默认属性选择“编辑”“首选参数”“层”设置各对话框选项6、层和表格之间转换(1)将表格转换为层“修改”“转换”“表格到层”注:空单元格不会转换为层(除非它们具有背景颜色)。(2)将层转换为表格“修改”“转换”“层到表格”。注:在转换为表格之前,请确保层没有重叠7、层和行为相结合制作动态效果例:动态显示-隐藏层 制作几个空链接,分别设置“显示-隐藏层”行为,控制层的显示/隐藏。.58九行为1、概念2、行为面板3、关于事件4、为对象附加行为5、Dreamweaver内置行为.591、概

33、念Dreamweaver行为是一种运行在浏览器中的JavaScript代码,设计者可以将其放置在网页文档中,以允许浏览者与网页本身进行交互。行为由事件和事件触发的动作组成2、行为面板(1)显示行为面板窗口菜单行为(Shift+F4)(2)附加行为行为面板:“+”按钮(3)删除行为行为面板:“”按钮(4)调整行为顺序(5)设置浏览器版本(6)为附加的行为选择事件.603、关于事件 行为是事件与动作的联合,事件用于指明执行某项动作的条件。常用事件包含有鼠标事件、键盘事件、窗体事件和其它事件等。onClick:单击选定元素(如超链接、图片、按钮)将触发该事件。onMouseOver:当鼠标首次移动指

34、向特定对象时触发该事件。onMouseMove:当鼠标停留在对象边界内移动时触发该事件。onMouseOut:当鼠标离开对象边界时触发该事件。onMouseDown:当按下鼠标按钮时触发该事件。onLoad:当图片或页面完成载入后触发该事件。.614、为对象附加行为可以将行为附加给整个文档、链接、图像、表单元素或其他HTML对象。5、Dreamweaver内置行为调用 JavaScript“调用 JavaScript”动作允许您使用“行为”面板指定当发生某个事件时应该执行的自定义函数或 JavaScript 代码行。(您可以自己编写 JavaScript 或使用 Web 上多个免费的 Java

35、Script 库中提供的代码。例如,若要创建一个“后退”按钮,您可以键入if(history.length0)history.back()。如果您已将代码封装在一个函数中,则只需键入该函数的名称(例如 hogback())。改变属性使用“改变属性”动作更改对象某个属性(例如层的背景颜色或表单的动作)的值。您可以更改的属性是由浏览器决定的;检查浏览器使用“检查浏览器”动作可根据访问者不同类型和版本的浏览器将他们转到不同的页。例如,您可能想要将使用 Netscape Navigator 4.0 或更高版本浏览器的访问者转到一页,而将使用 Internet Explorer 4.0 或更高版本的访问

36、者转到另一页,并让使用任何其它类型浏览器的访问者留在当前页上。.62检查浏览器(续)将此行为附加到几乎与任何浏览器都兼容的页(该页不使用任何其它 JavaScript)的 body 标签上是十分有用的;这样,已关闭 JavaScript 功能的访问者在访问此页时仍可以看到内容。另一个办法是将此行为附加到一个空链接(例如 )并让该动作根据访问者浏览器的类型和版本确定链接的目标。检查插件使用“检查插件”动作根据访问者是否安装了指定的插件这一情况将他们转到不同的页。例如,您可能想让安装有 Shockwave 的访问者转到一页,让未安装该软件的访问者转到另一页。控制 Shockwave 或 Flash

37、使用“控制 Shockwave 或 Flash”动作来播放、停止、倒带或转到 Macromedia Shockwave 或 Macromedia Flash SWF 文件中的帧。拖动层“拖动层”动作允许访问者拖动层。使用此动作创建拼板游戏、滑块控件和其它可移动的界面元素。 转到 URL“转到 URL”动作在当前窗口或指定的框架中打开一个新页。此操作尤其适用于通过一次单击更改两个或多个框架的内容。.63跳转菜单当您使用“插入”“表单对象”“跳转菜单”创建跳转菜单时,Dreamweaver 创建一个菜单对象并向其附加一个“跳转菜单”(或“跳转菜单转到”)行为。打开浏览器窗口使用“打开浏览器窗口”动作在一个新的窗口中打开 URL。您可以指定新窗口的属性(包括其大小)、特性(它是否可以调整大小、是否具有菜单栏等)和名称。例如,您可以使用此行为在访问者单击缩略图时在一个单独的窗口中打开一个较大的图像;使用此行为,您可以使新窗口与该图像恰好一样大。播放声音使用“播放声音”动

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论