当前位置:文档之家› 用表格布局页面的方法和技巧

用表格布局页面的方法和技巧

Page 3
活用表格美化网页
1、一个象素宽的分隔线;
LOGO
有时候在网页排版时,我们需要一条细线,用图片似乎有点劳师动众 了,其实,这个小问题用表格就能搞定。 在Dreamweaver中插入一个一行一列的表格,表格的属性面板设置如 下: 说明:其实就是一个高为“1pix”的表格,需要注意的是表格内不要 有其他任何内容。如果你还需要其他颜色的分隔线,只需要改变表格 的背景色 bgcolor 就可以了。利用这种方法我们还可以制作出细竖 线,将表格的宽该为“1”就可以了。
LOGO
将表格的单元格背景色设 置为白色(从2、3两步可 以看出这里其实是制作了 一个细线边框的表格)。 最后我们就可以在表格里 面填写内容了,我们可以 把这个部分当然一个整体, 复制并粘贴到页面上不同 的地方,当然你也可以改 变整个圆角表格的尺寸, 要做的就是改变圆角图片 和插入表格的尺寸了。
LOGO
用表格布局页面的方法和技巧
计(2)班 张明晶
表格在网页设计Leabharlann 的作用?LOGO表格是现代网页制作的一个重要组成部分。 表格之所以重要是因为表格可以实现网页 的精确排版和定位,还可以利用表格来美 化网页。
当我们使用过表格,把单元格间距归零, 就可以去掉表格边框。
Page 2
LOGO
将一定的内容按特定的行、列规则进行 排列就构成了表格。 无论在日常生活和工作 中还是在网页设计中,表格通常都可以使信 息更容易理解。在Dreamweaver MX中,我 们可以方便地创建出各种规格的表格,并能 对表格进行特定的修饰,从而使网页更加生 动活泼。表格中可以将各种数据(包括文本、 图像、表单、表单域以及其他表格等)排成行 和列,从而获得特定的表格效果。
Page 6
3、两个并列的表格
LOGO
有时候我们需要把两个单独的表格并排排列,但 是当我们连续插入两个表格的时候,表格会自动 分成上下排列,如何解决这个问题呢? 利用表格的嵌套:我们可以先做一个一行两列的 表格,然后在这个表格的每个单元格里在插入一 个表格就行了。 利用表格自身属性:连续插入两个表格后,将第 一个表格(注意,是表格而不是单元格)的align 设置为“left"”就ok了。
Page 7
谢谢观赏
Page 4
2、圆角表格的制作
做两个圆角的图片,这两 个图片可以先做一个图片, 然后用相关软件垂直翻转 一下就行了 在两个图片中间插入一个 背景颜色同图片一样的表 格,长度也设为图片的长 度,将这个表格的 cellpad(设置文字与格 子的距离)设为1,其他 都为0。
Page 5
LOGO
相关主题