10分钟数了解9个Dreamweaver9.0中的小技巧
沉沙 2018-05-30 来源 : 阅读 1308 评论 0

摘要:本文讲解了9个Dreamweaver9.0中的小技巧,希望阅读本篇文章以后大家有所收获,帮助大家对Dreamweaver的掌握更加深入。

1,实现多个窗口的连接? 

  面板设计一直是DW的一大特色,到了DW4版本,所用到的面板已经相当多了,那么我们如何才能更高效的利用它呢? 

  “窗口连接”就是一种方便大家自定义的技术功能,简单的说,就是可以根据需要将两个或更多个面板放到一个窗口中来。 

  鼠标点击拖动一个面板的Tab栏到两一个面板上,当你看到一个黑色边框时,松开鼠标,这时两个面板已经合二为一了。 

2,如何在网页中隐藏一些内容? 

  在网页设计中,有时我们需要在里面插入一些不要求显示出来的内容,比如流量统计系统,用户访问分析系统等等,这时就要考虑如何把他们隐藏起来,当然还有个前提就是,它们的存在不会影响其他网页元素的布局。 

  单击“Object”面板中的“Layers”按钮,鼠标拖动创建一个新的图层,将需要隐藏的内容全部放进去,单击图层左上的小方框,标定它为选中状态,同时切换到属性面板,将Vis值设定为“Hidden”,哇!所有的内容真的已经不见了。 

3,怎样创建一个简单下拉菜单? 

  下拉菜单是网页中再常见不过的了,由于它可以极大的节省网页空间,因而主要应用在需要进行多对象罗列的场合,比如友情连接列表,合作网站地址等等。 

  DW中提供了一个再简单不过的制作方法,这样我们就不用写那些枯燥的代码啦! 

  进入“Object”面板的“Form”部分, 

  单击“Insert Jump Menu”按钮,弹出“下拉菜单”设置窗口,

  在“Text”中输入菜单项的名称;“Go To URL”中键入网址或使用“浏览”按钮选择。单击最上的“+”号可进行新菜单项的录入,所有项目都将在“Menu Items”中显示出来。 

4,如何制作一条宽度为1的细线? 

  在DW中,尽管水平线是以“Line”形式出现的,但在制作细线时,它表现的并不尽如人意,主要是过粗,没有需要的细腻感! 

  那么我们可以采取变通的方法以表格的应用来实现。 

  在网页中插入一个1行1列的表格,将表格的“cellpadding”“cellspacing”都设置为“0”,同时将单元格的“bgcolor”设定为红色,当然你也可以使用其他的颜色来代替,“Height”设定高度为1。 

  还有最关键的一步,查看源代码,将〈td〉〈/td〉中的“ ”去掉即可。 

5,如何制作一个边框为1的方格? 

  很明显,我们现在还是要通过表格的设置来完成。 

  或许你会说,这还不简单嘛!建立一个1行1列的表格,然后将它的“Border”值设为1不就可以了。实际上,用这种方法制作的表格根本不是所说的边框为1的方格,而是要“粗”的多! 

  同样先插入一个1行1列的表格,将表格的“border”、“cellpadding”设置为“0”,“cellspacing”设置为“1”。设定表格的“bgcolor”为红色(即为边框的颜色),同时设定单元格的“bgcolor”为白色(即同背景色),OK了。

6,怎样设置根据不同的浏览器,返回不同的页面? 

  浏览器不同,它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。 

  当用户用不同类型或版本的浏览器打开时,可以返回不同的页面,以保证用户的正常浏览。 

  单击快速启动板中的“Behavior”按钮,点“+”号,在下拉列表中选择“Check Browse”,按照不同的类型依次设置即可。 

7,网页中可以随便拖动的对象是怎么建立的? 

  访问网站时,经常能见到不少可以用鼠标拖动的元素,其中以图片居多,比如,一张广告图片挡住了你想浏览的内容,你完全可以用鼠标选中把它扔到一边去! 

  制作这种效果是通过图层的“Drag Layer”行为实现的,单击Behavior面板中“+”号,选择“Drag Layer”,当然之前你必要保证目标图层处于选中状态,进行简单设置后就OK了。 

8,如何为网页添加一个外部的风格样式表(CSS) 

  风格样式表有内部,外部之分,前面我们对网页元素进行直接修饰的设定都属内部之列。外部CSS引用是通过〈LINK〉标签实现的。 

  〈LINK〉标签包括HREF;TYPE;REL属性设定。其中HREF:用来标定风格页文件的地址URL;REL:标示CSS的可选性:stylesheet/altermate;TYPE:用于标示风格语言类型:text/css。 

9,设定网页的Base(基地址)有什么用途? 

  在“Object”面板的“Head”部分里有一个叫做“Base”的按钮,它就是用来设定网站基地址的,那么所谓的“基地址”究竟有什么作用呢? 

  大家都知道,在DW中我们使用的链接方式都是相对的,而不是绝对的,也就是说只要改变了根地址,所有的指向也将跟着自动变化,这样的好处就是可移植性强。 

  然而,有些时候我们恰恰需要它不变化,即强制它使用固定的地址,单击“Base”按钮,如图: 

  在“Href”中键入基地址的URL,单击“确定”有效。

  本文由职坐标整理发布,欢迎关注职坐标常用软件Dreamweaver频道,获取更多Dreamweaver知识!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程