频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发工具应用教程 -> DreamWeaver教程 -> Dreamweaver MX 2004从零开始(2)

Dreamweaver MX 2004从零开始(2)

作者:未知  来源:http://edu.chinaz.com  发布时间:2005-7-19 22:27:40  发布人:acx

减小字体 增大字体

使用表格可以清晰地显示列表的数据,实际上表格的作用远远不止显示数据,它在网页定位上一直起着重要的作用,尤其是对于使用非IE浏览器的网友来说,使用表格定位的网页比使用图层定位的网页更具有优势。

  一、创建表格

  第一步:在Dreamweaver MX 2004中运行“Insert→Table”命令,弹出属性设置窗口,其中“Rows”和“Columns”分别对应着表格的行数和列数,“Table width”表示表格的宽度,而“Border thickness”则是边框的宽度,同时还可以设定表格的样式,根据自己的需要来设置表格的相应属性即可。

  小提示:表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对像素值来定义,比如设置宽度为窗口宽度的60%,那么当浏览器窗口大小变化的时候表格的宽度也随之变化;而如果设置宽度为400像素,那么无论浏览器窗口大小为多少,表格的宽度都不会变化。

  第二步:点击窗口中的“OK”按钮之后即可在Dreamweaver MX 2004中新建一个表格,而且通过窗口下部的属性面板还可以对其进行诸如表格线条的颜色、表格的背景色、单元格的对齐方式等参数进行调整。

  二、基本使用

  在创建了上述的表格之后,我们就可以对它进行调整使用。比如我们需要制作图1所示的表格,就可以先插入一个四行三列的表格,然后对其进行下述操作。

  第一步:在表格第一列的上面两个单元格中按下并拖动鼠标,此时可以选中两个单元格。接着点击属性模板中的“Merges selected cells using spans”按钮,这样就把选中的两格合并成为一个单元格。按照这种方法再将表格第一行右侧的两个单元格合并为一个单元格。

  小提示:选中一个单元格之后点击属性面板中的“Splits cell into rows or columns”按钮可以把单元格拆分为多个行或者列。

  第二步:将表格第一列的三个单元格全部选中,再将属性模板中的背景颜色(Bg)一项设置为“#FFFF00”,这样表格第一列中的单元格背景全部变为黄色。

  第三步:在表格中输入相应的文本,为了美观可以在属性面板中进行居中设置。

  第四步:为了使表格产生立体效果,可以将整个表格选中,然后在属性面板中设定表格边框的宽度(Border)为7,并且将边框颜色(Border color)设置为蓝色即可。

  小提示:通常选取整个表格比较困难,在此提供四种常用的方法:1. 把鼠标移动到表格右边界外侧,按下鼠标之后往左拖拽,这样可以快速选取整个表格。2. 运行“Modify→Table→Insert Table”命令选择整个表格。3. 在单元格中右击鼠标,并且从弹出菜单中选择“Table→Insert Table”命令选取整个表格。4. 用鼠标点击任一个单元格,接着按两下“Ctrl+A”组合按钮选取整个表格。

  完成上述操作之后,我们就可以在Dreamweaver MX 2004中定制出颇具专业水准的表格了。

将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 做站赚钱的个人实战经验..
· Photoshop美女色度深度解..
· 人民币小写转换为大写
· 一个网站的优与劣,计数..
· 用php实现gb2312和unico..
· 用asp怎样编写文档搜索页..
· 谈谈自己四年的个人网站..
· bbqi教你做Flash动画
· Photoshop一种反转片效果..
· 专业网络社区价值有待挖..
· 一段在asp中加密与解密对..
· Photoshop用蒙版制作蒙太..
· 跨站式SQL注入技巧
· Flash MX 编程深层次应用..
· GoogleAdSense容易被K的..
· 超酷Flash鼠标粒子效果
相关文章
· Dreamweaver代码片断..
· CSS在Dreamweaver中无..
· Dreamweaver CS3 CPU..
· 用Dreamweaver制作网页中关..
· 充分利用Dreamweaver CS3的..
· Dreamweaver也能轻松制作Fl..
· 通过Dreamweaver设计网页时..
· Dreamweaver实例:随..
· Dreamweaver CS3 新功能描述..
· 入门:充分利用Dream..
· 使用Dreamweaver8在网页中轻..
· Dreamweaver8创建自定..
· 详解用Dreamweaver制..
· 在Dreamweaver8.0.2中..
· 深入DREAMWEAVER插件..
· 深入DREAMWEAVER插件..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号