DreamWeaver表格妙用-线框制作详解(1)_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

DreamWeaver表格妙用-线框制作详解(1)

作者：闵涛文章来源：闵涛的学习笔记点击数：580 更新时间：2009/4/23 12:22:38

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

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

1> 跨幅细线的制作

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

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

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

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

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

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

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

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： Dreamweaver行为全接触(4)

下一篇教程： DreamWeaver表格妙用-线框制作详解(2)

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……