常见的网页布局结构

电子商务网站的主页内容布局授课：花小琴常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中，大部分甚至整个页面都是Flash。页面布局页面布局效果条理清晰主次分明色彩对比度适当布局疏密适当网页布局形式常见网页布局形式“国”字型拐角型标题正文型左右框架型上下框架型综合框架型封面型Flash型变化型“国”字型网页布局形式拐角型网页布局形式封面型网页布局形式Flash型网页版面布局与制作布局就是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。“最适合”是一个不确定的形容词。布局的重要性：挖掘客户的需求，将用户需要的内容充分展示出来，为客户提供舒适、友好、简单的访问体验，进而留住客户，还能结合SEO，提升网站的搜索引擎排名。如同盖房子有草图一样，网站设计也同样有草图。草图示意图（布局图）——美工图网站外形尺寸：网页黄金分割网站外形尺寸：网页黄金分割九宫格在这个九宫格中中间部分就产生了四个交叉点，这四个交叉点就是视觉中心点。九宫格十六种常见布局形式网站示意图1.首页2.列表页（文字列表、图片列表）3.内容页4.单页面电子商务网站结构图电子商务网站首页用户入口搜索框商品类型广告促销活动最新商品推荐商品热卖商品购物帮助友情链接版权所有导航商品分类商品列表商品介绍加入购物车商品评价商品问答客户服务购物流程付款方式配送服务售后服务后台管理商城信息管理活动管理商品分类管理商品管理订单管理我的商城帐户管理我的订单我的问答我的评价确认订单提交订单关于我们促销活动广告管理问答管理评价管理活动列表活动内容页登录/注册加入收藏我的收藏购买电子商务网站首页内容用户入口导航条商品类型搜索框首页广告最新动态推荐商品最新商品热卖商品特价商品购物帮助友情链接版权所有本次课任务任务画出网站的三级示意图（布局图、草图）1.首页示意图；2.二级分页示意图（如商品列表）3.二级分页示意图（如我的商城）4.三级分页示意图（如商品介绍）使用软件：Photoshop、DreamWeaver、Word要求：画出框架，不需要详细设计可以参考，但不能照搬