本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
还有一种结构:不规则结构(信息量少 风格随意 凸显个性 重在渲染气氛)
通常网站设计采用不止一种结构 而是几种结构综合运用
LOGO通常放在网页左上角 上下式结构(多用于个人网站) 左右式结构(企业网站多采用) 上左右式结构(大中企业多用) 上左中右式又叫三栏式(大中企业丶电子商务丶门户网站多用)这种结构区别于上左右,中间为内容区,左右为导航丶广告丶登录
6.不规则结构-----信息量少,通常以一张形象,广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
5.综合式结构:通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要。
4.上左中右式结构:上左中右式结构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区。ps:主体色一般简单。
3.上左右式结构:是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。ps:三种调节页面祝词的方式:位置、颜色、面积;
2.左右结构式:清晰分列两旁的框架结构。一般做测试导航条,有时最上方会有一个小标题或标志,两一侧是正文内容。企业网站大多采用这类结构。ps:主要内容放置在上面或左侧,左上角一般是重点区域;左右结构式中也可以嵌套别的结构;
ps:首页展示形象,二级页面展示内容; 一般全屏1024*768 上下式结构,导航条在下方时,要保证页面尺寸不大于1000*680
一、网页结构:1.上下式结构:上方为导航,或广告区域。下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页。
认识6种基本网站布局模式:上下,左右,上左右,上左中右,综合,不规则。
门户网站应用较多,上左中右结构式页面主题色比较单一,追求页面清爽整洁,底色多为白色
左右式通常适用于小型公司或小型企业,展示效果更直观
左右式,需要展现企业形象等,犹如整个页面是大的形象展示。
上下实结构,上方可能导航条或者logo,动态公司形象。或者广告。而下结构,则是公司介绍或者是flash等
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。