打印

搜虎精品社区-教你了解DIV+CSS系列教程(第二讲)

本主题由 souho 于 2008-3-15 13:56 设置高亮

搜虎精品社区-教你了解DIV+CSS系列教程(第二讲)

第二讲 网页分析学---布局分析
网页是一个不断磨练的过程,而参考和分析经典的网页就是必不可少的东西了,现在的网页制作教学往往忽略这个东西,但是这个东西恰恰是最重要的。

网页分析学主要分为两个部分,一个是布局分析,一个是内容分析。
布局分析即观察一个网页,你能知道它的布局是怎么样的。

首先是水月小窝的主页(缩短了内容,便于观看)

第一眼看过,我们可以把小窝看做简单的布局,即,一页三层式(上,中,下布局)

然后再继续分析,中层部分为左右分栏布局,这样我们就可以初步划分了他的布局,写出了我们的制作走向.(数字为制作走向,即制作顺序)

1 上层--2 中层主框架--3 中层左栏--4 中层右栏--5 下层

再来我们看下暴雪的battle.net(缩短了内容,便于观看)

地址www.battle.net

首先我们可以分析出它是由左右分栏+底栏(这里可以看做是上下双层结构,然后上层分化为左右双栏)格式分化而来的

然后,在右栏由分化为上下双层结构

下层又分化为一个左右分栏

这样我们可以化出制作走向:(数字代表制作走向)

1 左栏--2 右栏主框架--3 右栏上层--4 右栏下层左栏--5 右栏下层右栏--6 底栏
附件: 您所在的用户组无法下载或查看附件
我们尊重所有会员!只要你付出了,大家都会看在眼里!态度决定一切!
感谢您对搜虎精品社区的关注与支持!希望各位朋友帮忙一起宣传下社区!
好社区需要大家的推广~~谢谢~!!!你对社区做的贡献社区不会忘记!
搜虎精品社区宗旨:免费,共享,互帮,互助,自由,团结,精益求精!
无规矩不成方圆,请搜虎精品社区所有会员朋友珍惜您的ID!社区因你们而精彩

TOP

提示: 作者被禁止或删除 内容自动屏蔽

TOP

dsafdfdfdfdfdffd

TOP

谢谢,不错的东东,学习一下

+1

评分总分

  • admin

TOP

TOP

关于我们  |   联系我们  |  广告服务  |  最新动态  |  版权声明  |  网站开发  |  人才招聘  |  友情链接  |  网站地图  |  RSS订阅服务
Powered by Discuz! 6.1.0 © 2001-2007 Comsenz Inc.
---------------------------------------------------------------------------------------
搜虎精品社区所有文章为会员所发布,会员拥有该内容的所有权力及责任,转载时请注明出处!
管理员:SouHo QQ:185951958(请直击主题),MSN:souho#live.com(#改为@) 其它非本人.
拒绝任何人以任何形式在搜虎精品社区发表与中华人民共和国法律相抵触的言论!
网站备案号:鲁ICP备07503818号 青岛市公安局网警支队专项备案号:37020020080578
法律顾问:于富律师(青岛)

Copyright 2007 - 2008 Souho.Net Corporation, All Rights Reserved!      Processed in 0.043187 second(s), 10 queries, Gzip enabled.