本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下结构式、左右结构式(中小型企业)、上左右(大型企业中型企业表达内容较多)、上左中右(最广泛、最常见,商务网站教育网站)、综合结构、不规则结构形式(个性,渲染气氛)
左右式结构:左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容,企业网站大多采用这类结构。
上左右式 上左中右式(三栏式,大中型企业,电子商务 门户网站)
上下式结构[个人网站、公司或企业网站首页、商务网站等;导航条可上可下;像素范围680*1000
上下式结构[个人网站、公司或企业网站首页、商务网站等;导航条可上可下;像素范围(680-1000)]
上下结构式、左右结构式、上左右结构式、上左中右结构式
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式结构:同一个页面可以拆出几个不同的框架结构,来配合信息内容的需要
上左中右结构:上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区域或重要内容导航区(用途:大多数大中型企业、电子商务、门户网站)
上左右式结构:上方为导航,下方为栏目及小广告,右下侧为内容(用途:大中型企业)
左右式:左侧是导航条,有时最上方会有一个小标题或是标志,右侧正文(用途:大多企业网站)
上下式结构:通常上方为导航,或广告区域,下方为正文部分(用途:个人网站及少量企业网站的首页)
上左中右式结构又称为三栏式 是大中型企业、电子商务和门户网站比较喜欢的框架模式 内容比较多底色为白色可以显得清爽干净。通常上方为导航菜单 下方左中侧为栏目及内容、小广告区 右侧为登陆、搜索区或重要内容导航区。
上下式、左右式、上左右式、上左中右式、综合式结构、不规则结构