网站设计与管理作业一-1.ppt

设置层属性——层的基本操作 (7)设置层的叠放次序 层与其他对象元素不同，它除了具有平面上的上下左右位置外，它还具有垂直的位置，叫做层的叠放次序，即Z轴顺序。 通常情况下先创建的层的Z轴顺序值低，而后创建的层的Z轴顺序依次升高，在网页中Z轴顺序值较大的层会遮盖Z轴顺序值较小的层的内容。 设置层属性——层的基本操作 (7)设置层的叠放次序 只有通过设置层的叠放次序，才能有效地控制内容的显示与隐藏。 方法一：在“属性”面板中修改“Z轴”文本框中的数值，大于原数值则将该层上移，反之小于原数值则将该层下移。 方法二：在“层”面板中直接输入层的Z值或将层直接拖放到所需位置。 方法三：利用“修改|排列顺序|移到最上层（或移到最下层）”菜单命令。 层的使用 层与表格的转换 层只有在较高版本的浏览器中才能正常显示层中的元素。 为了解决这种问题，一般可在编辑网页时采用层布局或者部分页面采用层布局，而在发布网页时再将其转换为表格布局。 需要时，也可以在层和表格之间相互转换，以调整布局和页面优化 层与表格的转换操作 (1)层转换为表格 (2)表格转换为层 说明 层转换为表格后就不能随便移动了。 将表格转换为层时，空的单元格不转换，表格之外的内容也被置于层中。 Dreamweaver不会把重叠的层转换为表格。 作业一 网站设计与管理 题目一 什么是鼠标经过图像？如何制作鼠标经过图像？对选取的图像素材有什么要求（出自第二单元） 在网页中插入图片不仅能起到美化页面的作用，而且图片能更加直观地表现网页的内容。 在网页中的图像一般有两种存在方式，一是作为网页的内容，二是作为网页或其他对象的背景。在网页中插入图像的格式主要有GIF、JPG和PNG 3种。 添加图像 ★ 常用图像格式 (1) GIF图像格式 GIF是网页中大量使用的图片格式之一，该格式的图像文件相当小，并且还可以在网页中以透明的方式显示，但是它最多只能储存256色，所以通常用来显示简单图像及字体。如果图像颜色比较丰富，使用该格式会使图像颜色丢失。 (2) JPEG图像格式 也称为JPG，该格式支持24位真彩色，它精确地记录每一个像素的亮度。在压缩时可以最大限度地保证图像质量，并且文件变小的同时基本不失真，通常用于显示照片等。 (3) PNG图像格式 PNG格式是一种新兴的网络图像格式，它汲取了JPEG和GIF两者的优点，存储形式丰富，兼有GIF和JPEG的色彩模式；它的另一个特点是把图像文件压缩到极限，以利于网络传输，但又能保留所有与图像品质有关的信息；它的第三个特点是显示速度很快；第四，PNG同样支持透明图像的制作。 ★ 插入图像 (1) 直接插入图像 直接插入图像就是将图像直接插入到网页中，它是网页中最常用的图像插入方式，在插入图像时通常将要插入的图像事先保存在站点的某文件夹中，再在Dreamweaver中插入图像。 操作方法：首先将鼠标定位在需要插入图像的位置，然后执行“插入|图像”命令或利用【常用】选项卡中的图像按钮，打开“选择图像源文件”对话框，在对话框中选择图像文件。 (2) 使用占位符插入图像 在网页制作过程中，如果还没想好要插入什么图像时，可以插入图像占位符来解决这个问题。图像占位符在网页中只占据一个位置，当确定插入的图像后再使用图像占位符将图像插入。 操作方法：首先将鼠标定位在要插入图像的位置，然后执行“插入|图像对象|图像占位符”命令或利用【常用】选项卡中的图像按钮，打开“图像占位符”对话框，在对话框中设置图像占位符的“名称”、“宽度”等属性，单击“确定”按钮，插入占位符。双击图像占位符，即可打开“选择图像源文件”对话框进行图像插入。 ★ 创建鼠标经过图像 鼠标经过图像是一种动态图像效果，它由原始图像和替换图像两部分组成。在浏览器中浏览网页时，当鼠标光标移动到原始图像上时将显示替换图像，鼠标移出图像范围时将显示原始图像。在创建鼠标经过图像之前，需要先准备两幅图像(原始图像和替换图像)，且两幅图像大小相同，当图像大小不一致时，Dreamweaver将自动把图像大小调整为一致。 ★ 添加背景颜色或图像 操作方法：在属性面板中选择“页面属性”按钮，然后在打开的对话框中选择“外观”，在“背景颜色”栏中选择输入所需的背景颜色或在“背景图像”栏中选择所需的背景图片。 ★ 设置图像属性 在网页中插入图像后，有时还需要对图像进行设置，如设置图像大小、源文件位置、链接和对齐方式等。选择要设置属性的图像后，在属性面板中即可设置图像属性。 (1) 命名图像名称 在属性面板的“图像”文本框中可以命名或重命名图像。 (2) 添加替换文本 在浏览网页时，为了显