本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网站的结构与内容相配,常用的设计风格。分析网上商城的模式。上下式结构:
不规则结构:信息量少,通常以一张形象,广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式结构:通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆除几个不同的框架结构,来配合信息内容的需要。
上左中右式结构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登陆、搜索区或重要内容导航区。
上左右式结构:大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
左右式结构:清晰分列两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
上下式结构多用于个人网站及产品宣传。导航条在下方,则页面像素不能超过1000×680像素范围。
一个好的网站:它的结构是为了更好的让浏览者可以清晰的便捷的取了解网站的内容而存在的
上下式结构多用于个人网站及产品宣传。导航条在下方,则页面像素不能超过1000×680
下导航条时页面大小控制1000*680之间(1024*768一般屏幕像素)
⑥不规则结构:信息量少,通常以一张形象、广告图片来表示,风格比较随意,凸显网站个性,重在渲染气氛。
⑤综合式结构模式:通常情况下,网站不是只选用一种结构,而是集中结构的综合应用,在同一个页面里可以拆出及格不同的框架结构,来配合信息内容的需要。
但是这种结构如果处理不好会出现拥挤、杂乱无章、内容比较多的现象。这类网站为了追求网站的清爽模式,会选用白色背景进行设计
④上左中右式结构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登陆、搜索区或重要内容导航区。
③上左右式结构:是大中型企业比较喜欢的框架模式,通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。设计时需要保证首先看到的内容是最重要的部分。