论坛交流
首页| 办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库 |  Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

Dreamweaver 4 简明教程(七、网页的排版)

文章类别：Dreamweaver | 发表日期:2008-9-18 10:49:03
七、网页的排版

　　表格的使用


　　表格是网页的一个非常重要元素，因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格的是网页制作中最为重要的一个技巧，表格运用得好坏，直接反映了了网页设计师的水平。


　　点击对象面板的 ，看到如下的对话框：



　　① Rows：表格的行数；Columns：表格的列数；

　　② Width：表格的宽度，单位可以是Pixels（像数）或Percent（百分比）。按像素定义的表格大小是固定的，而按百分比定义的表格，会按照浏览器的大小而变化。后面会继续深入讲解两种定义方法的区别；

　　③ Border：表格线的宽度；

　　④ Cell Padding：单元格间距；Cell Spacing：单元格边距。所谓的单元格，就是表格里面的每一小格。

　　按照如图的设置后，就得到下面这个表格：



　　在表格线上点一下，可以全选整个表格，此时可在属性面板看到：



　　① Rows，Cols：表格的行和列；

　　② W，H：表格的宽和高，通常情况下，我们都不会定义表格的高度；

　　③ CellPad，CellSpace：单元格间距和单元格边距；Border：表格线的宽度；

　　④ Ailgn：表格的对齐方式，可以将表格靠左（Left）、置中（Center）、靠右（Right）

　　⑤ ：消除行的高度设置；
　　　 ：消除列的宽度设置；
　　　 ：将表格宽度的设置由百分比转换为像素；
　　　 ：将表格宽度的设置由像素转换为百分比；

　　⑥ Bg Color：设置表格的背景颜色；

　　⑦ Brdr Color：设置表格线的颜色；

　　⑧ Bg Image：设置表格的背景图，假如设置了背景图，背景颜色就失效了；点击后面的公文包按钮选择背景图；


　　假如我们把光标移到其中一个单元格，此时看到的属性面板又有所不同：



　　① ：合并单元格（之前要先选择相应的需要合并单元格）；
　　　 ：拆分单元格，拆分为多行或多列；

　　② Horz：单元格内部的水平对齐方式，作用与 类似；
　　　 Vert：单元格内部的纵向对齐方式；

　　③ W，H：单元格的宽度与高度；

　　④ Bg：单元格背景图；

　　⑤ Bg：单元格背景颜色；

　　⑥ Brdr：单元格边框颜色。
视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058