本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
②左右结构式:清晰分列两旁的框架结构,一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容,企业网站大多采用这类结构。导航条一般在左侧或上侧,因为阅读习惯的原因。网站的LOGO一般放在左上角位置
当上面部分的页面占据很大部分,下面为导航条时,需将页面的尺寸显示在整屏之间,设置在1000×680之间
网页的结构相当于人的骨架,网页结构类型:①上下式结构:通常上方为导航或广告区域,下方为正文部分,这类结构常出现在个人网站及少量企业网站的首页,很少用于二级页面
1.左右结构。 2.上下结构。 3.上左中右(三栏式)结构。通常上方为导航栏,下方左中册为栏目及内容,小广告区,右侧为登入、搜索区或重要内容导航区。
调整页面主次三种方式:位置/颜色/面积,进行主次划分。上左中右式结构是通常在网站中常见的一种形式,这种页面内容比较多,信息量比较大,处理时从框架结构以及网页的颜色布局调整,为了追求页面清爽模式,更多的采用底色为白色的背景色来设计。
左右结构:通常导航区域都是位于左侧和上侧(重要内容放在这两个地方),网站的logo通常放在左上角。左右式结构更加多用于一些企业的网站特别是不大的小型公司,所涉及内容不是很多,而是给予需要把企业形象展示出来,所以用左右式结构来设置布局。
显示器一般的屏幕是1024*768,设计这个页面(上下结构的导航条在下方时设计页面)的尺寸需要控制在1000*680像素之间
5综合式结构。通常情况下,网站不是直选用一种结构,二十集中结构的宗河应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要。
4、上左中右式,称为三栏式,式大中型企业、点在商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航栏菜单,下方左中测为栏目及内容、小广告区’,右侧为登陆、搜索区或重要内容导航区。
3、上左右结构是大中型企业比较细化的框架结构。通常上方为导航菜单,下方为栏目及小广告
2、左右式机构,清晰分列两旁的框架结构。一般左侧是导航条,有时最上方有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
网站设计的结构:1、上下结构。通常上方为导航,或广告区域,下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页
结构:1、上下式结构:上方为导航,或广告区域。下方为正文部分。(导航条在下方时像素尺寸不大于1000*680)2、左右式结构:一般左侧是导航,有时左上方放小标题或LOGO。右侧是正文。3、上左右式结构:大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方左侧为栏目及小广告,下方右侧为内容。4、上左中右式结构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是常见的结构式。通常上方为导航条,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区或重要的内容导航区。5、综合式结构:通常情况下
不规则结构:信息量少,通常以一张形象,广告图片来展示。风格纹理随意,凸显网站个性,重在渲染气氛。
综合式结构:通常情况下,网站不会只选用一种结构,而是几种结构的综合应用。
上左中右式结构:又称为三栏式,是大中企业,电子商务,门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容,小广告区,右侧为登陆,搜索区或重要内容导航区。
上左右式结构:上左右式结构是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
左右式结构:清晰分列两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多数采用这类结构。
上下是结构:通常上方为导航条,或广告区域,下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页