Dreamweaver表格的使用实训大纲
Dreamweaver表格的使用实训大纲
实训目的:
1. 掌握表格的创建、结构调整与美化方法;
2. 熟悉表格与单元格的主要属性设置方法;
3. 掌握通过表格进行网页布局的方法
实训环境:
计算机、Windows XP、Dreamweaver CS3简体中文版
实训内容:
利用表格制作页面布局
实训过程:
一 、分别找到下列几种网页,写出详细网址,并简述每种布局的特点
1.“同”字型
2.“T”字型结构布局
3.标题正文型
4.左右框架型
5.上下框架型
6.综合框架型
7.封面型
8.Flash型
二 、通过上面的观察,写出你的欣赏的布局 三 、制作技巧:
1) 使用表格还是单元格
在网页中使用表格,特别是嵌套表格,其代价是降低页面的下载速度,一般情况下不使用嵌套表格,而是使用单元格来代替。但单元格之间有一个配合问题,修改一个单元格的属性,很可能会牵扯到其他单元格,所以为避免这种情况,有时宁愿使用嵌套表格。
2) 使用百分比还是像素
网页最外层表格,通常用像素作为单位;嵌套表格,则百分比和像素都可以。
3) 细线表格的制作
如果仅仅是定义表格的边框为1(border="1")和边框颜色值(如borderColor="#000000"),表格线其实是2px的,要做细线表格,方法如下:
第一步:在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果):
第二步:选中表格,在属性面板中设置表格的背景颜色:
第三步:光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色:
完成后效果如图:
思考题:
1、 如何制作带有颜色的细线?
2、 定义表格宽度时使用百分比还是像素?