电子商务网站建设与管理-电子版第五章题库.ppt

4）插入列表。列表分为两种：有序列表和无序列表。无序列表没有顺序，每一项前边都以同样的符号显示；有序列表前边的每一项有序号引导。在文档编辑窗口选中需要设置的文本，在属性面板中单击按钮，则选中的文本被设置成无序列表；单击按钮，则被设置成有序列表。 5）插入水平线。水平线起着分隔文本的排版作用。选择快捷工具栏的“HTML”选项，单击HTML栏的第一个按钮，即可向网页中插入水平线。选中插入的这条水平线，可以在属性面板对它的属性进行设置。 6）插入时间。在文档编辑窗口中，将鼠标光标移动到要插入日期的位置，单击常用插入栏的“日期”按钮，在弹出的“插入日期”对话框中选择相应的格式即可插入日期。 3、图像和音频的插入 （1）图像的插入 目前，互联网上支持的图像格式主要有GIF、JPEG和PNG，其中使用最为广泛的是GIF和JPEG。 1）插入图像 制作网页时，要先构想好网页布局，并在图像处理软件中将需要插入的图片 第五章 利用Dreamweaver CS6设计网页 四、Dreamweaver CS6的基本操作 进行处理，然后存放在站点根目录下的文件夹里。插入图像时，将光标放置在文档窗口需要插入图像的位置，然后单击常用插入栏的“图像”按钮，如图5-25所示。 在弹出的“选择图像源文件”对话框中（见图5-26），选择图片，单击“确定”按钮，就把图像插入到网页中了。 第五章 利用Dreamweaver CS6设计网页 四、Dreamweaver CS6的基本操作 图5-25 插入图像 图5-26 选择图像源文件 需要注意的是，如果在插入图片的时候没有将图片保存在站点根目录下，则会弹出如图5-27所示的对话框，提醒创建者要把图片保存在站点内部，这时单击“是”按钮。然后，选择本地站点的路径将图片保存，图像也可以被插入到网页中，如图5-28所示。 2）设置图像属性 选中图像后，属性面板中会显示图像的属性，如图5-29所示。 第五章 利用Dreamweaver CS6设计网页 四、Dreamweaver CS6的基本操作 图5-27 将图片保存到根目录下 图5-28 复制文件 图5-29 图像属性 属性面板的左上角，显示当前图像的缩略图，同时显示图像的大小。缩略图 右侧有一个文本框，其中可以输入图像标记的名称。 图像的大小是可以改变的。如果我们的电脑安装了Adobe fireworks软件，那么单击属性面板“编辑”旁边的，即可启动FW并对图像进行缩放等处理。当图像的大小改变时，属性栏中“宽”和“高”的数值会以粗体显示，并在旁边出现一个弧形箭头，单击它可以恢复图像的原始大小。 “水平边距”和“垂直边距”文本框用来设置图像左右和上下与其他页面元素的距离。“边框”文本框用来设置图像边框的宽度。默认的边框宽度为0。“替代”文本框用来设置图像的替代文本。创建者可以在框中输入一段文字，当图像无法显示时，将显示这段文字。 单击属性面板中的对齐按钮，可以分别将图像设置成浏览器居左对齐、居中对齐、居右对齐。 属性面板中，“对齐”下拉列表框用来设置图像与文本的相互对齐方式，共有10个选项。通过它们，创建者可以将文字对齐到图像的上端、下端、左边和右边等，从而可以灵活地实现文字与图片的混排效果。 3）插入其他图像元素 第五章 利用Dreamweaver CS6设计网页 四、Dreamweaver CS6的基本操作 单击常用插入栏的“图像”按钮，可以看到，除了第1项“图像”外，还有“图像占位符”“鼠标经过图像”“导航条”等项目。 ?插入图像占位符。布局页面时，如果要在网页中插入一张图片，可以先不制作图片，而是使用占位符来代替图片位置。首先，单击下拉列表中的“图像占位符”，打开“图像占位符”对话框。然后，按设计需要设置图片的宽度和高度，并输入要插入图像的名称，单击“确定”，图像占位符就插入好了。插入图像占位符的操作如图5-30所示。 ?插入鼠标经过图像。鼠标经过图像实际上由两个图像组成，即主图像（当首次载入页时显示的图像）和次图像（当鼠标指针移过主图像时显示的图像）。两张图像的大小要相等，如果不相等，DW将自动调整次图像的大小，使之跟主图像大小一致。插入鼠标经过图像如图5-31所