首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
DreamWeaver表格妙用-线框制作详解(1)
来源: 作者: 发布时间:2007-04-12

在DreamWeaver里,表格被更多的应用在布局网页,定位内容上。其实除了这些“大功能”的运用,通过各种变通的方法,表格还能实现很多在设计中一般难以达到的效果,下面将要给大家展示的“线框”制作就是一个很好的例子,当然它的巧妙运用还远不止此。


  “线框”对象在网页中是经常见到的,比如一条细线,一个方框等等都在包含之列。在某些效果的协调制作中,“线框”的修饰是必不可少的。然而让我们很遗憾的是,许多主流网页设计工具中都没有提供比较直接简便的线框制作功能。在这种情况下,利用其他元素来间接实现就显得尤为重要了。


1> 跨幅细线的制作


  首先,我想大家应该理解下这里“跨幅细线”的概念,而很重要的一点就体现在“细”上,这也是我们要通过表格来实现它的原因所在。


接触过网页设计的网友都知道,在HTML(超文本传输语言)中,有一个



的标记,这个标记是用来制作“水平线”对象的,那么你一定问了,水平线不就是细线么?为什么还要用表格去作它呢?


  的确,水平线是用来制作线条的,包括横幅和竖幅的效果,它都可以实现。但以目前的应用来看,水平线根本达到不了我们所要求的细度,也即真正Height=1pixels的效果。



下面是一组通过水平线制作的细线图示:






  其中前两个明显看上去要粗糙的多,而后面的已经在属性(Properties)板上手动设定高度为1的显然也不是很符合我们的要求,并且水平线要更改颜色的话,必须到源代码中才可以实现,使用起来不是很方便,明白了上面这些,我们看一下通过表格怎么达到更好的效果。


  单击“Object”面板中的“表格”图标或者选择菜单“Insert”-“Table”,在网页中适当的位置插入一个高,宽均为1的表格对象。如图

 



[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·Dreamweaver行为全接触(5)
·DreamWeaver表格妙用-线框制作详解(2)
·Dreamweaver行为全接触(4)
·DreamWeaver表格妙用-线框制作详解(3)
·Dreamweaver行为全接触(3)
·DreamWeaver表格妙用-线框制作详解(4)
·Dreamweaver行为全接触(2)
·DreamWeaver表格妙用-线框制作详解(5)
·Dreamweaver行为全接触(1)
·Dreamweaver 4 简明教程(一、Dreamwea
文章检索
Google
相关文章
·Dreamweaver行为全接触(
·DreamWeaver表格妙用-线
·Dreamweaver行为全接触(
·DreamWeaver表格妙用-线
·Dreamweaver行为全接触(
·DreamWeaver表格妙用-线
·Dreamweaver行为全接触(
·DreamWeaver表格妙用-线
·Dreamweaver行为全接触(
·Dreamweaver 4 简明教程
·水平细线的几种制作方法
·Dreamweaver 4 简明教程
·为你的站点定做颜色
·Dreamweaver 4 简明教程
·如何制作会移动的广告条