文档介绍:第4章网页的布局与编辑
教学提示和教学目标
使用层
框架应用
网页布局设计
网站建设技术
教学提示和教学目标
教学提示:本章主要介绍使用Dreamweaver MX 2004来制作网页,在制作网页时,使用表格、图层与框架来对网页中的文本与图片进行编辑。经过编辑后的网页就会使浏览者能在最短的时间内阅读到更多的信息,任何使用精彩的布局来吸引读者,是网页文本和文档编排的关键。
教学目的:通过本章的学****要求读者能够掌握到图层、框架的编辑、操作和实际应用。并能够灵活的运用表格和单元格进行网页的整体布局,给网页的创建打下一个扎实的基础。从而可以独立的创建出一个优秀的网站。
使用层
图层是网页制作的新技术,它为网页设计者提供了强大的网页控制能力。图层是网页中的一个区域,一个网页中可以有多个图层,图层的最大魅力在于各个图层可以重叠,并可以决定每个图层是否可见,也可以定义各图层之间的层次关系。
插入新层并在【属性】面板上显示
嵌套图层
设置层编号
层与表格的转换
插入新层并在【属性】面板上显示
在网页的制作中,使用Dreamweaver MX 2004里的插入层命令,可以在工作舞台上插入层。通过插入的层,在【层】面板上可以很好的控制网页中层内容的显示。
嵌套图层
所谓嵌套图层就是将一个图层创建在另一个图层里,层的嵌套有许多好处,首先,嵌套层继承了其父层的所以特征,包括可视性和背景颜色等。另外,嵌套总是随其父层一起被移动的,如下图所示,为了区分父层和子层,在子层【属性】面板上将字体的颜色改为了白色。
设置层编号
层和表格相比最大的优点是层可以重叠。为了表示各个图层的上下位置,方便对图层的确认,就可以给每个层都设置一个编号。这个编号称为“Z顺序”,它的意思就是除了屏幕的X、Y坐标之外,逻辑上增加了一个垂直于屏幕的Z轴。“Z顺序”就好像图层在Z轴上的坐标值,这个坐标值可以为正可以为负,也可以为0,“Z值”最大的图层排在最上面。
改变层编号的方法很简单,选择菜单栏上的【窗口】|【层】命令,打开【层】面板,使用鼠标单击要改变编号的层,在“Z”提示文字下单击显示的数字,改为想设置的数值即可改变该层的Z值。
层与表格的转换
层与表格可以互相转换。将层转换成表格可以实现网页更好的兼容性,将表格转化为层则可以创建动态内容。也最大程度地方便网页设计者的设计工作,同时兼顾使用低版本浏览器的访问者。
框架应用
框架的作用是把浏览器的显示空间分为几个部分,每个部分都可以独立显示不同的网页。它的主要特征是网页中一部分固定不动,而另一部分换页更新内容。页面框架是由Frameset框架和Frame框架组成的。Frameset框架指的是整个页面的框架,主要决定框架的类型等。Frame框架指的是框架内部的小框,用来插入其他网页。
创建框架
设置框架属性
框架应用实例
创建框架
在Dreamweaver MX 2004中,可以非常方便地通过可视化的方法创建框架。框架是一种很实用的网页定位技术,利用框架可以把浏览器页面划分为几个部分,每个部分各自独立建立一个HTML文件,如果是使用框架,,也可以由若干Frameset框架构成,也就是说框架可以嵌套。
设置框架属性
通过Dreamweaver MX 2004的【属性】面板与【框架】管理面板可以轻松的设置框架的属性。框架的属性设置包括整个页面中的框架(Frame)与框架集(frameset)的属性设置。