本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上左右式结构(大中型企业比较喜欢的框架模式) 上左中右式结构 (大中型企业、电子商务、门户网站比较喜欢的框架模式)
网页结构:是设计网页的基础 网页结构:上下式结构——个人网站、汽车、商务网站 左右式结构——咖啡网站(左侧是导航。有时最止方会有一个小标题或标志,另一则是正文内容。企业网站大多彩用这类结构)
上左中右式结构-----三栏式,是大中型企业,电子商务,门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容,小广告区,右侧为登陆搜索区或重要内容导航区。
上左右式结构----上面是导航条/左边为下拉菜单或者小广告/右边是主体.要通过颜色对比区分上下左右.
1.上下式结构(1000*680)----个人网站/汽车网站/企业网站首页/商务网站;2.左上角放置logo,导航条一般都在上方或者左边;左右式结构-----设计网站/个人网站.
上下结构适用于个人或企业首页,左右结构适合小型企业,(这两种布局颜色可以采用多种颜色布局)上下左右适合大中型企业,内容较多。上左(中)右式适合电子商务企业,(这两种布局适合颜色单一,一般可采用白+N的模式设计)综合式,不规则式重在渲染气氛。
划分重点可采用1、位置2、颜色3、面积进行划分
一般网页页面大小在1024*768di,实际布局尺寸则在1000*680以内,可以方便快捷浏览页面。
导航一般都在页面左侧和上侧,logo则在左上侧
1024*768 像素 首页 1000*680之间
不规则结构:信息量少,通常一张形象、广告图来表示。风格较随意,个性,渲染气氛,视觉冲击。
左右式结构:分清主次,一般左侧是导航条,最上面是小标题或标志。另外一侧是正文内容。嵌套方式多样性。适合企业网站。上左右式结构适合大中型企业,一般上面是导航,左侧是次级导航或广告区域,如星巴克公司网站。上左中右式结构:大型企业、电子商务、门户网站适合,通常上方是导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登陆、搜索区或者重要内容导航区,要注意颜色,更多是白色背景。综合式结构:
上下式结构:上方为导航或广告区域或logo或公司的flash.这类常出现在个人网站或简单的小企业网站。上下结构多出现在首页。页面尺寸限制在整屏范围之内(一般是1024*768PX)。
上下结构(导航、banner图、次级导航,控制在1000*680范围内)——个人网站、产品、中小企业网站,左右结构(做小右大,右边也可以嵌套为几个模块)——(咖啡网站、设计网站、小企业网站)LOGO一般放左上部 上左右结构——(大中型网站)位置、颜色、面积来划分页面主次信息 上左中右结构——(大中型门户网站)缺点是条理不清晰,比较杂乱,颜色尽量简单清爽,大多采用白色背景 综合模式结构——(门户网站)