Dreamweaver基础技巧全面接触二

二、 页面布局阶段的技巧

  Dreamweaver不仅仅是一个良好的页面制作工具,同时他还可以进行精确的页面排版和布局,这一部分我们介绍几个页面布局方面的技巧。

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

 

  2、利用表格排版页面技巧。合理利用Dreamweaver中的表格功能,可以方便的达到美化页面的目的,下面我介绍几个技巧。

  1)创建1px边框。有些朋友抱怨Dreamweaver无法做出单像素的表格边框,其实仔细利用表格的属性面板即可做出这种单像素表格。首先使用Object面板插入一个表格,定义表格宽、高及行数和列数。此时Dreamweaver中插入表格的默认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会自动将色彩方案应用到你选定的表格上。如图:

 

  4、表格和层互转。有的朋友喜欢自由自在的安排他的页面内容,总不喜欢表格的工作方式。其实你完全可以利用灵活的层来安排你的页面内容,当你觉得满意时再将它转换为表格。选中你需要转换的层,执行命令Modify—Convert—Layers to Table。如图:

 

  5、同时更新多个框架页面。有是我们需要在点击一个链接时同时更新另外的两个或多个框架页面内容,这可以通过以下步骤使用Dreamweaver的行为来实现。

  1) 选择链接的文字或图片。

  2) 打开行为面板(Behaviors),点击加号添加Go to URL行为。

 

  3) 在Go to URL对话框中显示了当前已有的所有框架窗口,我们分别选定一个窗口名称,可以分别单独设定每个窗口将要更新的文件内容。Dreamweaver会在设定了目标文件的窗口后面加一个“*”号,表示此框架窗口已设定了URL。

 

  4) 完成后点确定即可,我们点此链接,会同时更新多个窗口的内容。

 

时间: 2024-10-31 14:01:52

Dreamweaver基础技巧全面接触二的相关文章

Dreamweaver基础技巧全面接触

dreamweaver|技巧 很多朋友使用Dreamweaver一段时间后,开始热衷于寻找各式各样的插件,追求各种各样的特效,而对于Dreamweaver中的基本功能反而不去深入研究,其实在Dreamweaver中有很多有用的技巧,如果你多加运用,不仅能提高效率,而且可以实现很多实用的效果.今天我把工作中常用的一些技巧介绍给大家,希望对大家能有些用途,同时也希望能唤起大家深入研究的愿望.我准备根据工作中的不同阶段分别介绍各种技巧. 一. 规划阶段--站点窗口的技巧 Dreamweavr的站点窗口

Dreamweaver基础技巧全面接触五

五. 提高效率技巧 Dreamweaver还包含了许多可以极大提高工作效率的命令,包括库项目的建立.模板的运用.历史面板的功能及查找替换功能.这里我介绍几个小的技巧来演示这些命令的强大. 1.清理Word文件技巧.我们经常需要将一些Word文件转换为HTML文件,但这种转换的结果是生成的HTML文件非常的大,里面包含了许多重复代码,综合利用Dreamweaver的几个功能可以方便的清理掉无用代码.首先打开Word生成的HTML文件,执行Commands菜单下Clean Up Word HTML命

Dreamweaver基础技巧全面接触三

三. 内容篇 如何更快更方便得对内容进行组织,是每个朋友都想了解的,下面这几个技巧也许你知道,也许不知道,但重要的是通过不断的运用,你会发现它的优越性的. 1.快速标签编辑.对于熟悉手写代码的朋友来说,经常需要切换到代码窗口手工添加一些代码.其实利用Dreamweaver的Quick Tag Editor可以快速插入各种HTML标签,一个是点击属性面板的图标插入,另一种快捷方式是Ctrl+T,这两种方法都会打开快速标签编辑,可以直接从列表中选择需要的源代码标签,如下图:   2.快速添加图片边框

DreamWeaver经典技巧四则

dreamweaver|技巧 DreamWeaver经典技巧四则 一.偏好资源的积累 利用DreamWeaver4制作网页会应用到许多各种类型的要素,比如色彩.图片.模板.脚本等.利用站点资源面板将这些东东积累起来,在站点资源基础上构建自己的偏好资源库,只要我们定义了自己的站点,就可以随时随地将使用频率高的资源调出来应用到站点文件中.用快捷键F11打开资源面板,各种类型的要素就会自动地增加到相应标签上,例如色彩,结合Shift或Ctrl键选择我们常用的一个或多个色彩资源,单击右下角AddtoFa

Dreamweaver基础教程:层及其应用

dreamweaver|基础教程 层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置.层可以包含文本.图像或其它 HTML 文档.层的出现使网页从二维平面拓展到三维.可以使页面上元素进行重叠和复杂的布局.首先,请看下图: 我们首先来做一个层 1. 在「窗口」菜单>选"层",或点「插入」菜单>布局对象>选"层". 2. 在页面中显示一个层. 3. 通过周围的黑色调整柄拖动控制层的大小 4. 拖动层左上角的选择柄可以移动层的位

Dreamweaver基础视频教程14 Flash图片查看器

dreamweaver|教程|视频教程 http://www.ty502.com/jiaochen/Dreamweaver基础视频教程14 Flash图片查看器.swf

photoshop后期处理基础技巧

  photoshop后期处理基础技巧         1.打开PHOTOSHOP,可以看到界面分为几个部分,顶部为菜单,左侧是工具栏,当我们鼠标放到每个工具上面两秒,上面会出现文字说明,选择一个工具,菜单下面的属性栏会出现该工具的一些设置选项,界面右侧为不同的调板,这些调板可以通过"菜单-窗口"里面关闭或打开.中间为工作区,就是显示打开的文件的地方. 2.在工具栏上大多数工具图标上按住鼠标左键不放,两秒后会出现扩展菜单,可以选择类型相似的其他工具.PS里大多数工具和功能都可以通过快捷

GIS基础软件及操作(二)

原文 GIS基础软件及操作(二)  练习二.管理地理空间数据库 1.利用ArcCatalog 管理地理空间数据库 2.在ArcMap中编辑属性数据 第1步 启动 ArcCatalog 打开一个地理数据库 当 ArcCatalog打开后,点击, 按钮(连接到文件夹). 建立到包含练习数据的连接(比如"E:\ARCGIS\2练习二\Exec2"), 在ArcCatalog窗口左边的目录树中, 点击上面创建的文件夹的连接图标旁的 (+)号,双击个人空间数据库- National.mdb.打开

Ajax基础详解教程(二)_AJAX相关

在上篇文章给大家介绍了Ajax基础详解教程(一),讲到Ajax中open方法的第三个参数异步和同步的问题,今天呢,就来继续往下唠,先接着上回的代码 var oBtn = document.getElementById('btn'); oBtn.onclick = function(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject('Mic