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、  定义表格宽度时使用百分比还是像素?

Copyright © 2007-2012 www.chuibin.com 六维论文网 版权所有