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

所属分类: 网页制作 / Dreamweaver 阅读数: 1194
收藏 0 赞 0 分享
在我们制作网页的时候会经常碰到一些需求,如果不知道方法,说不定会困扰我们半天。其实实现它们都很简单,下面我们就一起来看看这些常用的网页编辑方法。

  取消文本居中 

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

  让链接文字有提示信息

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

  快速调用时间轴

  使用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"为控制在弹出窗口打开。
更多精彩内容其他人还在看

DW怎么设置网站的背景图像?

Dreamweaver是一种强大的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,今天小编为大家分享DW怎么设置网站的背景图像方法,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享

DW怎么做热点链接?dw热点链接制作方法图解

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

dreamweaver怎么做一个简单的网页?

dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么批量修改网页相同的内容?

Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容的方法
收藏 0 赞 0 分享

dreamweaver cs6怎么新建HTML5格式的页面?

dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么在网页中显示一个圆角矩形?

Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver8调出新建、打开两个命令的快捷工具栏

今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧
收藏 0 赞 0 分享

DW在html中插入css样式方法

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式,下面小编就为大家介绍DW在html中插入css样式方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

8款替代Dreamweaver的开源网页开发工具

这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多