第1讲网页设计概33方案.ppt

常见的网页结构类型 (1)“同”字型布局 “同”字型布局（又叫“国”字型布局）的结构特点是：页面顶部为水平放置的主导航栏，其下大体上分为左中右三栏，左边一般放置内容导航、二级栏目或热点内容等；右边一般放置站点图片链接、动画广告、搜索引擎、友情链接和注册登录信息等；中间为主要内容板块。 “中国人民大学”首页 这种结构布局是互联网上最常见的布局，其优点是：页面结构清晰、直观、平衡均衡和主次分明。缺点是版次过于呆板、僵化，往往给人一种“单调乏味”的感觉。因此，采用这种布局结构时，必须在设计过程中更加注重色彩的搭配和细节的处理，调节页面的整体韵律，弥补它的不足。 (2)“匡”字型布局 “匡”字型布局（又叫“拐角型”布局）是把“同”字型布局右边的内容移到底部而成，它们的结构特点和优缺点也大体相同。如北京交通大学首页就属于这种布局。 (3)“吕”字型布局 “吕”字型布局的特点是把页面分为上下两大块，其中每一块都具有同字型结构的特点。这种结构在设计技术上采用上下两个表格进行页面元素的定位，两个表格之间往往插入条幅广告。这种布局能够容纳大量信息，目前各大型门户网站的二级模块通常都是采用“吕”字型的布局。如“新浪体育”、“网易新闻”和“搜狐财经”等网页。 (4)自由式布局 自由式布局打破上述结构的“规规矩矩”，尽情挥洒。页面布局就像一张宣传海报，极具创意。这种页面常常以一幅精美的图片作为