网站前端开发常用的布局方式有哪些

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  知道合伙人软件行家采纳数:183获赞数:1994HTML5研发工程师 IT编程布道师 教育工作者向TA提问展开全部实现网页布局的方式方法比较多,布局方式可以大概分为这几类。

  当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧,网页布局看起来貌似简单,但是它需要综合使用很多HTML+CSS的知识,总的来说知识量是不小。如果想系统化的了解HTML+CSS方面的知识,建议你选择一本比较不错的HTML5相关书籍(主要看知识逻辑、知识的表达方式,比如《HTML5布局之路》)进行学习,让自己的知识更扎实一些,不然学的零零散散的。

  Tips:学习好HTML+CSS有利于后面学习JavaScript,毕竟需要它们两者结合在一起才可以实现出可交互的前端页面。

  所谓的“厂”字型布局结构,就是指页面顶部为横条网站标识和广告条,下方左面为主菜单,右面显示内容的布局。菜单条与背景,整体效果类似“厂”字。“厂”布局是目前最常见的一种网页布局方式。这种布局的优点是页面结构清晰,主次分明。缺点是由于被使用得过多,显得缺乏创意,略显呆板。

  

  这种布局多用于国外站点,通常页面上方横向几条色块,将页面整体分割为若干部分,色块中大多放广告图片或者Flash动画。

  “国”字型布局通常上下各有一个广告条或者其他栏目条,左面是主菜单,右面放友情链接或者其他栏目等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面显得比较拥挤和局促,不够灵活。

  这类网页通常内容多,信息量大,通常没有时显的线条作为边界,图片用得也比较少,一般通过文字的排列产生视觉上的分区效果。

  区块型布局现在出现的越来越多,在网页上各个区域具有封闭的边界,经过合理放置显得清晰美观。其缺点是由于片面固定,各区域很难根据其中的内容的多少而调整大小,因此不适宜用于区域内容的长度经常变化的网页。

上一篇:海口车旺车厢制作有限公司怎么样?   下一篇:在B2B平台推广的实用技巧
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。)
热门搜索:

网站前端开发常用的布局方式有哪些

可选中1个或多个下面的关键词,搜索相关资料。也可直接点搜索资料搜索整个问题。 知道合伙人软件行家采纳数:183获赞数:1994HTML5研发工程师 IT编程布道师 教育工作者向TA提问展开