网站设计之层的概述

层(layer)是种新的网站设计理念,在很多产品中都有体现,层可以在指定位置显示可以设置为可见或不可见,能够很好的实现文字、图片等元素之间的排版。
一、层的概述
在网页设计中引入层的概念.是一个很大的进步。利用层可以很方便的实现多种元素.如文字、图片、表格等的混排。可以这样理解层:将一个复杂的事物中的各元素拆分出来。每个元素作为一个层.层之间可以重复,所有层硬加在一起形成整个完核的复杂的事物。
二、创建层
在dreamwcaver中,层有两种普通层和定位层(absolute position div.绝对定位层),两者的区别在于前者只是产生了一个层标签,不带有任何属性,而后者不仅产生了一个层标鉴,而且以绝对定位的方式,即相距窗口顶部和左端的像素数来定位.并指定了宽度和高度.以及祷放次序。下面将通过一个简单的例子说明创建层和修改层属性的基本方法。dramweaver是一个可视化的网页编辑工具,为网页制作提供了更为简洁的途径.在drcamweaver通过可视化界面创建层有两种方法。
第一种方法使用【插入记录】菜单,具体操作步孩为依次选抒【插入记录】~【布局对象】一【ap div ]命令。便会在dreamweavcr的工作区的左l角产生一个ap层,使用【div标签】命令产生的就是普通层.不带有任何属性。
第二种方法更为简便,可以产生致认层和自定义层.欺认层的制作如下:将【布局】面板中的图标拖动到drcamweavcr的工作区中,将会生成个取认大小的认定层。白定义层的绘制,需要进行以下操作:先单击控制面板中的图标,然后在dramweavcr工作区中的任意位宜单击不放,拖动到适当位且释放鼠标,绘制白定义大小的ap层。另外将布局控制面板中的目图标拖动到drcamweaver的工作区中将会产生一个普通层。
三、操作层
在drcamweaver中层有未激活、选中、激活三种状态对处于未激活状态的层不能进行任何操作;对整个层的位置或其他属性进行修改时,必须先选中该层,激活层后方可对层中添加内容成对包含的内容进行编辑。
四、修改层的属性
改变层的属性,先要选中对应的层,对多个层的选取。可以通过按住shift键不放,单击要选择的层即可。改变层属性的操作步骤如下:使用【插入】菜单抽入一个ap层后,然后选择该层.即可在属性面板中对其属性进行设置。
上一个:用户体验是网站建设的根本
下一个:UI 设计师容易忽略的现实
尤溪网站建设,尤溪做网站,尤溪网站设计