本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下式,到航条在页面下方,尺寸不大于1000×680px
页面布局:上下:个人 中小企业 左右:中小企业网站 上左右:大型中型企业 上左中右:最广泛 大型电子商务 政府 学校等 综合:大型门户网站 不规则:凸显个性
上下:个人 中小企业 左右:中小企业网站 上左右:大型中型企业 上左中右:最广泛 大型电子商务 政府 学校等 综合:大型门户网站 不规则:凸显个性
不规则结构:信息量少,通常以一张形象、广告图片来表示,风格较随意,凸显网站个性,重在渲染气氛。
综合式结构:同一个页面可以拆出几个不同的框架结构,来配合信息内容的需要
上左中右式结构案例:企业网站、美食网站。 信息量大,处理不好会杂乱无章,从框架结构及颜色调整,多采用白色为背景色,颜色不多
上左中右式结构:又称为三栏式,通常上方为导航菜单,下方左中侧为栏目及内容小广告区,右侧为登录、搜索或重要内容导航区,大中型企业。电子商务、门户网站比较喜欢
上左右式结构案例:汽车轮胎企业网站、地产公司网站、星巴克公司网站、咖啡产品网站
上左右式结构:上方为导航菜单,左下方为栏目及小广告,右下侧为内容,大中型企业常用
左右式结构案例:咖啡网站、设计网站、个人网站、小型公司
左右式结构:左侧为导航条,有时最上方(左上角)会有一个小标题或标志,另一侧为正文,企业网站多采用
上下式结构:汽车网站、商务网站、个人网站(导航条在下方时,分辨率小于1000*680)产品等网站首页常见,二级页面不常见
上下式结构:通常上方为导航或广告,下方为正文,常用于个人网站及少量企业网站的首页
不规则结构:信息量少,通常以展示个性,重在艺术气氛的营造。
上左中右式结构,又称三栏式,是大中型企业,电子商务,门户网站比较喜欢的框架模式,是比较产检的结构式。通常上方为导航菜单,下方左中侧为栏目及内容,小广告区,右侧为登陆,搜索区或重要内容导航区。
上左右式结构是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小刚搞,右下侧为内容。
阅读习惯,从上至下,从左至右。所以导航一般是在上或者是左边。