Dreamweaver 4 简明教程七、网页的排版
-
七、网页的排版
表格的使用
表格是网页的一个非常重要元素，因为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：单元格边框颜色。
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
- 文章评论
-
热门文章 没有查询到任何记录。
最新文章
CSS优雅的公布栏源码
高级CSS选择器的使用
将网站（主页）变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介
人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度
查看所有0条评论>>