网页的基本操作

第3讲网页的基本操作本章学习目标了解网页中图像的分类及其特点；理解链接的概念,其中包括URL、绝对路径和相对路径的概念。通过实例分析，掌握设置网页属性的方法。掌握文本和特殊字符的输入方法，学会创建列表；掌握在网页中插入日期、水平线等常见网页元素的方法。熟练掌握在网页中添加图像及相关属性的设置方法、学会创建图像热点区域；熟练掌握在网页中设置超级链接的方法。掌握在网页中插入Flash元素的基本方法及相关属性的设置。本章设计任务构建一个以介绍厦门为主题的简单个人网站

2023/2/4《网页设计技术》4内容4.1设置网页属性4.2添加网页内容为网页加入文本为网页加入图像创建超链接插入多媒体对象2023/2/4《网页设计技术》5设置网页属性制作网页时，先需设置网页的页面属性，如网页标题、背景图像、超链接的颜色、文档编码方式等属性。“修改”｜“页面属性”命令，将打开“页面属性”对话框，各选项的含义：外观：用来设置页面的默认字体、背景颜色、背景图像、页面边距等链接：设置链接字符的字体、颜色等标题：设置当前网页文本的格式标题和编码：“标题”设置网页文档的标题；“编码”设置文档字体采用的编码方式。计算机中显示的每种文字都需要对应的编码支持，才能正常显示，否则出现乱码，在中文模式下默认编码为简体中文GB2312。跟踪图像：在设计页面时插入用作参考的图像文件，浏览网页时该图片是看不到的。3.1设置网页属性实例演示---构建厦门新貌个人网站创建站点站点根文件夹：xiamen2023/2/4《网页设计技术》6主页index.html存放在站点根文件夹xiamen下files主要存放主页外其他的网页文件：gaikuang.html(厦门概况）gly.html（鼓浪屿）images主要存放站点中的图片文件，站点默认图像文件夹others存放其他的一些文件，如flash、声音等文件准备网页素材2023/2/4《网页设计技术》7设置页面属性gaikuang.html(厦门概况）修改/页面属性–分类列表--外观—背景图像：materials中bj2.jpg../images/bg2.jpg分类列表—标题/编码—标题：厦门概况2023/2/4《网页设计技术》8新建gaikuang.html，保存在站点files下2023/2/4《网页设计技术》94.2添加网页内容插入文本普通文本特殊文本在字符之间添加空格水平线日期格式化文本项目列表

1为网页加入文本2023/2/4《网页设计技术》101.普通文本的录入直接输入文本复制文本。在其他文本编辑器中复制文本（如Word），在DW中执行粘贴命令即可。但DW不保留原有的文本格式。如果想保留文本的格式，可以选择[编辑][选择性粘贴]菜单命令插入Word或Excel等其它文档的内容。选择[文件][导入]

菜单命令。特殊文本。

“插入”栏中的“文本”，则弹出文本工具栏，单击字符按钮，单击相应的特殊字符。如果没有使用西欧字符，则会弹出一个警告框，提示可能有些浏览器不能正常显示这些字符。4.2添加网页内容2023/2/4《网页设计技术》11在字符之间添加多个空格在浮动选项卡“插入”栏的“文本”选项卡中，单击“字符”按钮，选择“插入不换行空格”[插入][HTML][特殊字符][不换行空格]

按【Ctrl+Shift+空格键】键输入。4.2添加网页内容2023/2/4《网页设计技术》12在字符之间添加多个空格[插入][HTML][特殊字符][不换行空格]

4.2添加网页内容2023/2/4《网页设计技术》13水平线：在“插入”栏的“HTML”

“水平线”插入关键字：关键字为网络中的搜索引擎准备的，关键字要求简短、尽可能概括网页的主题，以便浏览者在输入很少关键字的情况下，就能很大程度地搜索到网页。通过“插入”“HTML”

“文件头标签”“关键字”即可，各关键字用逗号分隔。日期：在“插入”栏的“常用”选项中

“插入日期”4.2添加网页内容2023/2/4《网页设计技术》142.普通文本的格式化一般有属性面板和菜单命令两种方法使用菜单命令时，只需要选择“文本”菜单下的相应命令即可。最常用的属性面板,

文本属性面板中各选项含义及设置方法如下。

格式：设置选定文本的段落格式。如段落、标题1、标题2等样式：对选定内容应用文本样式CSS样式粗体、斜体、大小、颜色、对齐方式链接：除了上述的字符格式化外，还可以对所选的文本建立超级链接目标：在此设置打开超级链接的窗口字体4.2添加网页内容2023/2/4《网页设计技术》15字体属性说明：默认情况下，DW提供了三种中文字体，如果要使用其它中文字体，可用“编辑字体列表”命令，将系统的字体添加到DW字体列表中。字体列表中每一选项中包括多种字体，各种字体之间用“，”分隔。其含义是浏览者的浏览器中如果没有这种字体，则用“，”后面的字体进行显示，以此类推。4.2添加网页内容2023/2/4《网页设计技术》163.项目列表和编号列表项目列表：对于一些具有相同或相似属性的文本，将内容条列成项目，以便组成一个整体项目分类。编号列表：对于具有序列属性（即顺序性）、属性相同的内容，则可设置编号列表。单击属性面板中的“编号列表”按钮选择[文本][列表][编号列表]菜单命令。嵌套列表：包含其它列表的列表。属性面板中的“缩进”按钮，或选择[文本][缩进]菜单命令来实现。定义列表：不使用项目符号点或数字这样的前导字符，并且通常用于词汇表或说明中.列表属性设置

默认的前导符为一个点或阿拉伯数字，如要改成其他前导字符，通过“列表属性”对话框。4.2添加网页内容2023/2/4《网页设计技术》173.项目列表和编号列表(1)项目列表：对于一些具有相同或相似属性的文本，将内容条列成项目，以便组成一个整体项目分类。4.2添加网页内容2023/2/4《网页设计技术》183.项目列表和编号列表(2)编号列表：

对于具有序列属性（即顺序性）、属性相同的内容，则可设置编号列表。单击属性面板中的“编号列表”按钮选择[文本][列表][编号列表]菜单命令4.2添加网页内容2023/2/4《网页设计技术》193.项目列表和编号列表(3)嵌套列表：

包含其它列表的列表。属性面板中的“缩进”按钮，或选择[文本][缩进]菜单命令来实现。4.2添加网页内容2023/2/4《网页设计技术》203.项目列表和编号列表(4)定义列表：它的每一项前既没有项目符号，也没有编号，并且通常用于词汇表或说明中。它是通过缩进的形式使内容层次清晰。4.2添加网页内容2023/2/4《网页设计技术》213.项目列表和编号列表(5)列表属性设置

默认的前导符为一个点或阿拉伯数字，如要改成其他前导字符，通过“列表属性”对话框。4.2添加网页内容2023/2/4《网页设计技术》22４.实例：为网页gaikuang.html输入并编辑文字输入文字：厦门概况经济状况旅游资源地理位置将素材文件夹materials下的dlwz.txt文件中的文本内容复制到网页中，每个段落前在中文输入法全角状态下按2次空格键。行政区域----xzqh.txt；经济状况---jjzk.txt人口气候

宗教语言旅游资源主要旅游景点rk.txtqh.txtzj.txtyy.txtlyzy.txtzyjd.txt回车后，输入

Copyright©版权所有（说明：两行之间按shift+enter,换行不分段）地址：福建厦门

①设置页面字体、大小和文本颜色为网页gaikuang.html设置文字格式单击标签选择器—body，选中整个页面；单击属性面板的文本缩进选中第一段落“厦门概况”：设置隶书，46像素，颜色为black，居中对齐为“地理位置”创建项目列表：地理位置属性面板—项目列表按钮，列表项目按钮：样式为正方形将行政区域、经济状况、人口、气候、宗教、语言、旅游资源、主要旅游景点设置为项目列表。将最后两行的版权和地址信息，在属性面板中设置为宋体。2023/2/4《网页设计技术》23在网页gaikuang.html中添加水平线和日期2023/2/4《网页设计技术》24将光标定位在第二行“旅游资源”后面插入工具栏---HTML---水平线将光标定位于倒数第二行的行首，即“Copyright”的前面插入菜单---HTML---水平线光标定位于“版权所有”的后面，插入－－常用－－日期3.2.2为网页加入图像高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其体积的大小。一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片时，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。如果在同一文件中多次使用相同的图片时，最好使用相对路径查找该图片。4.2添加网页内容2023/2/4《网页设计技术》263.2.2为网页加入图像1.图像的格式

由于受网络速度等方面的影响，一般用于网页的图像：GIF、JPEG或PNG，适合网页快速下载浏览。GIF(图形交换格式)：无损压缩格式，只能支持256种颜色，适合对颜色数目要求不高的卡通画及程序界面等。GIF格式还可设置为透明及制作成动画文件。GIF图像常用于网页中的小图标、符号、动画标题等。JPEG即JPG（联合图像专家组标准）：为有损压缩格式，支持24位真彩色，最初为照片而设计。很高压缩比，删除人眼不易察觉的部分图像，适合表现颜色丰富、色彩过渡平滑的图像，不支持透明和动画。PNG（可移植网络图形）：无损压缩格式，支持24位真彩色，FIREWORKS的文件格式。有较大的灵活性并且文件较小。4.2添加网页内容2023/2/4《网页设计技术》272.图像的插入

网页一般是图文混排结构，除了添加文本内容，还需要插入有说服力的资料图片。直接插入图像：

可使用[插入][图像]菜单命令或“插入栏”的“常用”选项卡中的“图像”按钮。用占位符插入图像：

在制作网页时，经常会出现所需的图像还没有制作完成的情况，此时先插入一个图像占位符。图像占位符是一个占有一定空间的符号，能替换为其他真实的图像，它不会在浏览器中显示。[插入][图像对象][图像占位符]注意：与添加文本不同，插入的图像不能从别的文档中复制，插入到网页中的图像只能以文件的形式独立存在于站点文件夹中。如果图像文件不在站点目录中，DW会保存到站点目录中。4.2添加网页内容图像的属性说明源文件：图像文件所在的目录及名称，可通过“指向文件”或“浏览”按钮设置。替代：为图片添加描述信息。在浏览器中，当鼠标指向图像时会显示这个描述信息。链接：为图像指定一个链接。编辑：启动“外部编辑器”，同时打开所选图像进行编辑。垂直/水平边距：图像相对于编辑窗口或文本等的间隔。低解析度源：设置低分辩率的图像。在主图像被下载之前，先载入低分辩率图像，以便浏览者及早地了解图像的信息。启动Firework优化当前图像对当前图像进行裁剪操作，去掉不需要的部分调整图像的对比度和亮度2023/2/4《网页设计技术》29（1）使用菜单插入图像文件xiamen.gif光标定位在“地理位置”下面一段的段首插入菜单－－图像，materials/xiamen.gif图像属性设置。替代：俯瞰厦门；边框：1；对齐下拉框选左对齐，水平和垂直边距为5实例：在网页gaikuang.html中插入图像2023/2/4《网页设计技术》30align的取值取值说明left在水平方向上向上左对齐center在水平方向上向上居中对齐right在水平方向上向上右对齐top图片顶部与同行其他元素顶部对齐middle图片中部与同行其他元素中部对齐bottom图片底部与同行其他元素底部对齐absbottom图片的底部与同行最低元素的底部对齐，常用于Netscape浏览器absmiddle图片的中部与同行最大元素的中部对齐，常用于Netscape浏览器baseline图片的底部与文本基准线对齐，常用于Netscape浏览器texttop图片的顶部与同行最高元素的顶部对齐，常用于Netscape浏览器align属性用来指定图像与周围元素的对齐方式2023/2/4《网页设计技术》31（2）使用“插入”工具栏插入图像文件ditu.gif光标定位在“行政区域”的后面插入“插入”工具栏-常用-图像按钮—图像，materials/ditu.gif图像属性设置。替代：厦门地图；边框：1；对齐下拉框选右对齐，水平和垂直边距为5实例：在网页gaikuang.html中插入图像2023/2/4《网页设计技术》32（3）使用快捷键插入图像文件npt.gif光标定位在“宗教”的后面Ctrl+Alt+I，materials/npt.gif图像属性设置。替代：厦门南普陀寺；边框：1；对齐下拉框选右对齐，水平和垂直边距为5实例：在网页gaikuang.html中插入图像2023/2/4《网页设计技术》33（4）插入图像文件gulangyu.gif光标定位在“旅游资源”下面一段的段首Ctrl+Alt+I，materials/gulangyu.gif图像属性设置。替代：厦门鼓浪屿；边框：1；对齐下拉框选左对齐，水平和垂直边距为5实例：在网页gaikuang.html中插入图像返回“图像占位符”的具体设置“名称”（可选）：图像占位符标签显示的文本。“宽度”和“高度”：设置图像大小，这是必需的。“颜色”（可选）“替换文本”（可选）：设置描述该图像的文本。在浏览器中预览图片，当鼠标移到用占位符添加的图像上时替代文本就会出现。双击占位符打开“选择图像源文件”对话框，指定好要插入的图像文件即可返回2023/2/4《网页设计技术》353.创建鼠标经过图像（翻转图像）鼠标经过图像是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像。必须用两个图像来创建鼠标经过图像：主图像（首次加载页面时显示的图像）和次图像（鼠标指针移过主图像时显示的图像）。鼠标经过图像中的这两个图像应大小相等；如果这两个图像大小不同，DW将调整第二个图像的大小与第一个图像的尺寸相匹配。“插入”“图像对像”“鼠标经过图像”鼠标经过图像与FLASH按钮、FLASH文本一般都用于制作超链接。3.2添加网页内容实例：制作“鼓浪屿”网页gly.html（1）设置页面属性文档工具栏的“标题”输入框：美丽的鼓浪屿页面属性-外观-背景图像：materials中的bj1.jpg（2）输入文字和水平线光标定位在第一行，输入：美丽的鼓浪屿文字格式设置：字体为华文彩云，大小为50像素，对齐方式为居中对齐，其他均使用默认设置。光标定位在第一行文字的末尾，插入-HTML-水平线（3）插入图像占位符光标定位在水平线的下一行常用插入栏-图像-图像占位符：名称为gly，宽度为600，高度为450，替换文本为鼓浪屿。2023/2/4《网页设计技术》36新建gly.html，保存在站点files下实例：制作“鼓浪屿”网页gly.htm（4）插入鼠标经过图像在图像占位符的后面输入8个空格常用插入栏-图像-鼠标经过图像：名称为back，原始图像为materials中的back.gif，鼠标经过图像为materials中的back1.gif，替换文本为返回上一页，按下时，前往的URL内容暂时为空。选择返回图像，属性面板—垂直边距为150。2023/2/4《网页设计技术》374.插入FireworksHTML文件Fireworks是网页素材制作软件。可以用来创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。DW允许将Fireworks生成的HTML代码随关联的图像、切片和JavaScript一起插入到文档中。实例：为“厦门新貌”站点创建主页index.html主页通过插入FireworksHTML文件来布局页面，该FireworksHTML文件是由Fireworks制作的图像切片导出的。2023/2/4《网页设计技术》383.2添加网页内容4.插入FireworksHTML文件实例：为“厦门新貌”站点创建主页index.html新建index.html，保存在站点根文件夹下。单击“常用”插入栏-图像-FireworksHTML文件matericals/FireworksHTML/xiamen.htm图像文件保存在站点others文件夹选中FireworksHTML文件，属性面板：居中对齐2023/2/4《网页设计技术》393.2添加网页内容2023/2/4《网页设计技术》4012341、2、3、4是人为加上去的，为方便后面操作。主页效果图实例：为“厦门新貌”站点创建主页index.html设置页面属性修改/页面属性单击“分类--外观：背景颜色框”此时，鼠标指针变成“吸管”形状，用吸管选取页面中的背景颜色插入图像在标号为2的区域插入materials中的haicang.gif

替代：厦门海沧大桥在标号为3的区域插入materials中的lundu.gif替代：厦门轮渡2023/2/4《网页设计技术》412023/2/4《网页设计技术》423.2.3创建超链接1.超链接概述

对于超链接来说，文件路径是一个重要的概念。网页中的文件路径分为三种。绝对路径

提供所链接文档的完整URL，包括协议，服务器地址，路径。例如：/china/contents.html通常用于站内到站外的链接。如果是同一站点的文档，使用绝对路径会有弊端，因为在移动文件的时候，文件内所有的绝对路径都被打断，造成链接错误。4.2添加网页内容2023/2/4《网页设计技术》43文档相对路径

相对于当前文档而言，此路径省略了与当前文档URL的相同部分，只提供了与其不同的部分。对于大多数的站内链接，一般使用文档相对路径。如当前文件与要链接的目标文档位于同一文件夹内，只需输入文件名即可。例如：contents.html站点根目录相对路径

从站点的根文件夹到文档的路径，与当前文档无关。根目录相对路径由“/”开头，它代表站点根文件夹。4.2添加网页内容2023/2/4《网页设计技术》44例如，假设一个站点的结构如图4.2添加网页内容resourcesproducts2023/2/4《网页设计技术》45创建从contents.html到其它文件的链接，如下：若要从contents.html链接到hours.html。

文档相对路径：hours.html若要链接到tips.html，在当前文件夹下一级文件夹中。

文档相对路径：resources/tips.html若要链接到index.html，站点根目录中。

站点根目录相对路径：/index.html若要链接到catalog.html，在站点根目录下的products子文件夹中。

站点根目录相对路径：/products/catalog.html3.2添加网页内容2023/2/4《网页设计技术》46链接的类型（根据链接的对象不同分类）文件链接：链接到其它文档或文件锚点链接：跳转到文档内的特定位置，可以是同一文档中的锚记，也可以是其他文档中的锚记图像地图链接：指被分成多个区域（“热点”）的图像，而每个区域可设置链接电子邮件链接：此类链接打开客户端邮件应用程序，并且新建一个已填好收件人地址的空白电子邮件脚本链接：执行脚本代码或调用JavaScript函数。它非常有用，能够在不离开当前Web页面情况下，当访问者单击特定项时，执行计算、验证表单和完成其它处理任务等空链接：是一个无指向的链接，用于向页面上的对象或文本附加行为。.2添加网页内容2023/2/4《网页设计技术》47链接文件的打开方式_blank——在新建窗口中加载链接文档。_self——将链接文档加载到与链接相同的框架或窗口中，该目标是默认值。_parent——将链接的文件载入含有该链接框架的父框架集或上一级的浏览器窗口中。_top——将在最顶端的浏览器窗口中加载链接文件。如果当前网页是框架网页，则删除所有框架。parent和top用于框架网页。

4.2添加网页内容实例：创建页面链接2023/2/4《网页设计技术》48为“厦门新貌”网站中的网页gaikuang.html创建指向网页index.html和gly.html的超级链接，为gly.html创建指向网页gaikuang.html的超级链接。通过“页面属性”设置超级链接的样式打开gaikuang.html，修改/页面属性，分类/链接,设置颜色为gaikuang.html创建超级链接光标定位页面底部的水平线前，按回车键，插入一空行单击常用插入栏中的超级链接按钮。将“返回首页”链接文本右对齐。2023/2/4《网页设计技术》49实例：创建页面链接为gaikuang.html创建超级链接展开文件面板的files文件夹。选择gaikuang.html页面最后一段中的“鼓浪屿”文本，拖动属性检查器中“链接”文本框右侧的“指向文件”图标，指向“文件”面板中的files下的gly.html。2023/2/4《网页设计技术》50实例：创建页面链接为gly.html创建超级链接打开gly.html，选择“返回”图像单击属性面板中的链接输入框右边的“浏览文件”，选择files文件夹下的gaikuang.html2023/2/4《网页设计技术》51实例：创建页面链接2023/2/4《网页设计技术》52下载文件的链接

当链接到不同类型的文件时，访问链接的处理方法不一样。对于网页文件，则在浏览器中打开。对于其它类型文件，如：zip、rar压缩文件，则会提示用户下载。只要链接文件属于浏览器无法识别的类型，会使用IE浏览器直接进行下载，并保存到本地计算机中。4.2添加网页内容2023/2/4《网页设计技术》532.锚点链接允许用户在文档的任何位置设置标记（这些标记通常放在文件特定主题的前面或顶部），然后为对象创建这些标记的链接。锚点链接可以跳转至当前文档或其它文档内的指定位置。建立锚点链接分为创建命名锚记和创建到该命名锚记的链接两个步骤。创建锚点：利用[常用]选项中[命名锚记]按钮。

创建锚点的链接：选择要创建锚点链接的对象，在属性面板的“链接”文本框中，输入锚记名称，中间不能有空格。4.2添加网页内容打开gaikuang.html，定位到项目列表“经济状况”前，在“插入”栏的“常用”类别中，单击“命名锚记”按钮。在“锚记名称”文本框中，键入锚记的名称“jingji”。锚记标记在插入点处出现。注意：如果看不到锚记标记，可选择“查看”>“可视化助理”>“不可见元素”。2023/2/4《网页设计技术》54实例：为网页gaikuang.html创建锚记链接锚记标记选择网页第二行的“经济状况”文本。2023/2/4《网页设计技术》55实例：为网页gaikuang.html创建锚记链接在属性面板的“链接”文本框中，键入#jingji。④为网页第二行“经济状况”后的“旅游资源”创建指向网页中项目列表项“旅游资源”的锚记链接。在网页第一行“厦门概况”前插入一个锚记top在项目列表“经济状况”后面输入几个空格后，输入“返回顶部”。选择此处的“返回顶部”，在属性面板的“链接”文本框中，键入#top在项目列表“旅游资源”后面输入几个空格后，输入“返回顶部”。选择此处的“返回顶部”，在属性面板的“链接”文本框中，键入#top2023/2/4《网页设计技术》56实例：为网页gaikuang.html创建锚记链接2023/2/4《网页设计技术》573.电子邮件链接

网页中设置电子邮件链接非常普遍。当单击电子邮件链接文本时，该链接打开安装在系统中的电子邮件应用程序，并且创建了一个已指定好收件人地址的空白邮件。电子邮件链接创建方法如下：选择[插入][电子邮件链接]菜单命令；在属性面板的“链接”文本框中，输入“mailto:”，在后输入电子邮件地址。

如：mailto:lzj@

4.2添加网页内容2023/2/4《网页设计技术》58实例：为网页gaikuang.html创建电子邮件链接打开gaikuang.html选择网页最后的E-mail地址“xiamen@163.net”在属性面板的链接输入框中输入：mailto:xiamen@163.net2023/2/4《网页设计技术》594.图像地图链接

图像作为一个整体，只能创建一个链接。如果要在一张图像中建立多个链接，则用图像地图实现。

图像地图指被分成多个区域（或称“热点”）的图像，可为每个热点指定一个链接。“属性面板”中的4个“热点工具”如下：

：指针热点工具，用于移动、放大或缩小热区

：矩形热点工具，用于绘制矩形热区

：椭圆形热点工具，用于绘制圆形热区

：多边形热点工具，用于绘制多边形热区

选取图像→在“属性面板”中单击“热点工具”并创建热区→在“热区”属性面板中的“链接”文本框中创建链接。4.2添加网页内容打开gly.html，选择图像占位符gly。属性面板中的源文件，选择为matericals中的gly.gif，原来的图像占位符替换为gly.gif选中该图像，单击属性面板中多边形热点工具，沿着图片中的“日光岩”边缘绘制出一个热点区域。2023/2/4《网页设计技术》60实例：为网页gly.html创建图像热区链接绘制厦门博物馆的热点区域。2023/2/4《网页设计技术》61实例：为网页gly.html创建图像热区链接2023/2/4《网页设计技术》623.2.4插入多媒体对象

当前网页中多媒体包括：动画、音频、视频等元素。DW可有效地将多媒体元素和其它元素有机地整合在一起，以丰富网页的内容。Flash文件的格式：源文件(.fla)、影片文件(.swf)、模板文件(.swt)、视频文件(.flv)等音频文件格式：midi或mid、wav、aif、mp3、ra、ram、rpm及RealAudio等。播放wav、aif和midi文件不需要插件。视频文件格式：AVI、WMV、RM等，视频格式不同，对应的播放器是有区别的。虽然它们播放器不同，但它们一般都是使用ActiveX控件或插件来播放。4.2添加网页内容2023/2/4《网页设计技术》631.插入Flash内容(1)插入Flash动画（影片文件.swf）“常用”“媒体”按钮，选择“Flash”选项；

或执行[插入][媒体][Flash]菜单命令对话框属性说明：

标题：媒体对象的标题。输入键：输入A作为快捷键，则使用“Ctrl+A”键在浏览器中选择该对象。

Tab键索引：输入一个数字以指定该对象的Tab键顺序。3.2添加网页内容2023/2/4《网页设计技术》64插入FlashVideo（FLV格式）在网页中浏览Flash视频时不仅显示该视频信息，还将显示播放该视频的控件。4.2添加网页内容2023/2/4《网页设计技术》652.ActiveX控件事实上，浏览器仅仅能显示几种文件格式，ActiveX控件或插件扩展了浏览器的能力。ActiveX控件是可充当浏览器插件的可重复调用的组件，可在Windows操作系统上的IE浏览器中运行。插入ActiveX控件后，在DW的文档窗口会显示一个占位符。在浏览器中，将出现媒体播放器的界面，即可像平常使用播放器一样来对它进行控制，改变声音等。4.2添加网页内容2023/2/4《网页设计技术》66ActiveX控件相关属性:嵌入：为ActiveX控件在<object>标签内添加一个<embed>标签。如果ActiveX控件具有Netscape插件等效项，<embed>标签将激活该插件。源文件：如果“嵌入”项选中，则确定Netscape插件所使用的数据文件。基址：指定包含该ActiveX控件的URL。如果在浏览者系统中没有该ActiveX控件，IE会从该位置下载该ActiveX控件。如果你没有指定一个参数，而你的浏览者又没有安装相应的ActiveX控件，浏览者无法显示该ActiveX对象。替换图像：如果浏览器不支持<object>标签，则指定显示一幅图像，该选项只在“嵌入”没有选中下才可使用。数据：指定ActiveX控件下载的数据文件。许多ActiveX控件，不使用该参数，如shockwave、realplay4.2添加网页内容2023/2/4《网页设计技术》673.利用插件添加视频文件

插件是一种程序。浏览器一般能够直接调用插件程序，插件安装后就成为浏览器的一部分。通过插件可将视频直接插入页面中，但只有用户在浏览网页时具有所选视频文件的适当插件后，视频才可以播放。典型的插件如RealPlayer和QuickTime。通过[插入][媒体][插件]菜单命令，选定视频文件，即将插件插入到网页中。在“插件URL”的文本框中可以输入下载插件的完整URL。如果在浏览页面时没有该插件，则IE将从这里提供的URL上下载。插入插件之后，在浏览器中，将出现了媒体播放器的界面，即可象平常使用播放器一样来对它进行控制，改变声音等。4.2添加网页内容2023/2/4《网页设计技术》68Shockwave是Macromedia公司制定的一种网上媒体交互压缩格式的标准，其生成的压缩格式可以被快速下载，并且被目前的主流浏览器所支持，其扩展名：.dcr、dir、dxr。观看Shockwave影片时，浏览器需安装Shockwave播放器。JavaApplet是美国SUN公司开发的Java语言中的一个小应用程序，具有跨平台特点。JavaApplet可直接嵌入到HTML语言中