本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
一屏尺寸1024pxX768px 1000pxX680px
上下式结构——个人网站。上方导航或者广告区域,下方正文。
网站设计部分结构 上下 左右 上左右 上左中右 综合 不规则
上左中右结构式(三栏式)(中大型企业、电子商务、门户网站比较喜欢的框架模式)——美食网站
上左右式结构(中大型企业比较喜欢)——地产公司网站 星巴克公司网站 咖啡产品网站
左右式结构——咖啡网站 (重要内容在左 上依据浏览习惯 logo一般在左上方) 设计网站 个人网站
上下式结构----- 个人网站 汽车网站(产品、企业网站中常见) 商务网站 (导航在下边第一屏 一般在1000* 680范围内)
不规则网站,一张形象,广告图来表示,风格重在渲染气氛
上左中右,又称为三栏式,是大中型企业,电子商务,门户网站比较喜欢的框架模式。一般底色白色为背景
左右结构式,一般左侧是导航,另一侧是正文内容,有时最上方有个小标志,企业网站大多采用这类机构
上下结构,通常上方为导航或者广告区域,下方为正文部分。这类结构主要出现在个人网站及少量企业网站的首页