第三章_网页的排版和布局（一）使用表格布局网页（课件）.pptVIP

Marquee的各个参数 align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。 Bgcolor：用于设定活动字幕的背景颜色，可以使用英文的单词也可以是十六进制数的。 Direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。 Behavior：用于设定滚动的方式，主要由三种方式：???? behavior=scroll表示由一端滚动到另一端；???? behavior=slide:表示由一端快速滑动到另一端，且不再重复；??? ?behavior=alternate表示在两端之间来回滚动。 Height：用于设定滚动字幕的高度。 Width：则设定滚动字幕的宽度。 Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。 Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。 scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。 Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。其中默认情况是向左滚动无限次，字幕高度是文本高度；滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。 实例9 利用表格布局网页2 实例9 利用表格布局网页 参考步骤 1.设置index.html页面属性：字体为宋体，大小14px，颜色#000，背景颜色#FFF“关于我们” 2.插入3行2列表格，宽为974px，其他设置为0。 3.合并第1行第1列第2列单元格，插入图像index_r1_c1.gif；合并第1列第2行第3行单元格，插入图像index_r2_c1.gif； 实例9 利用表格布局网页2 4.光标定位于第2列第3行单元格中，插入图像index_r5_c2.gif；光标定位于第2列第2行单元格中，插入1行2列表格，宽度设为100%，其他设置为0，并在第2列单元格中插入图像index_r2_c4.gif，调整单元格宽度，同时设置图像右对齐。 5.在相应位置输入文字内容，编辑格式，完成图文混排。 6.保存，预览。 实例7 利用表格布局网页 操作设计要点： 1.在相应位置插入3行1列表格，宽度为669像素； 2.在第1行单元格中，插入图像banner.jpg；第2行单元格插入图像button.jpg；第3行单元格中插入2行1列的表格； 3.在第1行单元格中插入1行1列表格，宽度550像素，居中对齐，填充0，间距0，输入文字，设置大小13像素，颜色#3a7c7c,加粗 4.在第2行单元格中插入图像cor.jpg，水平方向居中对齐。 实例8 利用表格布局网页 根据提供素材，完成如下网页。 实例8 参考步骤 1.新建空白文档，设置页面属性，背景图像为bj.gif 2.插入1行3列，宽为750像素，居中对齐，边框为0，背景颜色为#FFFFFF（白色） 3.选中左侧单元格，输入“千卉花店”，设置文本为华文行楷，大小36像素，颜色为#FF0000，单元格水平居中对齐，垂直居中对齐 4.在中间单元格插入图片banner.gif 5.在右侧单元格插入3行1列表格，宽度为100像素，边框为0，输入相应文字，设置字体为隶书，颜色为#FF0000，水平居中对齐。 ※至此完成头部 实例8 参考步骤 6.下一行插入1行8列表格，设置其属性，宽750像素，高25像素，居中对齐，边框为0，背景图像为B_bg1.gif 7.输入相应文字，设置文字大小12像素，颜色#FF0000，居中对齐 ※至此完成导航部分 8.下一行插入2行2列表格，设置其宽度750像素，边框为0，背景颜色为#FFFFFF,居中对齐 9.选择表格第1行，合并单元格，输入“当前位置：千卉花店首页”，大小12像素 10.在下一行左侧单元格中，插入6行1列表格，设置其宽度150像素，边框为0 实例8 参考步骤 11.在第一行单元格中，输入“最新消息”，设置文本为12像素，单元格高25像素，水平为居中对齐，背景图像为B_bg1.gif 12.在第二行单元格输入相应文字，设置大小12像素，颜色为#FF0000。在代码视图下，添加如下代码：marquee scrollamount=2 height=100 direction=up为迎接情人节的到来，本店特推出“爱你在心中”系列鲜花，数量有限，望广大新老客户莫失良机。订购电话：139****0544/marquee 13.同步骤11设置“客户服务” 14.在下一行单元格中，插入6行1列表格，宽度为150像素，边框为0，字体为12像素，颜色为#FF0000，文本框高25，水平居中对齐。 15.同步骤1