常见的网页布局结构PPT精选文档

1、1,电子商务网站的主页内容布局,授课：花小琴,2,常见的网页布局结构,国字型布局国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等,3,常见的网页布局结构,T型布局T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容,4,常见的网页布局结构,标题正文型标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等,5,常见的网页布局结构,左右

2、框架型布局左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容,6,常见的网页布局结构,上下框架型上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架,7,常见的网页布局结构,综合框架型综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术,8,常见的网页布局结构,POP布局POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体,9,常见的网页布局结构,FLASH布局FLASH布局是指网页页面以一个或多个Flash作为页面主体

3、的布局方式。在这种布局中，大部分甚至整个页面都是Flash,10,页面布局,页面布局效果 条理清晰 主次分明 色彩对比度适当 布局疏密适当,11,网页布局形式,常见网页布局形式 “国”字型 拐角型 标题正文型 左右框架型 上下框架型 综合框架型 封面型 Flash型 变化型,国”字型,12,网页布局形式,拐角型,13,网页布局形式,封面型,14,网页布局形式,Flash型,15,网页版面布局与制作,布局就是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。“最适合”是一个不确定的形容词 。 布局的重要性：挖掘客户的需求，将用户需要的内容充分展示出来， 为客户提供舒适、友好、简单的访问体

4、验，进而留住客户，还能结合SEO，提升网站的搜索引擎排名。如同盖房子有草图一样，网站设计也同样有草图,16,草图,17,示意图（布局图）美工图,18,网站外形尺寸：网页黄金分割,19,网站外形尺寸：网页黄金分割,20,九宫格,在这个九宫格中中间部分就产生了四个交叉点，这四个交叉点就是视觉中心点,21,九宫格,22,十六种常见布局形式,23,网站示意图,首页 列表页（文字列表、图片列表） 内容页 单页面,24,25,26,27,28,29,电子商务网站结构图,30,电子商务网站首页内容,用户入口 导航条 商品类型 搜索框 首页广告 最新动态 推荐商品 最新商品 热卖商品 特价商品 购物帮助 友情链接 版权所有,31,32,33,34,本次课任务任务,画出网站的三级示意图（布局图、草图） 1.首页示意图； 2.二级分页示意图（如商品列表） 3.二级分页示意图（如我的商城） 4.三级分页示