本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上左右式结构。大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
左右式结构。清晰分列两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
上下式结构——个人网站以及少量企业网站。上方为导航,或广告区域。下方为正文部分。
规律骨骼,骨骼框架左右布局上下布局上左中右下布局骨骼结构模式,无规则,不规则骨骼布局,自由布局,个人网页
1、上下结构——导航条在下方时,页面大小:1000*680像素之间,防止出现滚动条。2、左右结构 3、上左右式结构——有多少内容划分多少模块。4、上左中右结构——通常用白色底色。5、综合结构 6、不规则结构
网站类型:上下式、左右式、上左右、上左中右、综合式。
上下结构个人网站中小型企业,左右结构个人网站中小型企业,上左右结构中大型企业,上左中右结构最广泛模式大型商务网站、政府网站、门户网站、科技网站,综合结构模式大型门户网站、比如搜狐,不规则结构模式凸显网站个性、重在渲染气氛。
上写结构,大多是个人网站,少数中小企业的首页,展现企业形象;左右式,大多是中小企业网站,少数个人网站;上左右式,大型或中型企业,内容较多 ;上左中右式,一般比较常用在电子商务,政府,教育,门户,科技网站;综合式:大型门户式网站;不规则式:重在凸显个性,渲染气氛,大多受一些企业或个人网站喜爱
有多少内容就划分多少模块,做到心中有数;上左中右由于内容较多,所以颜色上避免花哨,追求清爽!
主次划分:位置颜色和面积(三要素)LOGO放在左上角(最重要的位置)上下结构时,导航如果在下方,整个页面的尺寸不大于1000~680像素
网页设计的布局:上下结构,左右结构,上左右结构,上左中右结构,综合结构,不规则结构。
上左右式结构。首先看的内容是最重要的,最上方放最主要的内容。左侧一般都是二级导航。
左右结构式中,适用信息量比较少,不需要有太多的东西.
不规则结构 信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式结构 通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要量。
上左中右式结构又称为三栏式,是大中型 企业、电子商务 、门户网站比较喜欢的框架模式 是较常见的结构式。通常 上方右侧为登陆、搜索区或重要内容导航区。
上左右结构是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。页面主次可以通过位置 颜色 面积来划分。布局是可以灵活运用的,让我们突出的部分让浏览者看到。