当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DreamWeaver,经典50问(9)

Dreamweaver
用代码“写”出扫描线效果图片
DHTML实例解析:用HTC统一定制表单样式
网页瘦身小技巧---“分割大法”
简单实用的网页表格特效
巧用样式表,让文本框与按钮变个样
网页工作原理
网页图片特效小技巧
如何防止及消除垃圾代码的产生
提高页面显示速度的秘技
用DW MX制作导航下拉菜单
Dreamweaver MX应用表格排序
Dreamweaver查找替换的技巧
用DreamWeaver定制网站的颜色
Dreamweaver MX进阶教程(七)创建基于框架的网页
Dreamweaver MX进阶教程(九)使用用于框架的“行为”
Dreamweaver MX进阶教程(八) 操作框架
Dreamweaver MX进阶教程(十)制作居中的网页
Dreamweaver MX进阶教程(十六)制作可拖动表格
Dreamweaver MX进阶教程(二十一)制作虚线
Dreamweaver MX进阶教程(十三)在Dreamweaver 中使用上标和下标

Dreamweaver 中的 DreamWeaver,经典50问(9)


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

41> 实现多个窗口的连接?

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

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

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



42> 如何在网页中隐藏一些内容?

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

  单击“Object”面板中的“Layers”按钮,鼠标拖动创建一个新的图层,将需要隐藏的内容全部放进去,如图:



  单击图层左上的小方框,标定它为选中状态,同时切换到属性面板,将Vis值设定为“Hidden”,如图:



  哇!所有的内容真的已经不见了

43> 怎样创建一个简单下拉菜单?

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

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

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



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



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

44> 如何制作一条宽度为1的细线?

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

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

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

  还有最关键的一步,查看源代码,将<td>
45>如何制作一个边框为1的方格?

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

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

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