网站设计讲义.pptVIP

* 演示： TG4-Source文件夹中“无序列表“用例 * 演示： TG4-Source文件夹中“有序列表“用例，并演示改变type类型的效果。 * 演示：字体Font的用法，参见TG4-Source文件夹中“字体“用例。强调三个属性： 1)Face字体 2）size 大小 3）color 颜色 * 演示： TG4-Source文件夹中“图片对齐“用例 强调2个属性： 1）align 2）src * 提问：c语言中是不是有些转义字符，有哪些啊？ 回答：学员会提到\n换行，因为回车换行符号没法用字母a－z表示，所以用\n表示这些特殊字符。引出网页中也一样。 1）因为表示标签，有特殊含义，如果希望显示”“ 和”“，怎么办？很简单，用 gt; 现场演示看结果， 这个符号也称为字符实体，相当于C语言中的转义字符。 2）解释其他特殊字符 * 强调： 有分号； * 演示例子：TG4-Source文件夹中“超链接“用例 * 提问：(因为前面讲过)，链接路径分为哪两类？ 引导回答：相对和绝对路径 * 演示： TG4-Source文件夹中“锚链接“用例 * 演示： TG4-Source文件夹中”链接到其他文档的锚链接“ * 演示： TG4-Source文件夹中的“EMail链接” * 强调表格的几个重要组成部分： 1）行 2）列 3）单元格 4）列标题（一般位于第一行或第一列，粗体显示），可选 5）表格标题，可选 * 1.先根据效果图：集体提问，表格是多少行多少列？ 回答：肯定是2行3列。 2.讲解代码：TABLE表示….TR表示…TD表示。 3.为了代码的可读性，象C语言写代码一样，为了显示层次关系， 建议学员写HTML代码时保持一定的缩进，如幻灯片的示例代码所示。 4.演示：TG5-Source文件夹中的“简单表格”用例。 * 讲解要点： 1）表格一般都需要标题，说明表格的内容主题。表格的标题由标签CAPTION设置 设置标题位于表格上方： 　　CAPTION align=top 表格标题 /CAPTION 设置标题位于表格下方： 　　CAPTION align=bottom表格标题/CAPTION 2）同理，表格的第一行或第一列，一般需要加粗突出显示，作为行或列的标题。 设置行或列的标题： TH行或列标题/TH 演示：TG5-Source文件夹中的“表格标题”用例。 * 讲解要点： 1）为了美观大方，表格中的数据一般需要设置对齐方式。 2）设置表格、行或列的对齐方式，修改align属性为right（右对齐），center（居中）或left（左对齐）就可以了，默认为“左对齐”。 本例效果：设置表格居中显示，姓名列“左对齐”，性别列居中，分数列“右对齐”。 演示：TG5-Source文件夹中的“表格对齐”用例。 * 讲解要点： 1）表格的颜色设置： 　　表格的背景色 TABLE bgcolor=颜色值 　　行的背景色　 TR bgcolor=颜色值 列的背景色 TH bgcolor=颜色值或 TD bgcolor=颜色值 颜色值可以采用 RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000, 或者是一些预定义色彩名称：red ，blue，yellow等。 2）表格的尺寸设置： TABLE width=n1 height=n2 其中，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。 例如： TABLE width=200 height=100表示一个长为200像素，宽为100像素的表格。 TABLE width=20% height=10%表示一个长为屏幕的20%，宽为屏幕的10%的表格。 * * * * * * * 提问：我们以前学习的P标段落标签显示时是什么颜色？ 回答：毫无疑问，黑色。 告诉学员： 1）如果把网页内容比喻为一个女孩的话，样式就好比这位女孩穿的衣服。 女孩喜欢用漂亮的衣装来打扮自己，同样，我们的网页也需要华丽的样式来包装。 2）PH1等标签都是默认为黑色白底，如果希望改变这些默认效果，就必须自定义新的样式。 演示：参考TG6-Source文件夹中的”什么是样式“用例。 * 重点提一下：文本属性、边框属性（后面的幻灯片讲”细边框样式时“会用到）。 * * 讲解要点： 1)先讲解链接外部样式表的语法 2）然后讲解步骤 3）按上述步骤演示：参考TG6-Source文件夹中的”链接样式表“用例。 * 告诉学员： 1 ) 操作步骤同链接样式表。 2) 导入和链接两种方式功能一样，没什么大的区别，掌握其中一种就行。 * 告诉学员： 对于某个HTML标签： 1）如果有多种样式，如果规定的样式没有冲