本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上左右结构大多数是用于一些大中型企业,网页内容表达较多,所以采用;上左中右:目前最广泛的,电子商务、政府、门户、学校、科技等等网站,都会用。
上下式结构通行于个人网或中小型企业网站,左右式的结构更多用于中小型企业,会有一些极个别的人会用这种布局
6种网页布局模式,上下左右 简单的布局是个人中小企业的网站模式,上左右 上左中右 混合模式的中大企业的设计模式
综合结构。不规则结构:凸显网站个性,重在渲染气氛。
上左中右结构,门户网站应用最多,是网站中常见的形式。内容多,信息量大。
上左右结构,上方为导航菜单,左为栏目/广告,右方为主要内容。
上下结构,上方为导航或者广告区;下方为主要内容。左右结构,一般左侧是导航条,最上方有时会有小标题或标志。
显示屏常规尺寸 1024×768 1000×680
上下式结构 上方导航条或广告 下方文字 突出个人形象 多应用个人网站 及少量企业网站
上下结构 个人网站(内容少 应用多)上方导航条 LOGO 显示器1026*768像素
上下结构式(个人),左右机构式(中小企业),上左右机构式(大中企业)上左中右(电子商务)综合式结构(大型企业)不规则结构