收 藏
投 稿
繁 体
RSS
首 页
运 营
学 院
建 站
论 坛
Web
master8.net
网站运营
欢迎在本站发布信息,在线投递稿件
请点这里
。编辑QQ:4908220,欢迎联系交流。
业界动态
创业故事
推广研究
策划盈利
电子商务
企业平台
站长工具
SEO查询
Whois查询
Pr查询
域名查询
IP查询
网页编辑器
技术学院
投递稿件请点这里:)
网页设计
HTML
XHTML
CSS
Javascript
Frontpage
Dreamweaver
图形图像
PhotoShop
FireWorks
Flash
Coreldraw
程序开发
PHP
ASP
.NET
JSP
CGI
XML
数据库
MySQL
Oracle
MSSQL
Access
综合应用
设计理论
建站系统
服务器管理
常用下载
办公应用
建站服务
如有建站意向,请尽快联系我们,以便安排时间...
QQ:4908220
作品展示
服务范围
服务流程
服务报价
联系方式
付款方式
站长论坛
注册
/
登陆
/
忘密?
交流区
站长酒吧
SEO&推广
网赚交流
建站系统
服务&信息
招聘求职
项目外包
广告发布
网络资源
技术区
网页设计师
界面设计师
WEB程序员
计算机应用
文章正文
» 您的当前位置:
首页
>>
学院
>>
网页设计
>>
Dreamweaver
Dreamweaver MX 2004从零开始(2)
来源:
互联网
| 时间:2006-09-27 | 浏览:
相关评论
|
报告错误
|
发布文章
【字号:
大
|
中
|
小
】 【背景色
】
使用表格可以清晰地显示列表的数据,实际上表格的作用远远不止显示数据,它在
网页
定位上一直起着重要的作用,尤其是对于使用非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中定制出颇具专业水准的表格了。
上一篇:
Dreamweaver MX 2004从零开始(4)
下一篇:
Skype出台海外赔偿方案
我要投稿
打印本文
推荐本文
加入收藏
返回顶部
关闭窗口
03-08
DW使用中的常见问题与解答
03-07
十二个Dreamweaver鲜为人知的小秘诀
09-27
Dreamweaver MX进阶教程(九)使用用于框架的“行为”
09-27
Dreamweaver MX进阶教程(十一)使用“层”布局网页
09-27
Dreamweaver MX进阶教程(十)制作居中的网页
DW使用中的常见问题与解答
十二个Dreamweaver鲜为人知的小...
Dreamweaver小技巧:还网页链接...
Dreamweaver经典问题大搜罗
Dreamweaver轻松实现网页中透明...
修改注册表解决Dreamweaver乱码...
解决Dreamweaver8中CSS应用无效...
在Dreamweaver中巧用框架建立网站
Dreamweaver使用快技法十三则
Dreamweaver如何制作浮动广告
more..
» 相 关 评 论
验证码:
站长吧首页
-
网站运营
-
站长学院
-
SEO查询
-
站长论坛
-
建站服务
-
联系本站
-
广告/业务
©2005-2006 站长吧 Master8.NET All rights reserved 陕ICP备05010609号
九州未来科技提供服务器支持
| 网站空间 | 虚拟主机