• 网络学院
  • IT资讯
  • 操作系统
  • 网络技术
  • 软件应用
  • 办公软件
  • 编程技术
  • 网站架设
  • 数据库类
  • 平面设计
  • 多媒体类
  • 游戏资讯
  • 教学论文
  • 认证考试
DreamweaverMX2004从零开始_用表格定位网页
  站点:
  • 首 页
  • 最新软件
  • 文章教程
  • 国内软件
  • 国外软件
  • 绿色软件
  • 源码下载
  • 字体下载
DreamweaverMX2004从零开始_用表格定位网页
软件发布 DreamweaverMX2004从零开始_用表格定位网页
网络软件 系统工具 应用软件 联络聊天 图形图像 多媒体类 行业软件 游戏娱乐 编程开发 安全相关 教育教学 数码软件 绿软下载
热门软件: QQ 瑞星 pplive e话通 木马克星 千千静听 office2000 五笔字根 Photoshop 视频分割
返回文章教程首页 >> 文章首页 >> 网站架设 >> DreamWeaver >> DreamweaverMX2004从零开始_用表格定位网页

DreamweaverMX2004从零开始_用表格定位网页

添加时间: 2005-6-4 4:43:35  作者: 网页教程  阅读次数:97   来源: http://d9soft.com

            利用表格可以清晰地显示列表的数据,实际上表格的作用远远不止显示数据,它在网页定位上一直起着重要的作用,尤其是对于使用非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中定制出颇具专业水准的表格了

 

上下文章:

 

上一篇文章: DreamweaverMX2004从零开始_框架构建网页 下一篇文章: DreamweaverMX2004从零开始-用模板制作网页

相关文章:

  • 教你如何用零框架技术加密网页
  • 官方公布Oracle10gOCA考试已经开始
  • Oracle中如何去定位未知的对象
  • Oracle中如何去定位未知的对象
  • 需要刷新才能打开网页的故障

相关软件:

  • 网页配色精灵 5.5
  • 网页特效生成器(Green Tea) V2.60
  • 网页特效小精灵(javatx) V2.0
  • 雨声网页特效大师 V2.0
  • 百艺精品网页特效 V1.25
  • 网页特效王 V5.01

 

快速导航

  • 网络学院
  • 精品汇聚
  • 字体下载
  • 教程下载
  • ASP源码
  • PHP源码
  • Net源码
  • JSP 源码

网站架设分类导航

  • DreamWeaver
  • HTML/CSS
  • Flash
  • Firework
  • FrontPage
  • 建站指南

本类经典文章推荐

  • 十二个Dreamweaver鲜为人知的小秘...
  • DW8创建自定义代码片段的方法
  • Dreamweaver你未必了解的5个小技巧
  • Dreamweaver制作随机播放背景音乐...
  • 特效:在网页中显示可拖动的月历
  • 教你驾驭Dreamweave中的小秘诀
  • Dreamweaver使用快技法十三则
  • 用DreamweaverMX 做图像热区
  • Dreamweaver 8 新功能总结
  • Studio 8 : Dreamweaver 代码折叠

DreamWeaver阅读排行

  • 教你如何用Dreamweaver制作电子相...
  • 用Dreamweaver插件制作动态下拉菜...
  • 如何设计首页???(解答)
  • Dreamweaver基础技巧-布局阶段
  • 网页制作隐藏对象巧利用
  • 站点-网页布局设计基础
  • Dreamweaver制作网页-幻灯片效果
  • “层”定位的问题的解答
  • DreamweaverMX2004新功能介绍
  • Dreamweaver中实现flash的透明背景

网站架设阅读总排行

  • 用层模拟下拉列表框
  • 教你如何用Dreamweaver制作电子相...
  • 用Dreamweaver插件制作动态下拉菜...
  • 突破网页文字无法复制局限
  • 如何设计首页???(解答)
  • Dreamweaver基础技巧-布局阶段
  • 动态QQ表情DIY Fireworks轻松搞定
  • 流程图软件Visio作“高难度”网页
  • 网页制作隐藏对象巧利用
  • 站点-网页布局设计基础

广告位置

字母检索 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 回到顶部

关于我们 | 版权声明 | 免责条款 | 广告联系 | 软件发布 | 下载帮助 | 下载排行 | 网站地图 | 特别鸣谢 | 友情连接

copyright; 2005-2008 D9soft.com 第九软件网 版权所有