第五讲 表格的应用
一、教学内容:
1、表格的创建 2、表格属性的设置 3、水平线的制作
二、教学难重点
重、难点:表格的应用 ●授课具体内容
一、表格的基本应用(页面布局)
1、表格的创建 1)插入表格 2)表格参数的设置 a、表格的大小 b、表格的对齐方式 c、边框的粗细 d、合并单元格
e、消除单元格之间的空隙
填充:边框与内容的距离 间距:边框与边框的距离 f、合并单元格与拆分单元格(矛盾) 2、表格的自动扩张
3、表格在使用中的建议 1)、慎用“拆分单元格”的命令
2)、在制作复杂表格时,尽量使用表格的嵌套而不是用“拆分单元格”
3)、在网络运行时,表格的单位越小,网页的运行速度越快,因此在使用表格时,尽量使用小单元的表格。
二、水平线(或垂直线)的制作方法
1、利用Photoshop制作水平线(或垂直线)的图像,然后再加载到网页中
2、使用Dreamweaver 8.0中的水平线制作
3、利用单元格制作水平线(或垂直线),步骤如下: 水平线:
1)设置水平单元格的背景颜色(即水平线的颜色) 2)将单元格的高度设置为1px
3)进入到代码视图,将代码“ ”(空格行)删除 垂直线:
1)设置垂直单元格的背景颜色(即垂直线的颜色) 2)将单元格的宽度设置为1px
3)进入到代码视图,将代码“ ”(空格列)删除
三、设置超级链接
四、对网页进行完善
1、联系我们:
mailto:toyato79@tom.com 2、关于我们: 3、加入收藏夹:
1)选中“加入收藏夹”,打开属性面板,在链接中输入字符“#”
2)打开代码视图,将代码: 修改为:
onClick=\o.com','欢迎进入toyato网站')\加入收藏夹 4、设为首页:
1)选中“设为首页”,打开属性面板,在链接中输入字符“#”
2)打开代码视图,将代码: 修改为:
onClick=\his.setHomePage('http://www.toyato.com')\设为首页
注:表格的边框属性
实 验 报 告 (实验报告四)
实验时间:
一、实验题目:利用表格制作网页 二、实验目的与要求:
掌握表格的嵌套、合并单元格,拆分单元格、表格属性的设置,制作如下图所示的界面:
设置与我联系、加入收藏夹、设为首页的代码;设置相应项目的超级链接 三、实验步骤: