您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
[组图]Dreamweaver制作细线表格           ★★★
Dreamweaver制作细线表格
作者:netjc.co…  文章来源:netjc.com  点击数:  更新时间:2008-5-17 19:40:38 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

表格是网页的重要组成部分,合理使用表格,将会使网页开起来更富特色,而其中的细线表格也是我们最常用的技巧,下面看看如何制作细线表格。


打开Dreamweaver(下文中该软件将简称为Dw)后,可以看到如下的界面(如图1):


Dreamweaver制作细线表格(图一)


图1.Dw窗口



首先,我们在工具面板中选择Dreamweaver制作细线表格(图二)按钮创建一个表格,单击后,将会出现如图(2)所示的表格属性设置


Dreamweaver制作细线表格(图三)


图2.表格属性窗口



这里我们分别设置参数为:
行=1,列=1,宽度=270[象素],边框=0,单元格边距=0,单元格间距=1
这样设置后,将会在编辑区生成如图(3)所示的表格


Dreamweaver制作细线表格(图四)


图3.dw编辑区表格


此时,选中表格,将表格[背景颜色]设置为黑色,如图(4)所示


Dreamweaver制作细线表格(图五)


   图4.表格设置属性对话框


 



用鼠标选中表格的单元格,将单元格的[背景颜色]设置为白色,如图(5)所示


Dreamweaver制作细线表格(图六)


图5.单元格属性设置对话框


 


好了,细线表格完成,按下键盘的F12键,即可看到如图(6)的效果


Dreamweaver制作细线表格(图七)


图6.细线表格



提示:
1、Dreamweaver MX中细线表格的做法也可以参照本文
2、细线表格实际上是根据表格的间距颜色原理来制作的

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    用iframe解决下拉框与层之冲突
    再谈DW中文缩进实现技巧
    网站优化需要重要注意的几点事项
    在Dreamweaver中利用CSS样式表设置网页
    Dreamweaver代码片断提高css开发效率
    巧用DW判断字符串中是否有换行
    Dreamweaver使用CSS样式表设置网页文本格式
    解决Dreamweaver中关于应用CSS的小问题
    Dreamweaver解决网页制作中的空格问题
    Dreamweaver制作网页技巧20则
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门