联系方式Contact Us

胶南网站建设联系方式

我们的服务Service

  • 1网站建设、网页设计
  • 2网站策划、品牌推广
  • 3网站动画、创意设计
  • 4程序开发、个性定制
  • 5域名主机、企业邮箱
  • 6网站推广、整合营销
  • 7访客接待、网站管理
  • 8网站诊断、效果评估

网站建设

网站中层的使用

层是一种HTML页面元素,可以将它定位在页面上的任意位置。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。层最主要的特性是它可以在网页内容之上浮动。换句话说,可以在网页上任意改变层的位置,实现对层的精确定位。正是由于层的这种特性,才实现了利用层对网页中的内容进行精确定位的功能。下面就通过这些特点介绍层在页面中的应用。
层可以被显示或隐藏,利用程序在网页中控制层的显示或隐藏,实现层内容的动态交替显示,实现一些特殊的显示效果。层还可以重叠,因此可以在网页中实现内容的重叠效果。在网页中使用层可以为网页设计提供更多的选择和更快捷的途径。如:在层上可以放置文本、图像、插件,甚至其他的层。简单地说,层就是网页内容的容器,所有可以放置于网页中的内容,都可以放置在层上。层在网页制作中使用的范围比较广。一般来说主要用在导航栏、浮动链接以及浮动窗口等。很多比较熟悉的门户网站首页,就是用层制作的一个浮动链接在网页两侧滚动,层在平面坐标X,Y上又添加一个具有三维空间的坐标z,使层有一个叠放顺序。层的一个重要功能就是可以使页面元素重叠。在Dreamweaver里按下快捷键F2,就可以调出“层”面板,在这里可以很方便地切换层,同时便于调整层顺序,z值大的层在上面,还可以设定层是否可见。
层的随意定位的特性给网页设计者带来了很大的方便,但同时也带来了一定的麻烦众所周知,为了让网页能够自动地适应用户设置的分辨率,在网页制作过程中人们蜀采用了百分比的设置方式,从而使页面的所有元素重新排版,保证原来的格式。但如果在页面上使用了层,会发现当浏览器大小改变时,层的位置却没有改变,结果它和其他元素之间的配合出现了错位现象,页面变得杂乱无章了。而设计者是不能够强制用户使用特定的分辨率的,那么就只有想办法让层的位置也能够像表格一样根据浏览器大小的改变而重新定位,这就需要合理地使用相对定位和绝对定位了。
绝对定位:即层默认的定位方式,绝对于浏览器左上角的边缘开始计算定位数值。
相对定位:层的位置相对于某个元素设置,该元素位置改变,则层的位置相应改变。
对比两种定位方式不难发现,使用相对定位的层才是真正实现设计者思想的方式,从j而完全掌握层的排版。很多情况下,插入的层的位置并不一定准确,特别是Dreamweaver并非真正的所见即所得的软件,网页的排版只有到浏览器中显示才可以真正看到排版的效果,所以上面所说的方法就显得过于简单而容易出问题了。这时候,需要给层一个定位的参照物,让它真正相对定位。

上一篇:字体在网页设计中的运用
下一篇:企业网站建设中实现的主要功能