• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 留言
  • 地图
精灵日志图片

Artile_Title

第二部分、布局篇

蓝色经典—梦觉

三、技巧提示。

关于页面布局的主要内容就是这些,但是实际操作中肯定还会遇到很多问题,学习没有什么捷径,只有实践、实践再实践。朋友们有什么疑问可以到http://www.blueidea.com/bbs提出并讨论,下面我再总结几个页面布局阶段有用的技巧。

(一) 精确的定位页面元素。搞过设计的朋友都特别希望能精确的定位网页元素,他们喜欢每个元素都能按自己的愿望精确的定位。Dreamweaver自带的Grid功能可以有助于这种希望的实现。执行命令View—Edit Grid打开坐标辅助,可以选择网格状或者是点状显示,同时打开Snap to Grid,以后插入或添加新的元素时,都会按你的设定精确定位。

(二) 表格的技巧。

1、 创建一个像素边框。有些朋友抱怨Dreamweaver无法做出单像素的表格边框,其实仔细利用表格的属性面板即可做出这种单像素表格。首先使用Object面板插入一个表格,定义表格宽、高及行数和列数。此时表格的默认CellPad和CellSpace、Border都为0。在属性面板中定义表格的Border为0,CellPad为5(这项可使单元格中的内容与单元格边缘之间保持5个像素);CellSpace为1(此项使得单元格之间保持1个项素的间距)。设置表格的背景色为深色(如#999999),设置每一个单元格的背景色为浅色(如#FFFFFF)。在浏览器中观察效果即可。

2、 导入数据表格。有时我们需要将一些在Execel文件中创建的表格导入Dreamweaver中,可以先将原来的Execel文件另存为带制表符分隔的.txt文本文件。在Dreamweaver中执行Insert—Tabular Date打开如下窗口:

添好各个参数后即可将其中的数据导入Dreamweaver的一个表格中。

3、 格式化表格。如果你对重复的设定各个单元格的参数感到厌烦的话,使用Format Table命令可以帮你快速格式化表格,此命令在Command菜单下,此命令内带多种表格配色方案,你可以选择一种,Dreamweaver会自动将色彩方案应用到你选定的表格上。

(三) 更新多个框架页面。有时我们需要在点击一个链接同时更新另外的两个或多个框架页面内容,这可以通过以下步骤使用Dreamweaver的行为来实现。
1)选择链接的文字或图片。
2)打开行为面板(Behaviors),点击加号添加Go to URL行为。
3)在Go to URL对话框中显示了当前已有的所有框架窗口,我们分别选定一个窗口名称,可以分别单独设定每个窗口将要更新的文件内容。Dreamweaver会在设定了目标文件的窗口后面加一个“*” 号,表示此框架窗口已设定了URL。

总目录 | 第一页 | 第二页 | 第三页

教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2005 Bitgenius.com.All rights reserved. Designed by Mengjue.