站长中国
设为首页 | 站长论坛

站长论坛 站长下载
您所在的位置: 站长中国 > 站长学院 > 网页设计 > Dreamweaver > 正文

Dreamweaver 4 简明教程(七、网页的排版4)
  2007年10月26日02:12:08  评论(0条) 字体:[ ]
相关热点: 网页 教程 简明 表格 排版 单元 页面 功能 Layout
七、网页的排版

  新增的排版功能

  前面之所以以将图层与表格互换的功能一笔带过,是因为在DW4,推出了一个新的Layout排版功能,能够更加直接方便地对页面布局进行编排。在对象面板的最下方有四个按钮:



   标准视图(Standard View):默认状态下的视图;

   排版视图(Layout View):转入排版视图,就是这次要介绍的功能;


  按下 按钮后,上面的Layout的两个按钮就可以使用了:

   表格排版(LayOut Table):象画图一样在页面里面排版表格;

   单元格排版(LayOut Cell):在表格中画单元格。
  现在我们尝试利用以上的工具排版一个新页面: 新建一个页面,点 进入排版视图,点 在页面上画出表格,再点 ,在表格中画出单元格,其中表格会以绿色框表示,单元格会以蓝色表示,未确定的单元格会以灰色表示,如下图:



  在这里,每一个表格,单元格的大小都可以随意的调整。最后后点 回到标准视图,你会发现,刚才画的“Layout Table”已经全部转化为表格了。如下图:

  另外,在排版视图上的表格上有一个数字,表示的是表格的宽度,单击数字,可以看到以下菜单:



  Make Column AutoStretch:列自动伸缩,就是表格可以按照屏幕比例来自动调整宽度,相当于将表格的宽度定义为百分比。

  Add Spacer image/Remove Spacer Images:增加/移去透明图片。透明图片的作用就是撑住表格的宽度。

  Clear cell Heights:清除单元格高度。


  以下,就是goEway.com利用在利用Layout功能进行页面排版的情景,与标准视图相比,就直观得多了。



收藏本文 打印 打印本文  推荐本文 告诉好友 投稿 投稿邮箱

站长排行

学院

新闻

专栏

盈利

[揭密网络黄链]中国留学生买凶专破日本
windows 2008中文版iis7+asp+php+Acces
贴吧发帖机使用教程(绝对原创)
超强弹出窗口代码,什么都挡不住
Windows Vista局域网网络连接设置
JSP语法(6)
FLASH视觉特效实例之地震效果
关于数据分页(转自www.codeproject.co
教你如何在Vista中设置麦克风
不用Photoshop 在线恶搞大头像
全国哀悼日网友自发QQ隐身上线 向死难
淘宝网卖家公然叫卖“艳照门”照片集
抗震救灾/鱼目混珠?
Google绿色专家质疑黑色背景网页节省资
阿里妈妈广告卖主全攻略
电影小说类相关关键字搜索量列表
爆笑 阿里就这样把亿告征服!
大脚:实战单页面优化关键词之——淘宝
国内各IT企业办公环境揭秘(多图)
心系灾区,点燃希望——手机QQ2008祈福
ECSHOP模板制作参考文档
悬挂阿里妈妈会否被百度惩罚
ECSHOP模板下载
阿里妈妈是否是中小站长的救世主?
最强网店ECShop发新版 众多酷炫功能给
土豆网,优酷网,爆米花等视频网站采集
DedeCms模板安装/制作概述
网上商店系统巅峰对决 ECShop vs ShopE
编程中国全站采集规则
http://www.mt86.com全站采集规则
性福联盟 一个不尊重站长的联盟
百度网络广告利润增长将会持续多久
大脚:日赚100元—揭露最新firefox欺骗
分享经验:个人网站如何月赚1万!
大脚:垃圾站超级赚钱法之二—突破“站
迅雷联盟、快车联盟收入对比
大脚:垃圾站超级赚钱法之——前言
Google Adsense的秘密 第二版
风险投资公司vc联系方式名录大全(一)
经理人必看的十个管理网站
站长学院  网页设计 建站教程 图形图象 网络编程

制定完整的网站
制定完整的网站
中国企业网站的
中国企业网站的

网站运营之怎么样来粘住你的用
网麒:网站建设创意
怎样提高网页快照更新
两种方法,教你如何通过微软正
英文网站优化细节
利用SSL加密增强FTP服务器的安
网页设计常用Javascript经典代

新闻线索

如果你有站长界人事变动、重组并购、变革技术出现,以及产品投诉等重要新闻线索,请告诉我们,我们会给予特别关注。
0631-3653338
站长中国编辑部
站长中国24小时新闻热线: 13156089008