本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
左右式结构:导航条在左,网站logo都放在左上角,任何一种方式都是如此
【当导航条设计在下面的时候】不能大于1024*768像素,页面大小大约要控制在1000*680像素
上下式结构--展示个人网站内容,个人特点比较多的网站类型。1024*768之内
上左右中式结构’‘是中大企业,电子商务,门户网站比较喜欢的框架模式,是常见的模式。通常上方为导航菜单,下方左中侧为栏目急内容,小广告区,,右侧为登录,搜索区或最重要的内容导航区
上左右是结构’‘是大中型企业喜欢的框架模式。通常上方为导航菜单,下方为栏目的小广告,右侧为内容,上方为最主要的东西,位置 颜色 面积的划分,地产公司/ 星巴克公司网站
左右结构式;左大右小,右小左大,左边为导航,导航一般是在上册或左侧,右侧正文,小设计公司一般会采用左右式
上下式结构---个人网站,上边是企业logo标着设计,一个导航条条,如果导航条在下方,页面布局不能超过1000/680,
上下式结构’‘上方为导航,或广告区域,下方为正文部分,这类出现在个人网站极少数企业网站首页。
上左中右式结构:通常上方为导航菜单,下方左中侧为栏目及内容,小广告区,右侧为登陆,搜索区域或重要内容导航区。
上左右式是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下为内容
左右式结构:清晰分列两旁的框架结构。一般左侧是导航区域,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
采用上下结构的首页,如果导航条在下方,为了能一次看清,避免右侧出现滚动条,需将页面控制在(小于)1000×680像素
上下式结构:上方为导航,或广告区域,下方为正文部分。这类结构通常出现在个人网站少量企业网站首页