网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科
简体

网站设计之层的概述

时间:2014-07-08 来源:尚品中国 类型:网站百科
字号:   

层(Layer)是种新的网站设计理念,在很多产品中都有体现,层可以在指定位置显示可以设置为可见或不可见,能够很好的实现文字、图片等元素之间的排版。

网站设计的层


一、层的概述

在网页设计中引入层的概念.是一个很大的进步。利用层可以很方便的实现多种元素.如文字、图片、表格等的混排。可以这样理解层:将一个复杂的事物中的各元素拆分出来。每个元素作为一个层.层之间可以重复,所有层硬加在一起形成整个完核的复杂的事物。

二、创建层

在Dreamwcaver中,层有两种普通层和定位层(Absolute Position Div.绝对定位层),两者的区别在于前者只是产生了一个层标签,不带有任何属性,而后者不仅产生了一个层标鉴,而且以绝对定位的方式,即相距窗口顶部和左端的像素数来定位.并指定了宽度和高度.以及祷放次序。下面将通过一个简单的例子说明创建层和修改层属性的基本方法。 Dramweaver是一个可视化的网页编辑工具,为网页制作提供了更为简洁的途径.在Drcamweaver通过可视化界面创建层有两种方法。

第一种方法使用【插入记录】菜单,具体操作步孩为依次选抒【插入记录】~【布局对象】一【AP Div ]命令。便会在Dreamweavcr的工作区的左L角产生一个AP层,使用【Div标签】命令产生的就是普通层.不带有任何属性。
第二种方法更为简便,可以产生致认层和自定义层.欺认层的制作如下:将【布局】面板中的图标拖动到Drcamweavcr的工作区中,将会生成个取认大小的认定层。白定义层的绘制,需要进行以下操作:先单击控制面板中的图标,然后在Dramweavcr工作区中的任意位宜单击不放,拖动到适当位且释放鼠标,绘制白定义大小的AP层。另外将布局控制面板中的目图标拖动到Drcamweaver的工作区中将会产生一个普通层。

三、操作层

在Drcamweaver中层有未激活、选中、激活三种状态对处于未激活状态的层不能进行任何操作;对整个层的位置或其他属性进行修改时,必须先选中该层,激活层后方可对层中添加内容成对包含的内容进行编辑。

四、修改层的属性

改变层的属性,先要选中对应的层,对多个层的选取。可以通过按住Shift键不放,单击要选择的层即可。改变层属性的操作步骤如下:使用【插入】菜单抽入一个AP层后,然后选择该层.即可在属性面板中对其属性进行设置。


您好,现在就与尚品客服交流

专业网站建设 | 大型网站开发 | 营销网站建设 | APP开发等业务

您可以直接电话快速沟通

北京专线:010-60259772(总部)

天津专线:022-58793660

假日热线:010-60259772

北京地区微信

天津地区微信

快速在线提交需求

请输入您的姓名(尚品将对您的联系方式严格保密)

请输入您的联系电话或微信号