教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 网页设计 >> Dreamweaver >> DW MX第七章:网页的排版(层的使用) RSS订阅
DW MX第七章:网页的排版(层的使用)
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
   

如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(Layer)这个好东西。点击属性面板的(② 区选中常用 ③ 区中可找到)按钮,光标会成为一个十字,在编辑窗口上拖动,就可以创建出一个层,我们可以在层上输入绝大部分的网页元素,例如图片、文字等、表格。层的好处是可以放置在页面的任何位置,如下图:

选择一个层后,对应的属性面板如下:

A 层编号:层的名称,用于识别不同的层;

B 左(L)上(T):层的位置,左是距离页面左边界的距离,上是距离页面上边界的距离;
 宽(W)高(H):层的宽和高;

C Z轴(Z):层的Z轴顺序;

D 背景图像(I):层的背景图;

E 显示(V):层的显示状态,其中的隐藏是将层隐藏,处于不可见状态;

F 背景颜色(C):层的背景颜色;

G 标签(A):层使用的代码方式,一般使用默认的DIV即可;

H 溢出:如果层里面的文字太多,或图片太大,层的大小不足以全部显示的时候,可以选择:
 visible:超出的部分照样显示;
 hidden:超出的部分隐藏;
 scrool:不管有否超出,都显示滚动条;
 auto:有超出时才出现滚动条;

层的优点很明显,但缺点也同样明显,例如难以制作一个适应不同分辨率的网页;当一个页面使用了多个层后,页面的复杂程度增加而导致编辑起来非常烦琐;编辑状态与浏览状态的实际效果有相当明显的差别等。通常人们是采用利用层(Layer)进行排版,然后将层转换为表格的做法(修改(M)> 转换(C)> 转换图层为表格(L)),大家可自己尝试一下。

下面讲述用图层排版:

前面之所以以将图层与表格互换的功能一笔带过,是因为在dreamweaver 4.0以来,推出了一个新的Layout排版功能,能够更加直接方便地对页面布局进行编排,在 ② 区(插入面板)中选中布局,将看到:

标准视图下,可以像常规一样,插入表格,图层;切换到布局视图,如果你第一次使用,将遇到下图的对话框:

如果你勾了不再显示此消息一项,在以后的切换将不在出现;切换到布局视图后,将看到:

其中:

绘制布局表格:象画图一样在页面里面排版表格;

绘制布局单元格:在表格中画单元格。

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

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

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

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

添加间隔图像:增加/移去透明图片。透明图片的作用就是撑住表格的宽度。

清除单元格高度:把单元格高度清除掉。

[小提示:在布局视图里,显示为灰色的地方是可以再绘布局表格或布局单元格的]

本章练习:

尝试用本章学到的知识进行网页排版,制作一个个人网页。

来源:编程技术-十度教育
作者:
关键字:DW,MX第七章,网页,排版,使用
发表日期:2006-10-18 10:48:10

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:DW MX第八章:互动效果(行为应用)   下一篇:DW MX第六章:网页的排版(表格篇)


2008-11-22 4:10:38
本文的相类似文章
  • API函数快速入门--怎样在VB中声明和使用API函数
  • 在vb6中连接水晶报表使用心得
  • 使用VB在WIN2000下截获IP数据包
  • VB 使用API创建窗体
  • 用网页攻击的方式来入侵电子邮件
  • 网文快捕:收集文章的利器使用
  • 网页恶意代码防范技巧
  • 小心:利用网页仿冒欺诈盗窃
  • Windows防火墙使用经典十问答
  • “江民在线杀毒”的使用技巧
  • 在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com