当前位置：首页 -> 网页设计 -> DREAMWEAVER -> Dreamweaver 4 简明教程(七、网页的排版)

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

时间： 2021-07-31 作者：daque

七、网页的排版　　表格的运用　　表格是网页的一个特殊要害元素，由于html自己并没有供给更多的排版本领，咱们常常就要借助表格实行网页的精致排版。不妨说表格的是网页创造中最为要害的一个本领，表格应用得是非，径直反应清楚网页安排师的程度。　　点击东西面板的，看到如次的对话框：

dreamweaver 4 简明教程(七、网页的排版)图1

　　① rows：表格的行数；columns：表格的列数；　　② width：表格的宽窄，单元不妨是pixels（像数）或percent（百分比）。按像素设置的表格巨细是恒定的，而按百分比设置的表格，会依照欣赏器的巨细而变革。反面会连接深刻解说两种设置本领的辨别；　　③ border：表格线的宽窄；　　④ cell padding：单位格间距；cell spacing：单位格边距。所谓的单位格，即是表格内里的每第一小学格。　　依照如图的树立后，就获得底下这个表格：

dreamweaver 4 简明教程(七、网页的排版)图2

　　在表格线上点一下，不妨全选所有表格，此时可在属性面板看到：

dreamweaver 4 简明教程(七、网页的排版)图3

　　① rows，cols：表格的行和列；　　② w，h：表格的宽和高，常常情景下，咱们都不会设置表格的莫大；　　③ cellpad，cellspace：单位格间距和单位格边距；border：表格线的宽窄；　　④ ailgn：表格的对齐办法，不妨将表格靠左（left）、置中（center）、靠右（right）　　⑤ ：取消行的莫大树立；　　　：取消列的宽窄树立；　　　：将表格宽窄的树立由百分比变换为像素；　　　：将表格宽窄的树立由像素变换为百分比；　　⑥ bg color：树立表格的后台脸色；　　⑦ brdr color：树立表格线的脸色；　　⑧ bg image：树立表格的后台图，即使树立了后台图，后台脸色就作废了；点击反面的公函包按钮采用后台图；　　即使咱们把光标移到个中一个单位格，此时看到的属性面板又有所各别：

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

　　① ：兼并单位格（之前要先采用相映的须要兼并单位格）；　　　：拆分单位格，拆分为多行或多列；　　② horz：单位格里面的程度对齐办法，效率与一致；　　　 vert：单位格里面的纵向对齐办法；　　③ w，h：单位格的宽窄与莫大；　　④ bg：单位格后台图；　　⑤ bg：单位格后台脸色；　　⑥ brdr：单位格边框脸色。

dreamweaver 4 简明教程(七、网页的排版)图5

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

相关推荐

推荐下载

热门阅览

最新排行