本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网页布局有6种结构:1.上下式结构(上是logo+导航区,下是广告画)、2.左右式结构(左是logo+导航区,右式广告画)、3.上左右结构(大企业比较喜欢用)、4.上左中右式结构(大中型及电子企业,最普遍)、5.综合式结构、6.不规则结构
网页布局:1、上下式结构(适用于个人网站,中小企业网站首页)2.左右式结构网站(适用于中小企业网站)3.上左右式结构(大中型企业网站)4.上左中右式结构(三栏式,适用于大中型企业网站,电子商务网站,门户网站)5.综合式结构6.不规则式结构(风格随意,个性,渲染气氛)
1、网页结构-布局 识别:第一种上下式结构(上面-导航条/广告区域/logo/动态的公司形象、下面-正文/图片/flash)个人网站-展示自己的形象
上左中右结构式:运用最广泛、最为普遍的应用像大型电子商务网站、政府、学校、科技网站。
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式网站。一个网站通常根据网站的内容,采用不同的框架结构。
上方导航菜单、下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区。
上左中右又称为三栏式,是大型企业、电子商务、门户网站
划分主次时,可以通过位置、颜色、面积。制作网页之前,根据内容的多少划分模块的多少。
上左右式的结构,一般大中型的企业用的框架模式。上方导航菜单、下方为栏目及小广告,右下侧为内容。
logo的位置网页中的左上角,左右式更多的小企业的设计
左右结构式:通常把导航条放在左边,左边的占的位置较小,右边放主要的内容,占的位置较大,使浏览者一下的注意到主要的内容
网页首页导航条在下方图片一般在屏幕整显示的范围内(1024x768像素),页面在1000x680之间,流量者能看到。
上下式的结构在个人网站用的比较常用。首页部分为了展示形象。子页部分为展示内容部分。