网页图像

第七章网页图像互联网上支持的图像格式：GIF、JPEG、PNGJPG：用来显示照片等颜色丰富的精美图像，这种格式的图片在高效压缩的状态下基本不失真。GIF：图像交换格式，在网页中大量用于站点图标Logo、广告条banner以及网页背景图像等，最多支持256种颜色，不适合用作照片类的网页图像。PNG：便携网络图像，集JPEG和GIF格式优点于一身的图片格式。添加图像将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的“图像”按钮。注意：如果我们在插入图片的时候，没有将图片保存在站点根目录下，会弹出下图所示的对话框，提醒我们要把图片保存在站点内部，这时单击“是”按钮然后选择本地站点的路径将图片保存，图像也可以被插入到网页中。设置图像属性选中图像后，在属性面板中显示出了图像的属性在属性面板的左上角，显示当前图像的缩略图，同时显示图像的大小。在缩略图右侧有一个文本框，在其中可以输入图像标记的名称。当图像的大小改变时，属性栏中“宽”和“高”的数值会以粗体显示，并在旁边出现一个弧形箭头，单击它可以恢复图像的原始大小。（不会改变原图像的大小）“水平边距”和“垂直边距”文本框用来设置图像左右和上下与其它页面元素的距离。“边框”文本框时用来设置图像边框的宽度，默认的边框宽度为0。“替代”文本框用来设置图像的替代文本，可以输入一段文字，当图像无法显示时，将显示这段文字。单击属性面板中的对齐按钮，可以分别将图像设置成浏览器居左对齐、居中对齐、居右对齐。编辑：裁剪：改变原图像的大小重新取样：亮度和对比度锐化：图像的边缘更清楚用标签检查器设置图片属性在代码视图下，用HTML语言设置属性插入图像占位符插入图像占位符：在我们布局页面时，如果要在网页中插入一张图片，可以先不制作图片，而是使用占位符来代替图片位置。单击下拉列表中的“图像占位符”，打开“图像占位符”对话框。按设计需要设置图片的宽度和高度，输入待插入图像的名称。鼠标经过图像鼠标经过图像实际上由两个图像组成，主图像（当首次载入网页时显示的图像）和次图像（当鼠标指针移过主图像时显示的图像）。这两张图片要大小相等，如果不相等，DW自动调整次图片的大小跟主图像大小一致。编辑图像热区在属性面板中，有不同形状的图像热区按钮，选择一个热区按钮单击。然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。选中的部分被称作图像热点。选中这个图像热点，在属性面板上可以给这个图像热点设置超链接。制作导航条导航条：多个鼠标经过图像的组合第八章链接的使用超级链接是指站点内不同网页之间、站点与Web之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。超级链接由两部分组成：链接载体和链接目标。许多页面元素可以作为链接载体，如：文本、图像、图像热区、动画等。而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置--锚点。链接路径绝对路径：为文件提供一个完整的路径，包括适用的协议，例如http、ftp，rtsp等，用于引用另一网络服务器上的链接相对路径：用来制作网站的内部链接，可方便地将整个网站进行移植，无需修改文档中的链接路径。根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头创建内部链接在文档窗口选中文字，单击属性面板“链接”后的按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页。拖动“链接”后的按钮到站点面板上的相应网页文件，则链接将指向这个网页文件。直接将相对地址输入到“链接”文本框里来链接一个页面。选中链接文字，shift+拖动插入\超级链接代码法：ahref=url/a目标：Blank：在新窗口中打开链接目标Parent：在父窗口（使用框架时）中打开链接目标Self：在当前窗口中打开链接目标Top：在最顶端的浏览器中打开链接目标外部链接直接输入地址在属性面板中，在“链接”文本框直接输入外部绝对地址使用超级链接对话框常用快捷栏中的“超级链接”按钮创建E－mail链接常用快捷栏中的“电子邮件链接”按钮，在对话框的文本框输入要链接的文本，然后在E－mail文本框内输入邮箱地址属性面板：链接文本框中输入mailto:电子邮件地址？subject=****，邮件主题&cc=邮件地址，抄送&bcc=邮件地址，密件抄送下载链接链接到已有的.exe文件或压缩包这些文件web服务器无法打开执行并将结果返回浏览器锚链接创建命名锚记插入\命名锚记常用插入栏\命名锚记链接到命名锚记选中需要链接锚点的文字，在属性面板中拖动链接后的到锚点上即可。属性面板：链接框中输入#锚记调用不同文件的锚链接属性面板：链接框中输入文件名#锚记第九章添加多媒体内容插入Flash：.swf文件单击常用快捷栏中的媒体按钮，然后在弹出的列表中选择Flash。“选择文件”对话框中选择swf文件插入的Flash动画并不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来表示。插入Flashswf文件在属性面板中设置属性勾选“循环”复选框时影片将连续播放，否则影片在播放一次后自动停止。通过勾选“自动播放”复选框后，可以设定Flash文件是否在页面加载时就播放。在“品质”下拉列表中可以选择Flash影片的画质，以最佳状态显示，就选择“高品质”。“对齐”下拉列表用来设置Flash动画的对齐方式插入Flash按钮插入\媒体\Flash按钮“样式”用来选择按钮的外观，“按钮文本”用来输入按钮上的文字，“字体”和“大小”用于设置按钮上文字的字体和大小，字号变大，按钮并不会跟着改变。“链接”用于输入按钮的链接，可以是外部链接，也可以是内部链接。“目标”用来设置打开的链接窗口。插入Flash文本插入\媒体\Flash文本插入FlashPaper插入\媒体\FlashPaper通过输入宽度和高度（以像素为单位）指定FlashPaper对象在网页上的尺寸。FlashPaper将缩放文档以适合宽度插入Flash视频.Flv文件视频类型：累进式下载视频，边下载边播放，不需要全部下载即可播放外观：播放器的外观检测大小插入其他媒体元素插入Shockwave影片插件：avi视频、mov视频、rm音频视频标签检查器中：hidden=true,autostart=true可作为背景音乐自动播放插入Flash元素Flash元素工具栏修改标签检查器的属性插入注释常用工具栏\注释代码!……注释不会显示在网页中，在代码区可见