当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 网页编辑常用表现的实现方法

Dreamweaver
Dreamweaver MX进阶教程(十八)使用css样式制作细线表格
Dreamweaver MX进阶教程(二十二)制作反馈表单(email发送)
Dreamweaver MX进阶教程(二十)使用一象素透明图像固定单元格宽度
Dreamweaver MX进阶教程(十一)使用“层”布局网页
Dreamweaver MX进阶教程(十四)使用server-side include(服务器端包括)
Dreamweaver MX进阶教程(十五)插入具有辅助功能的表格
Dreamweaver MX进阶教程(十九)防止英文字符撑破表格
Dreamweaver MX进阶教程(十七)设置表格的属性
Dreamweaver MX进阶教程(十二)在居中页面使用层
DW MX 设计留言本实战(1)
DW MX 设计留言本实战(4)
DreamWeaver,经典50问(9)
DreamWeaver,经典50问(8)
DreamWeaver,经典50问(7)
DreamWeaver,经典50问(3)
DreamWeaver,经典50问(10)
DreamWeaver,经典50问(4)
DreamWeaver,经典50问(6)
巧用背景颜色和间距快速制作出细边线表格
DW MX 2004代码编辑新功能

Dreamweaver 中的 网页编辑常用表现的实现方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 32 ::
收藏到网摘: n/a

    在我们制作网页的时候会经常碰到一些需求,如果不知道方法,说不定会困扰我们半天。其实实现它们都很简单,下面我们就一起来看看这些常用的网页编辑方法。

  取消文本居中

  在编排网页文本时,你可能会遇到这样的问题:只想让一行字符居中,但其它行的字符却会跟着也变成居中了。其实,这是因为在 MX中进行居中、居右操作时,默认的区域是P、H1-H6、Div等格式标识符,如果你的语句没有用标识符隔开,Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用<P>……</P>隔开。

  让链接文字有提示信息

  当鼠标停留在链接上时,在光标的右下方有时会出现一个提示信息框,对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。
  在<a href=“”>中添加“Title”属性,“Title”后面添加提示内容即可。例如: <a href="http://www.it.com"  title="IT世界">。

  快速调用时间轴

  使用Dreamweaver MX制作网页的朋友都知道,新安装的Dreamweaver MX在快速启动面板中没有时间轴,如果要急着用它的话该怎么办?这里有一个快速调用时间轴的方法,按下“Alt+F9”组合键,或是在软件主窗口中依次点击“窗口→其它→时间轴”。
 
  自动刷新页面

  无论是重复刷新还是自动跳转,在设计中都是相当实用的操作。下面介绍一下它们的制作方法。选择Dreamweaver MX插入控件面板的“文件头”部分,然后点击“刷新”按钮,随即会跳出“刷新”对话框,然后输入框中键入刷新延迟的时间“300”(单位:秒),“操作”为刷新指定的目标URL。因为现在是刷新当前页面,直接选择“刷新此文档”选项即可。

  定义网页关键字

  当用户使用搜索引擎搜索内容合适的网页时,关键字起着不容忽视的作用。大多数搜索会每隔一段时间自动探测网络中是否有新网页产生,并按关键字进行记录,以方便用户查询。这时关键字的定义就尤为重要了。选择Dreamweaver MX插入控件面板的“文件头”部分,点击“关键字”按钮,弹出定义窗口,录入需要逐个定义的关键字即可。注意每个关键字以“;”号隔开,数目没有限制。

  制作“空链接”

  “空链接”就是没有链接对象的链接,“空链接”中的目标URL是用“#”来表示的。也就是说制作链接时,只要在属性面板的链接输入框中录入#标记后,它就是个空链接了。在很多情况下都要用到空链接,比如一些没有定期完成的页面,或是为了保持链接样式与普通文字样式的一致性。

  让文字和图片内容共处

  在Dreamweaver MX中,图片对象往往是独占一行,那么文字内容只能在与其平行的位置上,怎么样才可以让文字围绕图片显示呢?方法如下:选中图片,在属性面板的右上方找到“对齐”的属性选单,选择“左对齐”,这时你就会发现文字已经整齐地排列在图片的右边了。

  以新窗口形式打开链接

  要想在不覆盖当前窗口的前提下,打开一个新的浏览器窗口,你可以直接在链接代码<a href="">中加入“Target=_blank”语句。也可以在Dreamweaver MX属性面板的“目标”下拉框中点击下拉菜单,选择“_blank”即可实现。

  制作随意拖动的对象

  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多。比如,一张广告图片挡住了你想浏览的内容,你可以用鼠标选中它把它扔到一边去!
  制作这种效果是通过图层的“拖动层”行为实现的,单击行为面板中“+”号,选择“拖动层”,制作之前你应该保证目标图层处于选中状态,进行简单设置后就OK了。

  调整表格高度

  我们在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框,无论怎样拖动,等到松开鼠标时,表格却又恢复到原来的样子。这种情况的原因在于我们已经为表格提供了一个固定的高度。如何去除表格的高度设置呢?
  简单方法是:首先我们需要选定表格,将光标移动到表格内,然后按“Ctrl+A”组合键,选中光标所在位置的最小表格,然后在属性框中点击“清除行高”图标,表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动的匹配高度。

  修改表单属性为弹出窗口

  想必大家在页面中都使用过表单,大多数表单被激活后,会在当前页面中打开,影响正常浏览。不如修改一下,如:<form method=POST action=url target=_blank>,其中"target=_blank"为控制在弹出窗口打开。