第4章 网页制作初步精要.ppt

5．插入列表 列表是基于段落的。 列表分为两种：有序列表和无序列表。 通过文本缩进和文本凸出可形成多级列表 。 可以修改列表的类型和样式 。 6．滚动字幕 使用marquee标记符可以在网页上创建一个滚动的文本字幕，将滚动的内容放在marquee/marquee之间即可。marquee的参数有： direction 表示滚动的方向，值可以是left，right，up，down，默认为left。 behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）。 loop 表示循环的次数，值是正整数，默认为无限循环。 scrollamount 表示运动速度，值是正整数，默认为6。 scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒。 valign 表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle。 align 表示元素的水平对齐方式，值可以是left，center，right，默认为left bgcolor 表示运动区域的背景色，值是16进制的RGB颜色，默认为白色。 height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度。 hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标移上区域的时候滚动停止，当鼠标移开的时候又继续滚动。 4.4.3 插入水平线和日期 1. 水平线 插入水平线有两种方法： 选择插入工具栏的“HTML”项，单击HTML 栏的“水平线”按钮。 选择菜单“插入”|“HTML”|“水平线”。 属性设置： 2. 日期 插入日期有两种方法： 单击“常用”插入栏的“日期”按钮 选择菜单“插入”|“日期”。 【例4-1】 网页文字编辑实例 4.5 图像 1、插入图像 在制作网页时，先构想好网页布局，在图像处理软件 中将需要插入的图片进行处理，然后存放在站点根目录 下的文件夹里。 插入图像的方法有四种： （1）菜单操作 （2）使用“插入”工具栏 （3）使用“资源”面板操作 注意：该方法适用于将站点中已存在的图像文件插入到网页中。 （4）使用Ctrl+Alt+I快捷键操作。 4.5 图像 注意： 如果在插入图片的时候，没有事先将图片保存在站点根目 录下，会弹出图4-15所示的对话框，提醒我们要把图片复制 进站点根文件夹，这时单击“是”按钮，然后选择本地站点的 路径将图片保存，图像也可以被插入到网页中。 2、设置图像属性 4.5 图像 4.5.3 插入图像占位符 所谓图像占位符就是指图像在尚未编辑完成之前，用于保 留该、图像的位置和尺寸的图像。 插入图像占位符有两种方法： ① 单击常用工具栏上“图像”下拉列表中的“图像占位符”，打开“图像占位符”对话框。 ② 选择菜单“插入”|“图像对象”|“图像占位符”，打开“图像占位符”对话框。 4.5 图像 4.5.4 插入鼠标经过图像 鼠标经过图像是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像。 鼠标经过图像实际上由两个图像组成，主图像（当首次载入页时显示的图像）和次图像（当鼠标指针移过主图像时显示的图像） 【例4-2】网页插入图像实例 在“昆明概况”网页gaikuang.html中插入图像。 【例4-3】网页制作实例 创建网页jindian.html，并添加文字及图片。 4.5.5 插入Fireworks HTML文件 用Fireworks可以导出Fireworks HTML文件，在网页中插 入Fireworks HTML文件方法有两种： ① 单击常用工具栏上“图像”下拉列表中的“Fireworks HTML文件”，打开“Fireworks HTML文件”对话框。 ② 选择菜单“插入”|“图像对象”|“Fireworks HTML文件”，打开“Fireworks HTML文件”对话框。 【例4-4】 网站首页实例制作 4.6 超链接 所谓的超链接是指从一个网页指向一个目标的连接关系， 这个目标可以是另一个网页,也可以是相同网页上的不同位 置，还可以是一个图片，一个电子邮件地址，一个文件，甚 至是一个应用程序。 4.6.1 超链接的类型 在一个文档中可以创建几种类型的链接： 链接到其它文档或文件（如图形、影片、PDF 或声音文件）的链接。 命名锚记链接，此类链接跳转至文档内的特定位置。 电子邮件链接，此类链