• 在线
    咨询
  • 关注
    微信
  • 预约
    建站
  • 您所在的位置:首页 > 建站知识 > 网站建设资料 > 正文

    网站建设基础知识2.2:DIV+CSS布局之页面布局方式

    作者:南昌网络公司 来源:原创 日期:2015-5-8 8:29:46 人气:186 标签:网站建设 基础知识

    页面布局的方式包括五种,即Div+CSS表格、布局表格、框架、层。

    Div+CSS目前网页布局的主流工具。

    表格:在Div+CSS诞生前曾是网页布局的主要工具。

    布局表格是常用的布局工具。使用它布局能对不同对象加以处理,而不用担心不同对象之间的影响,它在标准视图下会自动转化为表格的。

    框架:也是常用的布局工具。

    Dreamweaver独有的 Layer(层)功能可灵活自如布局,因层可以方便地调整大小、移动、精确定位、对齐、嵌套。但页面内容多时反而难以控制且不便于日后的维护,故层仅作为辅助布局工具使用。

    在进行页面布局时,需注意以下一些问题:

    页面尺寸:网页的页面尺寸和显示器大小及分辨率有关,一般分辨率在800 x600的情况下,页面的显示尺寸为 760 x 420个像素。浏览器的工具栏也是影响页面尺寸的原因(显示全部的工具栏和关闭全部工具栏时,页面的尺寸是不一样的)。在浏览器中一般在窗口左右留有一定的空白以防旧的显示器显示不出全部内容,故用宽度用760像素而不是800像素。同样,在分辨率是1024 x 768的情况下,也要考虑这些因素。如中国教育和科研计算机网首页(http://www.edu.cn/

    注意:在网页设计中,向下拖动页面是唯一给网页增加更多内容(尺寸)的方法。但是,除非你肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么最好能用锚记做上页面的内部链接。

    页头:其作用是定义页面的主题,故常放置站点名称(如在线花店)及图片、公司标志以及旗帜广告。

    页脚:和页头相呼应,用于放置制作者版权信息、公司信息、浏览器分辨率要求等。

    图片和文本:是网页的两大基本构成元素,缺一不可。如何处理好图片和文本的位置成了整个页面布局排版的关键。

    多媒体:声音(Audio)、动画(Flash)、视频(Video)等媒体,随着动感网页的盛行,它们在网页布局排版上将变得更重要。

    技巧:学习布局排版的最好方法是找一个你认为不错的站点的首页,保存为HTML文件,再利用网页编辑工具打开它(要所见即所得的软件),就会看到这个页面是如何布局的。


    网站建设资料

    联系我们

    联系地址:南昌市北京西路437号江西师范大学

    联系电话:0791-88626667

    客户经理:+(86)139 0709 1599(邓经理)

    客户QQ:8675405(圣川)  14967782(圣川)

    技术QQ:707917799(圣川)

    关注我们

    我们的成功离不开各位朋友的关注,通过以下方式可以关注我们!

    南昌圣川网络

    • 版权所有:南昌圣川网络官方网站
    • 网站备案:赣ICP备13008082号-4
    • 站长统计: