表格的应用二《网页设计制作》.ppt

DreamWeaver表格妙用 网页制作 DreamWeaver表格妙用 线框制作 页面设计中的层次感 1、线框制作 在DreamWeaver里，表格被更多的应用在布局网页，定位内容上。其实除了这些“大功能”的运用，通过各种变通的方法，表格还能实现很多在设计中一般难以达到的效果。 “线框”对象在网页中是经常见到的，比如一条细线，一个方框等等都在包含之列。在某些效果的协调制作中，“线框”的修饰是必不可少的。 1 跨幅细线的制作 步骤： 插入一行一列的表格； 将其中的“边框”，“边距”，“间距”值全部设定为0 ； 切换到单元格的属性设置窗口，将单元格的“背景颜色”设定为“红色”（为最终细线的颜色，可自由设置），同时把“高”设置为“1”， 2?细线边框的制作 细线边框是网页中定位区分内容常用的一种方法，配合特定图片的使用，往往能够达到不错的效果，那么如何制作细线边框呢？ 细线边框的制作步骤： 将属性板中，“边框”、“边距”设置为“0”，“间距”设置为“1”。 将表格的“背景色”设定为“红色”，同时将单元格的“背景色”设定为同网页背景色-“白色”， 3 隔距边框的制作 “隔距边框”在网页中主要用来排列各个栏目或频道的项目列表用的，为了方便大家理解，先把制作完成以后的效果图给大家展示下，如下：? 下面是相应的制作过程，（以制作三框隔距为例说明） 首先在网页中插入一个1行3列的表