本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
左右式结构--咖啡网站:清晰分列两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
上下式结构--一个人网站:通常上方为导航,或广告区域。下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页。
上下式布局比较适合内容较少的网站比如个人网站 中小型企业<br><br>上左右大中型企业<br>上左右型 大型的电子商务网站
上左中右式结构又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式,通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登陆、搜索或重要内容导航区。
不能大于1024像素×768像素 1000×680像素之间
上左中右式结构又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式,通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登陆、搜索或重要内容导航区。
上下结构导航页面下方时,保证整个页面不大于1000*680像素,才保证完整。
上左右式结构:上方为导航菜单,下方为栏目及小广告,右下侧为内容;通过位置、颜色、面积分主次划分;根据内容多少来划分相对应模块;
左右式结构:通常左侧是导航条,另一侧是正文,左上角通常是小标题或标志;可添加菜单丰富内容
上下式结构-通常上方为导航,或广告区域,下方为正文。(上下结构导航页面下方时,保证整个页面不大于1000*680像素,才保证完整)