文档介绍：第5章网页中的图像和链接
链接的检查
第5章网页中的图像和链接
图像的插入与编辑
使用外部图像编辑器
插入鼠标经过图像
创建超链接
本章学习目标
第5章网页中的图像和链接
图像的应用
网页图像格式
图像的插入
图像的编辑
设置图像大小
移动和复制图像
图片和文本的对齐方式
使用外部图像编辑器
实例制作-在网页中插入鼠标经过图像
创建超链接
超级链接的类型
创建超链接的方法
创建导航条
创建锚点链接
创建E-mail链接
网页中的图像热点链接
创建文件下载的链接
链接的检查
本章小结
课后练习
图像的应用
网页图像格式
、TIF、GIF、JPEG(JPG)、PSD、EPS、WMF等。
,因此,网页中只能使用压缩比非常高的GIF(图形交换格式)、JPG(静止图像压缩格式)及PNG(可移植网络图形)三种格式的图像。
图像的应用
图像的插入
将图像插入到DreamweaverCS4文档时,Dreamweaver会自动在HTML源代码中生成对该图像文件的引用。用在网页上的图像必须保存在当前站点中。
图像的插入
【】下面通过一个具体实例来介绍如何在网页中插入图像。
操作步骤:
(1)启动Dreamweaver,打开“源文件\5\\”网页文件。。
图像的插入
(2)在插入图像位置定位光标。选择“插入”菜单中的“图像”菜单命令,也可以单击插入面板的“常用”选项中的图像按钮,或按Ctrl+Alt+I快捷组合键,弹出“选择图像源文件”对话框。
图像的插入
(3)在该“选择图像源文件”对话框中所需要的图片文件,如图5-3所示。单击“确定”按钮,弹出“图像标签辅助功能属性”对话框,如图5-4所示。
图 5-3
图 5-4
图像的插入
(4)为图片设置替换文字后,在浏览网页时,如果图片未显示出来或者图片无法显示,替换文字就会代替图片出现在网页中;即使图片显示出来了,当鼠标指针停留在图片上时,替换文字也会显示出来,对图片进行说明。
在“图像标签辅助功能属性”对话框中,可以在“替换文本”下拉列表中输入图像的简要替换文本内容,如果对图像的描述说明内容较多,可以在“详细说明”文本框中输入该图像详细说明文件的地址。单击“确定”按钮完成设置。
图像的插入
在大部分情况下,在网页中插入图像时并不需添加“替换文本”,此时可以通过一个设置阻止弹出“图像标签辅助功能属性”对话框,选择“编辑”菜单命令下的“首选参数”命令,打开“首选参数”对话框,在“分类”列表中选择“辅助功能”选项,取消选中“图像”复选框。