网页设计及制作

-.z.规划在建立之前，需了解的开发流程，按照工程管理模式对进展必要的规划、开发、测试和发布使用。一般流程如下：建立前进展必要的市场分析。明确建立的目的及功能定位。制定技术解决方案。根据的目确实定容、构造和功能。进展网页设计，并根据技术方案实施建立。做出经费预算。测试。发布及推广。维护。根底知识〔Website〕，是指在因特网上根据一定的规定，使用HTML等工具制作的用于展示特定容的相关网页的集合。的组成域名〔DomainName〕，是由一串用点分隔的字母组成的Internet上*一台计算机或计算机组的名称。空间，常见空间有虚拟主机、虚拟空间、独立效劳器、VPS。程序，即建立与修改所使用的编程语言，换成源码就是一堆按一定格式书写的文字和符号。网页网页〔Webpage〕，是中的任意一个页面，通常是HTML格式，文件扩展名为html、或htm、或asp、或asp*、或php、或jsp等。根本构成元素：文字、图像、超级。阅读方式：浏览器。类型：以不同的后缀代表不同类型的网页文件。通常分为静态页面、动态页面。动态网页〔activewebpage〕：指网页容可根据用户的不同请求从而返回其对应的数据，一般情况下动态网页通过数据库进展架构，一般文件名均以开发语言做后缀，如php、asp等。也可以说但凡结合了HTML以外的高级程序设计语言和数据库技术进展的网页编程技术生成的网页都是动态网页。静态网页：指全部由HTML标记页面，页面的容和显示效果根本不发生变化，所有的容包含在网页文件中。一般文件名均以htm、html、shtml等为后缀。术语〔WorldWideWeb〕，亦称作“Web〞、“〞、“'W3'〞，中文名字为“万维网〞，"环球网"等，常简称为Web。分为Web客户端和Web效劳器程序。可以让Web客户端〔常用浏览器〕访问浏览Web效劳器上的页面。在这个系统中，每个有用的事物，称为一样“资源〞；并且由一个全局“统一资源标识符〞〔URL〕标识；这些资源通过超文本传输协议〔Hyperte*tTransferProtocol〕传送给用户，而后者通过点击来获得资源。URL〔UniformResourceLocator〕，统一资源定位符，是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。动态网页的URL是不固定的；而静态网页的URL是固定的。HTTP(Hyperte*ttransferprotocol)，超文本传输协议，是一种详细规定了浏览器和万维网效劳器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。配色216网页平安色216网页平安色：指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合〔调色板〕，这些颜色在任何显示设备上的显示效果都是一样的。网页平安色是当红色〔R〕、绿色〔G〕、蓝色〔B〕颜色数字信号值为〔DACCount〕：0,51,102,153,204和255。网页文字及配色文字是网页的主体。文字的优势主要表达在信息量大、所用存储空间非常小，利于网页的快速翻开，信息的直观呈现。要求：字体不超过三种〔标题、正文、导航〕，文本字号形成比照——突出〔网页标题〕、层次〔栏目标题〕、清楚〔正文，字体偏小，适于文字信息量大的容〕规定：字号影响文字的清晰度，分辨率1024*768，正文：12号、宋体字；分辨率高于1024，正文：13-14号、宋体字；文章标题字号偏大，一般要使用平滑〔消除锯齿〕的字体。文字与背风光彩搭配：文字能见度：高明度色彩背景+低明度文字错误色彩搭配：黄+白；绿+灰、绿+红；紫+红、紫+黑；青+黑前进色：红、黄、橙、白背风光柔和、淡雅——深色文字深色背景——浅色文字不深不浅——根据色彩选择适合的颜色〔色相、明度、饱和度〕文字色彩可以与主题相照应，协调主色调、副主色调等。文字色彩有划分层次的作用，网页上一样色彩的文字都属于同一层次。文字与图片的配色遵循三个原则：文字周围的背景尽量单纯化。图片与文字比照尽量明显，易于识别。〔通常浅色图片配深色文字，深色图片配浅色和高亮度的文字〕文字与背景图片比照拟弱不易识别时，可用其他色彩衬托文字的方式强化文字与图片间的比照。网页中的图像图像给人的视觉效果要比文字强烈得多。灵活应用图像，在网页中可以起到点缀的效果。但是应用不当，会使网页变得凌乱不堪。Web页上的图像文件大局部都是使用JPG和GIF格式。因为他们除了具有压缩比例高外，还具有跨平台特性。图像在网页中的应用主要有以下几种形式。图像标题一般在网页中都要有标题，用以提示浏览者这个是做什么的，起到了导航的作用，应用图像标题可以使网页更加美观，背景图像的另一个重要应用是作为网页的背景。网页背景千变万化，特别是一些个人，应用图片背景比拟多。网页主图网页上除了用小图像美化网页外，通常还会在网页上用一些较大的图片来突出网页主题，占满网页的整个空间。特别是主页中用主图的比拟多，或者直接用图片取代文字作为超级按钮，可以使网页更加美观。网页图像分类网页图像分为静态图像和动态图像。动态图像：gif动画：适于短小动画，画面数少，图像简单。【89a】flash动画〔.swf〕：flv视频〔.flv〕：体积小，压缩率高，适于传播但画面不够清晰。静态图像：JPG：优秀的图画品质，较为合理的文件大小，不支持透明格式。GIF：256色，压缩后损失图像色彩但不影响图像失真；支持透明格式。【87a】PNG：支持透明背景，支持48位色彩的图像模式；平滑的透明边缘；品质好，体积小。网页上图片考前须知良好的视觉吸引力，“阅读最省力原则〞图片要清晰，不能模糊、变形，太大的图片要进展分割。图片的主体含义要简单明了，图片上的文字要清晰容易识别。采用的图片颜色要符合网页整体色彩。关于色彩由光谱可以得出6个根底色相，增加过渡色可形成12色相环和24色相环。同类色：指在同一色相中不同的颜色变化。邻近色：在色环上任一颜色同其毗邻之色。补色：在色环上彼此相距180°的两个色相互为补色。色彩比照网页色彩搭配主要从色彩冷暖、面积、色相、明度、纯度。色相比照色相比照：两种以上色彩组合时，由于色相差异而形成的色彩比照效果。比照强弱关系可以从色相环上的距离〔角度〕入手，距离越小比照越弱；反之亦然。有彩色间的比照，按弱→强关系分为：同类色相比照〔无色相差、色相距离在45°，基于明度和纯度的比照〕——单调邻近色相比照〔色相距离在90°左右〕——较为丰富、耐看比照色相比照〔色相距离在130°左右〕——鲜明、强烈〔配色时需要考虑主色与次色间的关系、色彩面积，降低视觉疲劳〕互补色比照〔色相距离在180°左右〕——色彩比照很强〔易产生不安定感，配色时需考虑色彩面积、色彩的分散度〕明度比照明度比照：指色彩明暗度的比照，也称作黑白度比照，即黑、白、灰效果。纯度比照纯度比照分为高、中、低纯度。纯度比照表现出色彩艳丽效果，也是决定色调感觉的关键。特点：增强用色的鲜艳感，即通常说的明确感。表现：艳丽、生动、活泼无彩色比照，如黑与白、深灰与浅灰。表现：大方、稳重、高雅、朴素冷暖比照暖色系：颜色接近红、橙、黄。冷色系：颜色偏向蓝、青。中色系：绿色和紫色面积比照同一视觉围色彩的面积不同会产生不同的比照效果。网页色彩的搭配网页的色调：网页中的色彩，总存在*种容联系组成一个统一的整体，从而形成画面色彩的趋势。主色调——页面色彩的主要色调。显示站点整体容和风格；其他配色面积一般不大于该视觉面积。辅色调——衬托主色调，支持主色调，协助主色调营造整体视觉气氛〔面积次之〕。突出颜色——强调色，用于突出主题效果，一般多用于按钮、标签之类。背风光——协调、衬托整体软件介绍软件界面常见问题窗口不显示插入工具栏。[方法]Ctrl+F2；或者菜单命令[窗口-插入]，勾选。找不到属性窗口。[方法]Ctrl+F3；或者菜单命令[窗口-属性]，勾选。文件面板显示根节点不是命名的站点名称。[方法]文件面板-管理站点；或者菜单命令[站点-管理站点]。窗口显示的信息不完整，感觉窗口小了。[方法]检查计算机的屏幕分辨率，分辨率不低于1024*768。站点建立制作之前除了准备资料、规划构造、设计布局以外，最好创立一个本地站点，易于管理和上传。特别是制作动态，本地站点的创立必不可少。站点的建立应注意以下情况：站点的路径构造中不能含有中文，即文件夹、文件的命名都不含有中文，且命名有规律易查找。习惯上在站点根文件夹下建立用于存放图片的子文件夹，如果中用到其他较多媒体类文件也可以建立相应的文件夹存放，但目录层次不易过深。创立的素材不能放在站点根文件夹中，站点文件夹中存入的图片、音频、视频或者动画只能是真正在网页中应用到的元素，一般在制作页面的过程中都会提示保存到站点文件夹下。创立站点的视频演示创立站点的命令菜单命令：[站点-新建站点]文件面板：[管理站点-新建]创立站点的关键步骤说明新建站点对话框中，[根本]选项卡相当于一个建立站点的向导，引导设计者一步步地完成根本的站点设置，[高级]选项卡用于站点属性的详细设置。初学者可先在[根本]选项卡中完成站点的根本设置，再进入[高级]选项卡做进一步设置，如“默认图像文件夹〞，应注意：1〕设置了默认图像文件夹后，制作页面时每次插入图像都会自动将应用到的图片自动存放到该文件夹中；2〕不能将所有下载或处理过的图像素材都拷贝到该文件夹中，造成不必要的存储负担。新建站点的名称可以包含中文、符号或字母，但站点路径不能包含中文和符号。创立站点的关联操作站点编辑：进展站点定义的补充设置或者重新设置。站点删除：删除无关站点或者冗余站点。站点导出：导出站点信息，并以.ste为扩展名的存储一个站点定义文件，该文件一般存储在站点根文件夹。站点导入：将站点根文件夹的站点定义文件导入〔扩展名.ste〕，导入中注意站点根文件夹和站点图像文件夹的指向，便于快速、正确的重构站点。常用布局方法简介版面布局根底网页默认习惯标志放在页面上部竖排导航时，导航放在页面左侧；横排导航时，放在标志或顶部广告之下信息放在页面底部第一屏：是指翻开一个页面不拖动滚动条的情况下能看到的页面局部。分辨率800*6001024*768第一屏760*4201002*600页面宽度：<=1002页面高度：<=3*600表格表格是Dreamweaver中最常用的布局工具，不但可以准确定位网页在浏览器中的显示位置，还可以控制网页元素在网页中的准确布局。创立表格及表格属性设置的视频演示创立表格的命令菜单命令：[插入记录-表格]插入工具栏：[常用-表格]表格的重要属性说明表格的宽度可以用两种方式表示：像素、百分比。在布局时，最外围的表格属性〔宽度〕单位必须用像素，而部的嵌套表格宽度单位可以使用像素，也可以用百分比，使用百分较为灵活。嵌套的表格之间需要严密相贴，则表格属性中应将“边距〞、“间距〞和“边框〞值设置为0。表格可以嵌套表格，但无法穿插；表格穿插的错误容易出现在代码局部。根本的表格标签<table>：定义表格<th>：定义表头<tr>：定义表格行<td>：定义表格单元〔tabledata〕，即数据单元格的容。表格标签的可选属性DTD指示此属性允许在哪种DTD中使用。S=Strict,T=Transitional,F=Frameset.属性值描述DTDalignleftcenterright不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。TFbgcolorrgb(*,*,*)*******colorname不赞成使用。请使用样式代替。规定表格的背景颜色。TFborderpi*els规定表格边框的宽度。STFcellpaddingpi*els%规定单元边沿与其容之间的空白。STFcellspacingpi*els%规定单元格之间的空白。STFframe〔表格外框线〕above只外部的顶部边线STFbelow只外部的底部边线border显示表格的边框线bo*显示表格的整体hsides显示外部的顶部和底部边线rhs只显示外部的右侧边线lhs只显示外部的左侧边线void外部的所有边线全部不显示vsides只显示外部的左侧和右侧边线rules〔表格局部割线〕none部所有线框不显示STFgroups部横向和纵向线框不显示rows只显示部的横向线框cols只显示部的纵向线框all显示所有部线框summaryte*t规定表格的摘要。STFwidth%pi*els规定表格的宽度。STF表格标签的标准属性id,class,title,style,dir,lang,*ml:lang表格的其他操作导入或导出表格数据菜单命令：[插入记录-表格对象-导入表格式数据]，其中导入的数据要具有制表符、逗号、分号、引号或者其他定界符。或者菜单命令：[文件-导入]，可选择“表格式数据〞或者E*cel文档。菜单命令：[文件-导出]。表格的排序菜单命令：[命令-排序表格]典型案例表格布局由于最初表格并不是用于布局设计，而是由于显示数据的，所以对于初学者来说，要想使用表格设计出布局合理的页面，往往会适得其反。为了简化利用表格布局页面，Dreamweaver中就特意提供了一种布局模式，在该模式下使用布局工具，设计者可以轻松地在页面中画出布局表格以及单元格，然后对其进展修改、移动等，并且可以方便地设置布局表格和单元格的属性，布局表格可以有一定的固定宽度，也可以占据整个浏览器窗口。设置布局模式的参数及命令菜单命令：[编辑—首选参数]，在左侧的[分类]栏中选中[布局模式]选项，即可为布局模式中的表格和单元格边框设置不同的颜色。插入工具栏：[布局-扩展]或者菜单命令：[查看-表格模式-布局模式]或者ALlt+F6组合键在布局模式中创立表格和单元格在布局模式中可以在文档中随意地绘制表格，在布局模式下点击插入工具栏中的图标，鼠标在文档窗口即可拖动绘制布局表格；点击图标，拖动鼠标即可绘制布局单元格。需要注意以下几个问题：不能在布局单元格中绘制表格。布局表格可以嵌套，布局单元格不可以嵌套，布局表格和布局单元格均不可以交叠，即在绘制布局表格和布局单元格时，不能直接在布局表格的旁边插入其他布局表格和布局单元格，只能在布局表格或表格的下方添加其他布局表格和布局单元格。布局表格和布局表格之间不能相互重叠，创立相邻的布局表格时〔小于8像素〕，Dreamweaver会自动将它们对齐，如果在绘制布局表格是按下Atl键，可以取消Dreamweaver的自动对齐功能。移动布局表格和单元格：可使用Dreamweaver提供的网格线作为辅助向导，[查看-网格-显示网格]命令显示网格线，或者按下Ctrl+shift+G快捷键。移动表格的方法是：单击布局表格标签，然后拖动表格到适宜的位置即可；如果同时按住Shift键，每次可以移动10个像素的距离，注意只有嵌套表格才可以移动。调整布局表格尺寸的方法是:单击布局表格标签，表格将出现8个控制柄，然后拖动控制柄到适宜的位置即可。调整和移动单元格的方法：单击布局单元格的边框进展拖动，或者按下Ctrl键的同时单击布局单元格进展拖动，当到达适宜的位置时，释放鼠标即可。如果要改变单元格的大小，可以先选中该单元格，然后拖动控制柄到满意的尺寸即可。布局表格需注意的属性设置：选项作用删除所有间隔图像按钮：去除表格中的所有间隔删除嵌套按钮：去除嵌套表格，只有当存在嵌套表格时，该选项才显示模板在制作具有几十个甚至几百个风格根本相似的时，如果每次都重新设定网页构造以及一样栏目下的导航条、各类图标就会显得非常麻烦，如果借助Dreamweaver中的模版功能就可以简化操作。创立模板及模板设置的视频演示创立模板的命令将现有的网页文档创立为模板〔方法一〕：菜单命令：[文件-另存为]，选择相应的站点名称。在该站点根文件夹下新建子文件夹Templates，将保存路径切换到该文件夹下。保存类型：模板文件〔*.dwt〕，输入模板名称并保存。新建空模板〔方法二〕：[文件-新建-空模板-HTML模板]模板的重要说明模版实际是扩展名为.dwt的文档，必须存放在站点根目录的Templates文件夹中，才能被站点识别。模板中应该至少包含一个可编辑区域，否则模板无效，无法编辑该模板的页面。两种创立方法的区别模版文件夹不是原本就有的，如果是使用方法二的方式创立，则Templates文件夹会自动生成；而如果使用方法一的方式创立，则需要手动创立Templates文件夹。其中一个重要区别在代码局部，方法二将在head标签把title标签包含在一个可编辑区域，则之后由模板创立的各个页面都可以设置不同的页面标题；而方法一则需要在代码视图手动输入可编辑区域的代码，将title标签至于可编辑区域中，否则以后创立的各个页面都只能是统一的一个页面标题，无法灵活设置。另一个重要区别表达在CSS的使用上。根据之上的区别，如果将模板中的CSS定义也置于可编辑区域，则由模板创立的页面的CSS定义也将带来多样的变化。模板的其他操作从模板创立文件菜单命令：[新建-模板中的页]，选择站点及其模板文件从当前模板中别离菜单命令：[修改-模板-从模板中别离]将一般页面套用到模板菜单命令：[修改-模板-应用模板到页]修改模板并更新站点当已经利用模板创立了多个网页时，又想更改模板中的*些网页元素，可以直接在模板中更改，按Ctrl+S键保存，弹出[更新模板文件]对话框，单击[更新]按钮翻开[更新页面]对话框自动更新，当保存模板的同时也更新了基于模板建立的所有网页。模板中的区域类型模板中有些区域是不能编辑的，称为锁定区；有些区域则是可以编辑的，称为可编辑区域。Dreamweaver提供了4种模板区域类型，即：可编辑区域、重复区域、可选区域和可编辑标签属性。可编辑区域是基于模板的文档中的未锁定区域。操作：插入工具栏[常用-可编辑区域]或者菜单命令[插入记录-模板对象-可编辑区域]或者组合键Ctrl+Alt+V。重复区域〔RepeatingRegion〕是文档中重复显示的局部，属于不可编辑区域。在模板中定义重复区域，可以让用户在网页中创立可扩展的列表，并可保持模板中表格的设计不变。重复区域分为重复区和重复表〔RepeatingTable〕，可以将整个表格或者一个单元格定义为重复区域，但是不可以一次将多个单元格定义为重复区域；如果要在重复区域中编辑不同的容，必须在重复区域中插入可编辑区域。操作：首先在文档窗口中选择想要设置为重复区域的文本或容，执行菜单命令[插入记录-模板对象-重复区域]或者插入工具栏：[常用-重复区域]按钮可选区域是在创立模板时定义的用于显示和隐藏特别标签的区域。在使用模板创立网页时，对于可选区域的容〔如文本、图片等〕，可以选择显示或者不显示。使用可选区域可以控制不一定在基于模板的文档中显示的容。使用可选区域，在这些区域中用户无法编辑容。可选区域的模板选项卡在单词if之后。根据模板中设置的条件，可以定义该区域在它们所创立的页面中是否可见。操作：先在模板文档中选择需要将其设置为可编辑区域的文本或容，然后单击插入工具栏[常用-模板下拉箭头按钮，从弹出的下拉菜单中选择[可选区域]命令]设置：选中可选区域，在属性面板上点击“编辑〞命令，在“高级〞选项卡中为区域设置现有参数或者表达式，指定区域是否可见。可编辑标签属性，是指允许基于模板的文档中可进展修改的属性的标签定义。可编辑标签属性提供4种类型：文本、布尔值、颜色和URL。利用可编辑标签属性这一功能，在设计模板的时候，就可以根据的总体规划，解除模板中*些页面元素的*个或*些属性的锁定，使之可以编辑，从而设计出风格大体一致但又有适当变化的一组网页来。操作：首先在文档窗口中选择想要设置为可编辑标签属性的工程或容，菜单命令[修改-模板-令属性可编辑]。典型案例框架及浮动框架我们都知道一个是由几个甚至几十个网页组成的，如果中的所有网页是同一个布局，并且其中在一样的位置有一样的网页元素时，这时就可以使用另外一种方式来制作，那就是框架。框架网页与表格网页不同，框架网页包括表格网页，正确地说框架网页是由多个表格网页组成而成。框架网页由框架集和框架两个局部组成。框架集是在一个文档定义一组框架构造的HTML网页，即框架集定义了页面显示的框架数、框架的大小、载入框架的网页源和其他可以定义的属性等。单个框架是指在网页上定义的一个区域，主要指向将载入的网页源。创立框架及框架属性设置的视频演示创立框架及框架集的准备工作菜单命令：[查看-可视化助理-框架边框]，勾选“框架边框〞，将框架的边框属性设置为可见。菜单命令：[窗口-框架]，或者组合键Shift+F2。创立框架的命令插入工具栏：[布局-框架]，选择框架样式。如果选择多个框架构造，将逐个按说选拆分框架。或者菜单命令：[文件-新建-例如中的页-框架集]，选择框架集的样式。或者菜单命令：[插入-HTML-框架]，从弹出的子菜单中选择框架样式。框架的重要说明依据框架的拆分方式，可看出框架的层次是嵌套形式的，当有行列组合搭配的框架构造时，除总框架集外一定还嵌着其他的框架集，故而在设置框架的行高或者列宽时总是相对于其所在的框架集而进展设置。框窗总是按由上而下、由左至右的次序。框架集的特点使得在使用框架方式创立的在保存时最好使用菜单命令[文件-保存全部]，更为快捷和完整。由于框架的窗口构造，在为网页元素设置超级时增加了构造中的多个框架，所以当设置超级时必须指明目标，使之能在指定的窗口中翻开。框架的属性设置中包含框架集和单个框架的属性设置，可借助框架工具面板，选择框架集或者框架进展属性设置；其中单个框架的属性设置除框架自身属性设置〔文件源、滚动、是否调整大小、边界高度、边界宽度、边框、边框颜色〕外，也和一般的根本的网页页面一般设置。框架的操作添加框架菜单命令：[修改-框架集]，选择拆分框架的方法。或者操作：将光标放置于网页编辑窗口的边缘或者父框架的边框上，拖动鼠标到拟增加的位置释放，即可增加框架构造。删除框架将光标放置于要删除的框架的边框之上，并且拖拽框架边框到父框架边框或者是网页编辑窗口边缘，即可删除框架构造。框架标签及说明标记类型译名或意义作用备注<FRAMESET>●定义框架集定义如何将窗口分割为框架，即定义了一系列的行或者列<FRAME>○定义框架定义单个框架，即定义了放置在框架中的HTML文档<IFRAME>○浮动框架在页面插入浮动框架IE<NOFRAMES>●不支持框架设定当浏览器不支持框架时的提示<NOFRAMES>当使用的浏览器版本太低不支持框架功能时，为了防止浏览时一片空白可使用<NOFRAMES>标签，<NOFRAMES>与</NOFRAMES>之间的容就能出现在使用者的浏览器窗口。这些容可以是提醒浏览者采用新的浏览器的字句，也可以是一个没有框架的网页或切换到没有框架的版本的均可。Frame标签的标准属性与可选属性可选属性值描述frameborder01规定是否显示框架周围的边框。longdescURL规定一个包含有关框架容的长描述的页面。marginheightpi*els定义框架的上方和下方的边距。marginwidthpi*els定义框架的左侧和右侧的边距。namename规定框架的名称。noresizenoresize规定无法调整框架的大小。scrollingyesnoauto规定是否在框架中显示滚动条。srcURL规定在框架中显示的文档的URL。标准属性：id,class,title,styleFrameset标签的可选属性与标准属性可选属性值描述colspi*els%*定义框架集中列的数目和尺寸。rowspi*els%*定义框架集中行的数目和尺寸。标准属性：id,class,title,style浮动框架浮动框架也叫联框架、行框架，标签<iframe>，是将一个HTML文件嵌入在另一个HTML中显示，即将HTML文件直接嵌于一个HMTL中，与之文件容相互融合，成为一个整体。操作方法：插入工具栏：[布局-浮动框架]代码视图：在代码视图中输入<iframe></iframe>，并为<iframe>添加必要的属性，如src、width、height、target等。浮动框架标签属性值描述描述alignleftrighttopmiddlebottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。frameborder10规定是否显示框架周围的边框。heightpi*els%规定iframe的高度。longdescURL规定一个页面，该页面包含了有关iframe的较长描述。marginheightpi*els定义iframe的顶部和底部的边距。marginwidthpi*els定义iframe的左侧和右侧的边距。nameframe_name规定iframe的名称。sandbo*""allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对<iframe>中容的额外限制。〔HTML5〕scrollingyesnoauto规定是否在iframe中显示滚动条。seamlessseamless规定<iframe>看上去像是包含文档的一局部。〔HTML5〕srcURL规定在iframe中显示的文档的URL。srcdocHTML_code规定在<iframe>中显示的页面的HTML容。〔HTML5〕widthpi*els%定义iframe的宽度。典型案例层〔APDiv〕层与表格一样，都是在网页设计过程中用来放置页面元素的容器，在一个网页中可以由多个层存在，与表格之间最大的区别在于层可以重叠，可以决定其是否可见，可自定义各层之间的层次关系。在高版本中将层的名称用APDiv来描述。层是一种新的网页元素定位技术，使用层可以自由控制网页元素的位置。层可以放置在页面中的任意位置，还可以控制*个层是显示在前面还是后面，是显示还是隐藏。层是指存放用DIV和SPAN标签描述的HTML容的容器。层可以包含文本、图像、表单、插件，甚至层还可以包含其他层。在Dreamweaver中，可以使用两种处理页面容格式的层：CSS层和Netscape层。CSS层使用DIV和SPAN标签来定义，由W3C组织给出，是一种非常实用的网页元素定义规则，能够使网页制作者有效地定制、改善网页。Netscape层使用LAYER和ILAYER标签来确定层在页面中的位置，由Netscape公司定义。创立层〔APDiv〕及其属性设置的视频演示创立层〔APDiv〕的准备工作菜单命令：[编辑-首选参数-不可见元素]，勾选“AP元素的锚点〞，使得层锚记可以在编辑窗口显示。菜单命令：[窗口-AP元素]，或者快捷键F2。创立层〔APDiv〕的命令插入工具栏：[布局-绘制APDiv]，在编辑窗口拖动鼠标绘制层；或者按住按钮，从插入面板中拖到文档窗口中即可；当按下Ctrl键不放，在文档窗口中就可以连续画出不同的层。菜单命令：[插入记录-布局对象-APDiv] 层的重要属性说明创立层的方法中，使用插入工具栏绘制的层使用的是绝对定位，即相对于浏览器的位置信息；而使用菜单命令插入的层使用的是相对定位，位置相对于包含层的容器中，容器可以是表格、Div等。一个APDiv瞄记代表一个层，可以通过剪切、复制、粘贴层瞄记来完成对层的剪切、复制和粘贴层。使用[AP元素]面板可以管理文档中的层，可以防止重叠，更改其可见性，允许嵌套，以及选择一个或多个层。[AP元素]面板中的“Z〞用数字描述，说明层的顺序，值得增大说明其越位于页面顶层，是后建立的层；故可以修改层的“Z〞值，使多个层位于同一层次；在面板中，选中一个层并且按下Ctrl键，然后将其拖动到要嵌入的层的位置，可以将其变为该层的嵌套层。层会随着窗口大小、分辨率等原因发生错位的现象，可以借助修改成的相关属性来保证其位置的稳定。尽量使用容器放置层，如表格；并使用菜单命令插入层，根据需要在属性面板中调整层的大小、颜色等。如果使用的是插入工具栏绘制的层，则在代码视图修改成的属性：1〕删除层的left、top属性；2〕增加margin-top、margin-left属性，需要说明的是除了在Dreamweaver8版本外，高版本的Dreamweaver中的这两个属性的设置将在对应层的CSS描述局部修改，而不再在行style中修改；3〕position属性默认就是absolute。层的嵌套并不是单指外观上的一层位于另一层，其本质是一层的HTML代码嵌套在另一层的HTML代码之；故在视觉上嵌套的层会出现跟随移动效果一致但却不在同一位置。几个需要单独说明的属性：名称功能描述层编号为层指定一个名称来标识层。层的名称只能包含英文字母和数字，不能使用特殊字符，并且不能以数字开头Z轴指定层的叠放顺序，值较大的层位于较小的层之上，Z轴值可正可负，也可以为零可见性Default默认，不指定可见性属性。当未指定可见性时，大多数浏览器都会默认为继承Inherit继承，使用该层父级的可见性属性Visible可见，显示该层的容，而不管父级的值是什么Hidden隐藏，隐藏层的容，而不管父级的值是什么类可将CSS规则定义应用于对象溢出可见扩展层的大小，时溢出的局部也可以显示，层将向右下方扩展隐藏保持层的大小，并剪切去与层大小不符的容，不显示滚动条滚动条给层添加滚动条，不管容是否超出层的大小。特别是通过提供滚动条来防止在动态环境中显示和不显示滚动条导致的混乱自动在层的容超过边界时自动显示滚动条剪辑定义层的可视区域，在左、右、上、下文本框中分别输入一个值来指定距层边界的距离层〔APDiv〕的其他操作技巧技巧1：同时修改多个层的属性。按下Shift键，然后在页面中单击要选择的层，或者在层面板中单击要选择的层，即可选中多个层。同时属性面板将显示这几个层的属性交集，在属性面板中所作的任何修改，都会作用于所选中的层。技巧2：对齐多个层。使用层对齐命令即菜单命令：[修改-排列顺序]，选择一种对齐方式即可。该操作可以将一个或多个层与最后选定的层边界对齐。在对齐层时，没有选中的子层因为要保持与父层的相对位置而随着移动。技巧3：巧用网格线。菜单命令：[查看-网格-显示网格]，使用对齐功能，则在移动层或者调整层的大小时，层会自动定位在最近的网格位置。菜单命令：[查看-网格-靠齐到网格]命令，勾选，此时选定并拖动一个层，释放鼠标后，如果层与网格靠得很近，则会自动跳至最近的网格位置与之对齐，“网格设置〞对话框中的选项及选项作用选项作用颜色指定网格格线的颜色显示网格设置网格的可见性，其功能与执行：查看——网格——显示网格靠齐到网格用于翻开或关闭对齐功能。其功能与执行：查看——网格——靠齐到网格命令一样间隔设置网格线之间的距离。输入一个数字，然后在其后的下拉列表中选择像素、英寸或厘米作为单位显示指定网格的显示形式是实线还是虚线技巧4:层与表格之间的转换。可以用层快速设计一个页面，在将层转换为表格，以适合不支持层的浏览器；还可以通过对层与表格的相互转换优化页面设计。菜单命令：[修改-转换-将APDiv到表格/或者将表格转到APDiv]“转换层为表格〞对话框中的选项及作用选项作用表格布局最准确为每个层创立一个单元格，并附加保存层之间的空间所需的任何单元格最小：合并空白单元指定如果层定位在指定数目的像素，则层的边缘应对齐。如果选择此选项，表中将包含较少的空行和空列，但可能不与布局准确匹配使用透明GIF用透明的GIF填充表的最后一行。这将确保该表在所有浏览器中以一样的列宽显示。当启用该选项后，不能通过拖动表列来编辑结果表。当禁用该选项后，表中将不包含透明GIF，但是不同的浏览器中可能会具有不同的列宽置于页面中央将表放置在页面的中央布局工具防止层重叠可以防止层重叠显示层面板转换完成后显示层面板显示网格在转换完成后显示网格靠齐到网格启用吸附到网格行为行为是被用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。使用行为可以使访问者与网页之间产生一种交互，来改变页面或者触发任务。行为事实上是由预先编写好的JavaScript代码构成。一个行为是由一个事件和一个动作构成。任何一个动作都需要一个事件激活，两者相铺相成。行为有3个重要局部：对象、事件和动作。对象是产生行为的主体，许多网页元素都可以成为对象，如图片、文字、多媒体文件等。事件是触发动态效果的条件，它可以被添加到各种页面元素上，也可以被添加到HTML标签中。不同的浏览器支持的事件种类和数量不一样，通常高版本浏览器支持更多的事件。行为通过动作来完成动态效果，动作是一段JavaScript代码，在Dreamweaver中使用置的行为，系统会自动向页面中添加JavaScript。Dreamweaver8置了很多行为动作，形成一个JavaScript程序库。除此之外用户还可以到Macromedia官方下载并安装更多的行为。如果用户熟悉JavaScript语言，也可以设计自己的行为，添加到Dreamweaver8中。添加行为的准备工作翻开行为面板，便于做进一步的设置。菜单命令：[窗口-行为]，或者组合键Shift+F4.选择添加行为的对象，为其在行为面板中添加行为，并设置合理的事件。关于添加行为的说明在添加行为时，仅在操作的对象有效时才能选择其适应的行为，而有效行为在面板中显示黑色；灰色的局部则意味行为无效。一个对象可以通过行为面板中的“获取更多行为〞，获得在线提供的行为；也可以通过“调用Javascript〞来添加外部已经编写的行为。编辑行为时，选择一个添加了行为的对象，如果要改变动作参数，可以选中该行为，然后单击右键，在弹出菜单中重新进展编辑。如果要修改动作的事件，可以在事件列表中单击该事件，然后在下拉事件列表中进展选择。应用行为在网页中适当地添加行为，可以起到动态效果并使用户与网页之间具有交互性。交换图像行为说明：交换图像行为既可以将一个图像与另一个图像进展交换，也可以交换多个图像。操作要点：1〕使用交换图像行为之前，应先插入一个图像并且将其选中作为行为的对象。2〕交换时应换入与原图像具有一样高度和宽度大小的图像，以使其适应初始化图像的大小。演示视频：翻开浏览器窗口行为说明：使用翻开浏览器窗口动作可以使得单击*个时翻开一个新的窗口，用来显示目标文件，窗口大小、名称和属性由用户设置。窗口属性主要包括：导航工具栏、菜单条、地址工具条、滚动条、状态栏、调整大小手柄。操作要点：可以基于图像或者文字，一般用于缩略图模式浏览网页时，同该该行为显示缩略图对应图片更为详细的信息；也可以直接作用于页面，但事件只能指定为“Onload〞。〔IE浏览器〕演示视频：弹出信息行为说明：给网页一个弹出信息窗口，予以提示。操作要点：一般用将该行为用于页面，事件直接指定为“Onload〞。演示视频：改变属性行为说明：改变属性动作构成的行为来动态地改变*个对象的属性，例如改变层的背景或者图像的大小。一般来说，这个行为能够改变的属性决定附加动作的对象和浏览器的类型。可以使用该行为修改属性的对象有层、图像、表单以及表单中的各元素。操作要点：演示视频：设置文本行为说明：设置文本行为包括4种：设置层文本，以指定容替换*一页上存在的层的容和格式，该容可以包括任何有效的HTML源代码，但是保存层的属性和颜色。还可以在文本框中嵌入任何有效的JavaScript函数调用、属性、全局变量或其他的表达式。如果要嵌入JavaScript代码，应将其放置在大括号。如果要显示大括号，在它前面加一个反斜杠即可。设置文本域文字设置框架文本设置状态栏文本，行为可以设置浏览器窗口左下端状态栏中显示当前状态的提示信息。操作要点：前三种文本设置必须在一定的条件下，比方设置层文本时必须在[设计]窗口中创立层，而后一种可以在任何状态下添加的行为。如果同时存在多个层，则在[设置层文本]对话框的[层]下拉列表中选择目标层演示视频：拖动层行为说明：如果在网页中添加拖动层动作，首先在网页中绘制层，并在层插入图片或文字，然后点击行为选择拖动层，完成对话框设置。操作要点：[根本]选项卡参数名称及功能描述名称功能描述层在下拉菜单中选择要拖动的层名称移动限制对滑动控制或者可以移动的布景，一般选择该项，这样可以将层的移动限制在一定的区域不限制如果要设计拼图或者拖动、放下的游戏，可以选择此项，表示不限制层的移动围放下目标在文本框中输入数值，是相对于浏览器左上角的距离，用于确定该层的目的点坐标靠齐距离输入一个值，只有当层被拖动到目的点距离小于此数值时，层才会被认为移动到了目的点并且自动拖放到指定目的点上去拖动层高级选项卡中参数名称及功能描述名称功能描述拖动控制点整个层在层上的任意一点都可以拖动层层区域在文本框中指定拖动层中的*个区域，层才能被拖动拖动时将层移至最前在层拖动时将层移动到最前面，然后在其下拉菜单中选择“留在最上方〞表示拖动后将层停留在最前方；或者选择“恢复z轴〞表示拖动后返回到原来在栈中的层次呼叫JavaScript输入JavaScript代码或者是JavaScript函数名，当层被拖动时，这个函数和代码会不断地被重复执行放下时输入JavaScript代码或者函数名称。当访问者松开鼠标时，就会执行这个方框中所指明的JavaScript代码或者函数只有在靠齐时选中该复选框，只有当层放下并且到达指定的位置后才执行该行为中的JavaScript代码和函数演示视频：显示-隐藏层行为说明：显示-隐藏层利用页面上的各种事件显示、隐藏或者恢复层原本的可见性属性，还可以控制多个层的显示。该行为命令常常被用来显示提示信息，操作要点：产生该行为的层初始状态需设为隐藏，再设置触发行为的事件，其中要注意设置一个事件触发显示行为，也要同样设置一个事件触发隐藏行为。演示视频：应用时间轴行为说明：应用时间轴可以在不同的时间部位放置不同的容或者添加相应的行为，就可以让对应的时间发生对应事件。操作要点：时间轴的修改〔延长动画时间、改变关键帧速度、添加或删除帧、改变动画路径、调整播放模式〕演示视频：HTMLHTMLHTML指的是超文本标记语言(HyperTe*tMarkupLanguage)HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页HTML标签〔HTMLtag〕HTML标签是由尖括号包围的关键词，比方<html>HTML标签通常是成对出现的，比方<b>和</b>标签对中的第一个标签是开场标签，第二个标签是完毕标签，开场和完毕标签也被称为开放标签和闭合标签HTML文档=网页HTML文档描述网页HTML文档包含HTML标签和纯文本HTML文档也被称为网页整个页面由〈html〉标注，页面又分文档头和文档体，分别对应标签<head>和<body>标注。HTML元素HTML元素以开场标签起始<标签>HTML元素以完毕标签终止</标签>元素的容是开场标签与完毕标签之间的容*些HTML元素具有空容〔emptycontent〕空标签在开场标签中进展关闭〔以开场标签的完毕而完毕，如li〕大多数HTML元素可拥有属性大多数HTML元素可以嵌套〔可以包含其他HTML元素〕。DIVDIV元素是用于分组HTML元素的块级元素，常与CSS设置共同用于网页布局设计。DIV可定义文档中的分区或节〔division/section〕，该标签可以把文档分割为独立的、不同的局部，也意味着它的容自动地开场一个新行。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记<div>，则该标签的作用会变得更加有效。创立Div及其属性设置的视频演示创立DIV的命令插入工具栏：[布局-插入div标签]或者菜单命令：[插入记录-布局对象-div标签]或者代码视图：直接输入<div>并做进一步设置完成上述命令后，通过<div>的class或id应用额外的样式。DIV的重要说明不必为每一个<div>都加上类或id，虽然这样做也有一定的好处。可以对同一个<div>元素应用class或id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组〔类似的元素，或者可以理解为*一类元素〕，而id用于标识单独的唯一的元素。<div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。最好使用<div>元素来组合块级元素，这样就可以使用样式对它们进展格式化。Div标签及说明可选属性值描述alignleftrightcenterjustify不赞成使用。请使用样式取而代之。规定div元素中的容的对齐方式。全局属性：<div>标签支持HTML中的全局属性。CSSCSS即为级联样式表或层叠样式表，通常用名字或者HTML标签表示，在HTML文档中的CSS样式表可以控制大多数传统的文本格式，比方字体、字号以及对齐方式，还可以指定特殊的HTML属性，例如定位、表格样式和特殊效果等。把样式添加到HTML4.0中，解决了容与表现别离的问题，使得网页更新效率更高；同时多个样式定义可层叠。创立CSS及其属性设置的视频演示创立标签的CSS视频演示：创立类的CSS视频演示：创立高级CSS的视频演示：创立行样式表的视频演示：创立外部CSS样式表的视频演示：文字应用CSS的演示:图片应用CSS的演示：表格应用CSS的演示：创立CSS的命令菜单命令：[窗口-CSS样式]，在CSS样式面板中新建CSS或者代码视图：直接编写CSS代码CSS的重要说明样式通常存储在样式表中，分为行样式表、部样式表、外部样式表。行样式表：样式可以规定在单个的HTML元素中，即形如标签<style=〞属性.属性值；属性.属性值〞>部样式表：在HTML页的头元素中，即在<head></head>之间，被<!-->的html注释外部样式表：在一个外部的CSS文件中，即通过定义扩展名为.CSS的文件，使之应用到多个页面文档；可以在同一个HTML文档部引用多个外部样式表。外部样式表可以极大提高工作效率，可同时改变站点中所有页面的布局和外观。CSS的分类：标签选择器：标签定义，全局性〔形式：标签〕类选择器：自定义选族，局部〔形式：.名称〕ID选择器：ID选择，根据ID应用〔形式：*ID〕其中，类选择器的名称不要与系统标签同名。定义形式CSS选择器+{声明；}CSS选择器{声明；}其中，声明格式：属性:属性值;CSS滤镜Alpha滤镜语法：Alpha(Opacity=",FinishOpacity=",Style=",Start*=",StartY=",Finish*=",FinishY=")参数和功能：使对象产生透明度。Blur滤镜语法：Blur(Add=",Direction=",Strength=")参数和功能：使对象产生模糊效果。Chroma滤镜语法：Chroma(Color=")参数和功能：*个颜色变透明。这个功能对图片的支持不是很好。Dropshadow滤镜语法：DropShadow(Color=",Off*=",OffY=",Positive=")参数和功能：阴影效果。这个功能对图片的支持不是很好，普遍用于文字。FlipH、FlipV滤镜无任何参数。FlipH使对象产生水平翻转效果；FlipV使对象产生垂直翻转效果。Glow滤镜语法：Glow(Color=",Strength=")参数和功能：使对象的外轮廓产生一种光晕效果。一般用于文字效果。Gray滤镜无任何参数。使图片由彩色变为灰白色调。Invert滤镜无任何参数。使图片产生照片底片的效果。Light滤镜语法：Light(")参数和功能：模拟光源的投射效果。不过要通过调用方法来实现，这就需要用到Javascript动态滤镜编程。在这里就不细说了。Mask滤镜语法：Mask(Color=")参数和功能：在对象上建立一个覆盖于外表的膜。对图像的支持不好，普遍用于文字。Shawdow滤镜语法：Shadow(Color=",Direction=")参数和功能：与dropshadow非常相似，也是一种阴影效果。dropshadow没有渐进感，shadow有渐进的阴影感。*-ray滤镜无任何参数。使图片只显示其轮廓。Wave滤镜语法：Wave(Add=",Freq=",LightStrength=",Phase=",Strength=")参数和功能：使对象在垂直方向上产生波浪的变形效果。除了这些之外，css还包含两种动态滤镜，BlendTrans混合转换滤镜和Revealtrans显示转换滤镜。这两类滤镜不能单独在html中调用，必须要结合在scripts程序中，由spripts程序对其进展控制。DIV+CSS综合典型案例CSS布局与table表格式布局是两种完全不同的布局方式。DIV是*HTML中指定的，专门用于布局设计的容器对象。在CSS不布局中，Div则是这种布局方式的核心对象。使用CSS布局则完全不同，设计者首先考虑的不是如何分割网页，而是从网页容的逻辑关系出发，区分出容的层次的重点。然后根据逻辑关系，把网页的容使用<div>或其他的HTML标记组织好，再考虑网页的形式如何与容相适应。下面简单介绍几种常见的网页布局形式。Div标签作为页面元素的主要容器，可容纳所有子Div标签、图像和文字等容，并根据具体需要对各子Div标签和对象进展格式化。设计者要能灵活掌握Div+CSS准确定位页面元素的排版技术，创立布局合理、美观的网页。通常用Div标签来定义网页上的一个特定的区域，将文字、图片和表格等网页元素放到此区域中，再用CSS对该Div标签定义的区域进展定位和样式的设置。CSS样式表不仅是定义页面样式的最正确工具，同时也具有准确地定位独享的控制能力，因此，它成为不可多得的网页布局工具。为了提高设计效率，可以事先定义好布局所需的CSS样式规则，然后在“插入Div标签〞对话框中应用。使用这种方法排版的网页中的代码简洁且更新方便，更能兼容更多的浏览器。典型案例其他网页元素音频音效在网页动画中有画龙点睛的作用，使网页给访问者留下深刻的印象。Dreamweaver提供了多种在网页中插入声音的方法，比方之间插入法和代码法等。网页中常用的音频格式比拟多，通常使用的主要有MP3、WMA、RM、MID以及AIF等格式的音频。其中MID文件一般只用来做网页的背景音乐。下表描述了一些常见的声音文件格式以及每种声音格式用于Web设计时的优点和缺点。音频格式用于网页设计时的优缺点.midi或.mid(电子乐器化数据接口)主要用于电子乐器音乐。很多浏览器不用插件也可以支持MIDI文件。虽然其声音品质非常好，但同时也取决于来访者声卡的好坏。一个非常小的MIDI文件也可以提供相当长的声音剪辑。MIDI文件不能录制，必须在计算机上使用特殊的硬件和软件进展人工合成。.wav(波形扩展)该文件有好的声音品质，很多浏览器不用插件也可以支持WAV文件。也可以从CD、磁带、麦克风等输入设备录制自己的WAV文件。然后其庞大的文件尺度限制了在Web页上使用声音剪辑的长度。.aif(声音交换文件格式，或AIFF)和WAV格式一样，它也有非常好的声音品质，很多浏览器不用插件也可以支持AIF文件。也可以从CD、磁带、麦克风等输入设备录制自己的AIF文件。然后其庞大的文件尺寸限制了在Web页上使用声音剪辑的长度.mp3(电影庄家组声音，或者MPEGAudioLayer-3)一种声音文件大小有实质性缩小压缩格式。其声音品质非常好。如果正确录制和压缩MP3文件，其声音品质可以和CD媲美，新技术可以将文件“流式化〞，这样来访者就无须等待下载并安装一个辅助应用程序或者插件，比方QuickTime、WindonwsMediaPlayer或者RealPlayer。.ra、.ram、.rpm或RealAudio有非常搞的压缩比，所以比MP3文件还要小。完整的歌曲文件可以在较短的时间完成下载。由于该类文件可以从一个普通的Web效劳器上“流式〞播放，所以来访者可以在文件还没完全下载之前变开场欣赏音乐。这类文件音质不如MP3，但是最新版本的播放器和解码器已经极大提高了声音品质。来访者必须下载并安装RealPlayer应用程序或者辅助插件来播放这些文件。命令操作：代码输入法背景音乐是在浏览网页时听到的背景声音，它一般不需要控制，播放的方式为循环播放。<BGSOUND>标签添加到网页文件的><head><head>之间，设置好背景音乐的路径就可以了。行为插入法在Dreamweaver中，还有最直接的方法在网页中插入音乐，利用这种方法既可以将其设置为网页背景音乐，还可以将其设置为在线音乐，这种方法就是利用Dreamweaver中[行为]面板中的[播放声音]命令。但高版本Dreamweaver已经不建议使用该方法。插入音频演示视频越来越多的为了吸引浏览者的目光，在中添加了视频，例如商业将其产品介绍制作成视频放在中，或者将公司的新闻拍摄成视频放置在中，而很多音乐也是通过网络中的MTV视频传播流行的。在Dreamwaver中可以通过不同的方式插入不同格式的视频，比方输入一段代码，或者利用Active控件、Shockwave影片以及FlashVideo等。插入Active*Active*技术的前身是OLE技术，但是只是为了开展一种小型的可以从网络上快速下载的可重用组件。在网页中添加一些不同功能的Active*控件，就可以播放视频、显示试算表容等，只要浏览者的浏览器支持Active*控件的功能，就会自动下载并且执行它。Dreamweaver中的Active*对象允许用户在网页访问者的浏览器中为Active*控件设置属性和参数。Dreamweaver使用Object标签来标识网页中Active*控件出现的位置，并且为该Active*控件提供参数。插入工具栏：[常用-Active*]插入ShockwaveShockwave影片是Macromedia网上交互多媒体的标准，是一种允许用Macromedia的Director软件创立的媒体文件，能够快速下载并能被大多数浏览器播放的压缩格式。播放Shockwave影片的软件创立的媒体文件，能够快速下载并能被大多数浏览器播放的压缩格式。播放Shockwave影片的软件既可以作为NetscapeNavigator插件，也可以作为Active*控件。当插入一个Shockwave影片时，Dreamweaver将同时使用object标签和enbed标签，以便在所有的浏览器类型中都获得最正确效果。当在[属性]面板中修改影片时，Dreamweaver将同时对object标签和enbed标签中的参数作适当的修改。插入工具栏：[常用-Shockwave]插入FlashVideoFLV流媒体格式是一种新的视频格式，全称为FlashVideo。从FlashM*2004开场就对其提供了完美的支持，它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好地使用等缺点。插入工具栏：[常用-FlashVideo]插入视频演示Flash文本在Dreamweaver中可以创立只包含文本的Flash文件，这样就可以使用自己设计器的字体和文本创立较小的矢量图形影片。在创立文本超时，不管之前怎样设置文本的颜色属性，在添加后，文本都会变成统一的颜色。Flash文本就不会发送这种情况，并且还可以创立鼠标经过效果。插入工具栏：[常用-Flash文本]或者菜单命令：[插入记录-媒体-Flash文本]关键参数：wmode，值：transparent，作用：使得Flash背景透明注意：1〕要想在Dreamweaver中创立Flash文本，必须新建一个文档并且将其保存。2〕保存的Flash文件名不能包含中文。插入Flash文本视频演示Flash按钮利用Flash按钮对象，用户可以定制和插入一个以及设计好的Flash按钮，即使不会使用Flash软件的用户也可以在Dreamweaver中直接插入Flash动画格式的按钮。现在只需输入文字就可以了，而且要比传统的点阵图文字或者按钮文件更小，效果更漂亮。插入工具栏：[常用-Flash按钮]或者菜单命令：[插入记录-媒体-Flash按钮]关键参数：wmode，值：transparent，作用：使得Flash背景透明考前须知与创立ash文本一样。插入Flash按钮视频演示Flash动画虽然在Dreamweaver中可以直接插入Flash文本和Flash按钮，但是如果想要插入带有动画效果的Flash,就需要利用外部软件制作，然后在Dreamweaver中插入制作的Flash动画。插入工具栏：[常用-Flash]或者菜单命令：[插入记录-媒体-Flash]关键参数：wmode，值：transparent，作用：使得Flash背景透明插入Flash视频演示图像查看器图像查看器，将图片以Flash效果呈现，可以通过点击图片进入页面详细阅读，是一种更为简单的、灵活的Flash动画效果。菜单命令：[插入记录-媒体-图像查看器]属性描述bgColor设置图片播放界面的背景颜色captionColor设置图片的标题颜色captionFont设置图片的标题字体captionSize设置图片的标题字体大小frameColor设置动画框架颜色frameShow设置是否显示框架frameThickness框架的厚度imageCaptions图片标题imageLinks图片地址imageLindTarget窗口翻开方式imageURLs制作的图片浏览器所含有图片的来源位置showControls是否显示控制条titleColo