本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上左中右式:门户网站通常使用(信息量大)—网站主体色比较单一
上左右式结构:适合大中型企业(主次划分:颜色,面积,位置)
左右式结构中,也可嵌套其他结构,使其内容更丰富(适用于内容稍多)
左右式结构:两边不一样大(导航通常放左侧),网站LOGO通常放左上角
显示器一般屏幕:1024*768,如果是上下式,而导航在下方的话,像素控制在1000*680
上下式:通常上方为导航条,下方为广告图(企业网站首页或是个人主页)
12.不规则结构.风格随意,凸显个性,重在气氛渲染,用于企业与个人
11.上导航区,下左中栏目及内容、广告,下右为登入、搜索和重要内容导航区。此类颜色不可太多
10.上左中右结构,三栏式——大中型企业,电子商务,门户网站喜用结构。
9.位置、颜色、面积来进行主次划分,复杂时可模块中再划分模块
5.左右结构式,阅读习惯上至下,左至右,主要信息放于左上角,布局上左大于右下
4.首页1024x768像素 一般网页 基本保证1000x680像素之间 (就可不用下拉导航条)
1.上下式结构,以导航条分隔上下结构,较为常见 2.首页展示形象,二级页面展示内容 3.导航条可分主次级
常用布局模式:上下式结构(个人网站)1000*680的像素 左右式结构(咖啡网站、设计网站、个人网站)LOGO通常放在左上角显眼的位置 上左右式结构(大中型企业,比如汽车轮胎企业网站、地产公司网站、星巴克公司网站、咖啡产品网站) 上左中右式结构又称三栏式(大中型企业、电子商务、门户网站,比如美食网站) 综合式结构(几种结构的综合应用) 不规则结构(信息量少,通常以一张形象、广告图片来表示)