使用Dreamweaver页面布局的一些技巧

1、云南软件开发云南软件开发公司沃德软件htt p:/使用Dreamweaver页面布局的一些技巧Dreamweaver不仅仅是一个良好的页面制作工具，同时他还可以进行精确的页面排版和布局，这一部分我们介绍几个页面布局方面的技巧。1、打开辅助表格。搞过设计的朋友都特别希望能精确的定位网页元素，他 们喜欢每个元素都能按自己的愿望精确的定位。Dreamweaver自带的Grid功能可以有助于这种希望的实现。执行命令 View—Edit Grid打开坐标辅助， 可以选择网格状或者是点状显示，同时打开Snap to Grid，以后插入或添加新xJ的元素时，都会按你的设定精确定位。Col

2、or：匚蘭FCC99Grid SettingsP SKow GridR Snap tc Grid匪Hin不：同jrisels三JDisplay； (t LinesC Dots2、利用表格排版页面技巧。 合理利用Dreamweaver中的表格功能，可以方 便的达到美化页面的目的，下面我介绍几个技巧。1）创建1px边框。有些朋友抱怨Dreamweaver无法做出单像素的表格边框， 其实仔细利用表格的属性面板即可做出这种单像素表格。首先使用Object面板插入一个表格，定义表格宽、高及行数和列数。此时Dreamweaver中插入表格的 默认Cell Pad和CellS pace、Border都为0。

3、在属性面板中定义表格的 Border 为0,CellPad为5（这项可使单元格中的内容与单元格边缘之间保持5个像素）；CellSpace为1 （此项使得单元格之间保持1个项素的间距）。设置表格的背景 色为深色（如#999999）,设置单元格的背景色为浅色（如#FFFFFF。在浏览其 中观察效果即可。2）导入数据表格。有时我们需要将一些在 Execel文件中创建的表格导入 Dreamweaver中，我们可以下将原来的 Execel文件另存为带制表符分隔的.txt 文本文件。在Dreamweaver中执行Insert Tabular Date 打开如下窗口：云南软件开发云南软件开发公司沃德软件ht

4、t p:/2dData File：Ifilt /C l/Dauaikti uid珈OKInsert Tabular DataKelpTable WidihFA to 04广 Set fcant ICel P-addngFormer Top RowHo FQratttifkc *|Delimire*ScKder:CellSpacTio添好各个参数后即可将其中的数据导入 Dreamweaver的一个表格中。3）格式化表格。如果你对重复的设定各个单元格的参数感到厌烦的话，使用Format Table命令可以帮你快速格式化表格，此命令在Comman菜单下，此命令内带多种表格配色方案，你可以选择一种，D

5、reamweaver会自动将色彩方案应用到你选定的表格上。如图：Format TableJim1 SuePat i T otal44311240/iXif4|1510Apr5l|319T目&15|io1338AltRo*fs： GreenftTellow AltRovrs：Bas:c Grey Al tRovrs： Orange AltRovrs： RedAltRowSunset DblEovrs： Cyan DblEoffs；Grey DblEovrs：Light GreenBorder:ITRaw Colors:First:khi teSecond;lorajiEAlternate

6、:Every T*o RowsTT op Row:Align:Center二|Text StylB：|BoldABg Color:1T eKt Color:1Left Col:Align:|UftFText Style:jdOptions:厂 Apply All AlUibutes to TD Tag$ Instead of TR T ags4、表格和层互转。有的朋友喜欢自由自在的安排他的页面内容，总不喜欢 表格的工作方式。其实你完全可以利用灵活的层来安排你的页面内容，当你觉得 满意时再将它转换为表格。选中你需要转换的层，执行命令Modify Co nvert Layers to Table

7、。如图：Convert Layers to TableTable W jMost AccuraterSmallest： Collapse Empty C Less 匸 Pixels 卅ideUse Transpeitt GIFsCenter on PageOKCaiLcelLayout Rf7(71)选择链接的文字或图片。Prevent Layer OverlapsShow Layer PaletteShow gridSnap To Grid5、同时更新多个框架页面。 有是我们需要在点击一个链接时同时更新另外 的两个或多个框架页面内容，这可以通过以下步骤使用Dreamweaver的行为来实 现。2)打开行为面板(Behaviors )，点击加号添加 Go to URL行为。Behaviors - <font> ActiOMEehaviors|庄二JCall Jdva5CNptChange PropertyCheck BrowserCheck Plugin匚=iMU till训口 二 a rhif律3 Lf/r -Go To URL3）在Goto URL对话框中显示了当前已有的所有框架窗口，我们分别选定一个窗口名称，可以分别单独设定每个窗口将要更新的文件内容。Dr