常见的网页布局结构.ppt

第28页,共34页，2024年2月25日，星期天电子商务网站结构图第29页,共34页，2024年2月25日，星期天电子商务网站首页内容用户入口导航条商品类型搜索框首页广告最新动态推荐商品最新商品热卖商品特价商品购物帮助友情链接版权所有第30页,共34页，2024年2月25日，星期天第31页,共34页，2024年2月25日，星期天第32页,共34页，2024年2月25日，星期天第33页,共34页，2024年2月25日，星期天感谢大家观看第34页,共34页，2024年2月25日，星期天**条理清晰：网页起到向浏览者传达信息的作用，必须保持页面条理清晰、让每个浏览者都会很轻松的理解页面的内容。主次分明：一个网页所包含的网页元素很多，包括图像、文字、动画和影片等，必须通过布局来保证主次分明。色彩对比度适当：让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。例如不同颜色之间的对比，大块颜色与小块颜色的对比等，它们往往能够创造出丰富的变化效果。布局疏密适当：网页要做到疏密有度，不要整个网页一种样式，在适当进行留白，运用空格、改变行间距、字间距等制造出一些变化的效果。***“国”字型也可以称为“同”字型，是一些大型网页所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分别列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是大家大网上见到的最多的一种结构类型。***拐角型这种结构与“国”字型其实只是形式上的区别，其实很相近的，上面是标题及广告横幅，接下来是左侧的一窄列链接等，右列是很宽的正文，下面也是网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。***封面型这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果处理的好，会给人带来赏心悦目的感觉。***Flash型其实Flash型与封面型结构是类似的，只是这种类型采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。*关于常见的网页布局结构常见的网页布局结构国字型布局——国字型布局由同字型布局进化而来，因布局结构与汉字国相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。第2页,共34页，2024年2月25日，星期天常见的网页布局结构T型布局——T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。第3页,共34页，2024年2月25日，星期天常见的网页布局结构标题正文型——标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。第4页,共34页，2024年2月25日，星期天常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容第5页,共34页，2024年2月25日，星期天常见的网页布局结构上下框架型——上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。第6页,共34页，2024年2月25日，星期天常见的网页布局结构综合框架型——综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术第7页,共34页，2024年2月25日，星期天常见的网页布局结构POP布局——POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。第8页,共34页，2024年2月25日，星期天常见的网页布局结构FLASH布局——FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中，大部分甚至整个页面都是Flash。第9页,共34页，2024年2月25日，星期天页面布局页面布局效果条理清晰主次分明色彩对比度适当布局疏密适当第10页,共34页，2024年2月25日，星期天网页布局形式常见网页布局形式“国”字型拐角型标题正文型左右框架型上下框架型综合框架型封面型Flash型变化型“国”字