设为首页
联系我们
加入收藏
 您现在的位置: 桐庐禾明子布艺设计工作室 >> 数码资讯 >> 软件信息 >> 正文  
 相 关 文 章
  • Dreamweaver MX中…[2091]

  • Dreamweaver MX中…[2291]

  • Dreamweaver MX中…[1891]

  • Dreamweaver MX中…[2158]

  • Dreamweaver MX中…[1873]

  • Dreamweaver MX中…[1927]

  • Dreamweaver MX中…[1814]

  • Dreamweaver MX中…[2330]

  • Dreamweaver MX中…[1782]

  • Dreamweaver MX中…[2165]

  • 热 门 文 章
  • Linux和windows…[2410]

  • BS一切低价本本…[11807]

  • 杭州首次查获女…[16012]

  • Intel 64位赛扬…[10950]

  • 采用E6核心!AM…[12575]

  • 推 荐 文 章
  • 爱已随风-探讨…[6832]

  • 爱已随风-探讨…[6418]

  • 爱已随风-探讨…[7839]

  • After effects简…[62480]

  • [COOL 3D 专题教…[39257]

  •  
      Dreamweaver MX中文版建站攻略(十六)         ★★★
    Dreamweaver MX中文版建站攻略(十六)
    [ 作者:痴心不改    转贴自:闪闪客栈    点击数:1906    更新时间:2004-2-21    文章录入:bj ]

    虽然您能够在“布局”视图中调整绝大部分设计元素,但有一些改变却必须在“标准”视图中才能完成。本文主要内容是表格的使用。
    主要内容:
    (1) 理解单元格,表格,间距,填充,边框。
    (2)调整行和列的宽度、高度。
    (3)制作一象素表格。
    (4)拆分和合并单元格。
    第一部分:
    当单元格边距和单元格间距没有指定数值时,Netscape Navigator,Microsoft Internet Explorer和Dreamweaver都将以间距2,填充1的设置显示表格。
    填充:单元格内容和单元格边框之间的距离(单位:象素)。
    间距:单元格之间的距离(单位:象素)。
    插入一个表格,为了便于分析表格,这里单元格间距设置为10。


    插入一个表格:


    ◇单元格:在表格中点击以选定单元格,也可以在标签选择器里点击< t d >标签以选择单元格。


    ◇表格:在标签选择器里点击

    标签以选择表格。


    ◇一行:在标签选择器里点击< t d >标签选择一行。本实例是以一个一行二列的表格为基础的。


    ◇一个“一行一列”的表格,至少有两个边框。设置边框为1边框颜色黑色的表格如下图。


    ◇红色为表格边框,绿色为单元格边框。表格边框和单元格边框的颜色可以分别指定。
    间距:边框和边框之间的距离就是间距。


    为了便于观看填充的效果,在属性面板中,填充输入为30。


    ◇填充:单元格边框和内容之间的距离就是填充。


    第二部分:调整行和列的宽度
    ◇鼠标放在一列的上面,出现向下的箭头时,单击,就可以选中一列。在属性面板中可以设置所选列的宽和高。


    鼠标放在一行的左边,出现横向的箭头时,单击,就可以选中一行。在属性面板中可以设置所选行的宽和高。


    第三部分:制作一像素表格
    ◇制作一像素的表格,实质上是设置间距的大小和颜色。实例为便于观看效果,把间距设置为10。单元格填充和边框设置为0。单元格填充和边框不输入数值效果类似。


    在单元格中点击,或者选中标签选择器中的< t d >选中单元格。设置单元格的背景颜色为白色。


    选中表格,设置表格的背景颜色为黑色。一个10象素宽的表格就做好了。实际上是把间距的颜色设置成了黑色。


    把间距改成1。


    发布在浏览器中的效果。


    第四部分:拆分和合并单元格
    ◇嵌套表是在表格中的一个表格。在一个单元格中,插入一个表格,就是嵌套表。


    ◇合并单元格:按Ctrl,点单元格,选中表格,在属性面板中点“合并所选单元格,使用跨度”。


    合并后的效果:


    拆分单元格:插入一个表格。



    ◇在单元格中单击,选中单元格。点击属性面板中的“拆分单元格为行或列”,设置拆分方式。


    拆分为二行一列的表格如下图。

  • 上一篇文章: Dreamweaver MX中文版建站攻略(十七)

  • 下一篇文章: Dreamweaver MX中文版建站攻略(十五)
  • 发表评论】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    设为首页 | 加入收藏 | 联系我们 | 版权申明 | 
    版权所有 Copyright© 2004-2005 桐庐禾明子布艺设计工作室 浙ICP备19012557号-1        电子邮件:webmaster@ddtx.com
    页面执行时间:29.30毫秒