项目二FAQ网站首页制作.ppt

项目二 FAQ网站首页制作 知识目标 教学任务 重点与难点 操作流程+知识点 操作流程+知识点 操作流程+知识点 操作流程+知识点 操作流程+知识点 操作流程+知识点 操作流程+知识点 操作流程+知识点 谢谢大家！ 院系：广东女子职业技术学院经贸系 主讲：陈义文 模块6 表格排版网页 熟记流动字幕标记，掌握常用的几个属性，能自如地控制字幕的流动方向、流动速度、流动面积等 2 掌握cellpadding、cellspacing、bordercolorlight、bordercolordark等属性对页面进行高级排版的技巧 3 1 任务 使用表格排版技术，书写XHTML源代码，设计和排版网页效果 掌握表格对页面高级排版的技巧 1 熟悉流动字幕标记及其常用属性的用法 3 2 步骤1 在某盘符（D盘）创建一个空文件夹，用学号命名，作为站点文件夹 步骤2 提供所需图片素材，并共享出来，供学生拷贝 步骤3 使用标记table、tr、td在页面中插入一个三行一列的表格，并设置其宽度等相应的属性值。 步骤4 介绍cellpadding、cellspacing、bordercolorlight、bordercolordark等表格常用属性的用法，并提出操作注意事项 4．表格的高级排版 知识点 表格标记 （1）cellpadding和cellspacing cellpadding和cellspacing是用于控制表格边线及边线与文字距离的属性，cellpadding的意义是“单元格边距”，即tr和tr的距离，或解释为表格边框与单元格内文字之间的间距，默认值为1；cellspacing的意义是“单元格间距”，即table和tr的距离，或解释为表格边框自身的宽度，默认值为2。 4．表格的高级排版 知识点 表格标记 （2）bordercolorlight和bordercolordark Bordercolorlight用于设置表格边框亮部的颜色，bordercolordark用于设置表格边框暗部的颜色 4．表格的高级排版 知识点 表格标记 （3）rules Rules是表格内部分隔线的属性，它有三个值cols、rows、none，当rules=cols时，表格会隐藏横向的分隔线，也就是浏览者只能看到表格的列；当rules=rows时，就隐藏了纵向的分隔线，浏览者只能看到表格的行；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏，浏览者就只能看到一个表格的外框了 4．表格的高级排版 知识点 表格标记 （4）frame Frame是表格外部分隔线的属性。表格外边框的显示与隐藏，是可以用frame参数来控制的。该属性只对表格的外边框起作用，对内部边、线不起作用。 步骤5 在表格中的第1行、第3行加入提供的顶部图片和底部图片，在第2行嵌套一个1行2列的表格，并设定相关表格属性 步骤6 在嵌套的表格中插入相应的图片素材和文本内容 步骤7 使用标记marquee在页面中插入一个字幕，设置字幕滚动速度、滚动方向等属性 步骤8 简介标记marquee的用法 步骤9 1、保存页面，并预览页面效果 字幕标记 知识点 字幕标记 字幕标记的格式为： marquee behavior=scroll|side|alternate bgcolor=颜色值 loop=数值 direction=up|down|left|right height=高度 width=宽度 scrolldelay=数值 scrollamount=数值 onMouseOut=start() onMouseOver=stop() 流动的文字或图片 /marquee