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

2016-02-19 18:39 6 1 收藏

下面图老师小编跟大家分享一个简单易学的网页编辑常用表现的实现方法教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

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

  取消文本居中

  在编排网页文本时,你可能会遇到这样的问题:只想让一行字符居中,但其它行的字符却会跟着也变成居中了。其实,这是因为在 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了。

  调整表格高度

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  修改表单属性为弹出窗口

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

来源:http://www.tulaoshi.com/n/20160219/1618531.html

延伸阅读
标签: Web开发
单行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{marg...
标签: 网页设计 设计
1、“国”字型 也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 2、拐角型 这种结构与...
标签: Web开发
CSS的常用技巧放送(一) 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width: 100px width:100...
标签: Web开发
本文介绍了一些网页制作中常用的Javascript代码,应该是比较常用的了,值得大家收藏。 事件源对象 以下是引用片段: event.srcElement.tagName event.srcElement.type 捕获释放 以下是引用片段: event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键...
二进制浏览、编辑的实现 作者/cuick 下载源代码     前几天看到有人在论坛上寻找二进制浏览、编辑代码,自己前几天又不是很忙,就摸索着写了这个程序。以前很少做这种界面的东西,遇到不少难题,非常感谢在论坛上得到的帮助。  &nb...

经验教程

893

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部