本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下结构的页面,如果导航条在下方,要保证页面的尺寸限制在屏幕的整屏范围之内(显示器尺寸1024*768)限制在1000*680的像素范围
上下结构的页面,如果导航条在下方,要保证页面的尺寸限制在屏幕的整屏范围之内(显示器尺寸1024*768)限制在1000*680的像素范围
综合式结构:几种框架结构混用。不规则结构:信息量少,常以一张形象、广告图片表示,风格随意彰显个性。
上左中右式结构:三栏是式结构,大中型企业,电子商务,门户网站多用。上方导航,左中为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区。该结构易产生内容过多的杂乱现象,因此主题色较简洁。
上左右式结构:大中型企业多用。上方导航,下方左侧栏目及小广告,右侧主体内容。
左右式结构:导航位于左侧,左上放置重要logo或标题,展示企业形象,注意画面主次对比和变化,企业网站、小型公司大多采用该结构。右侧可嵌套其他信息,丰富页面内容。
上下式结构网页,若上方画面,下方导航条,页面尺寸需限制在整屏范围内,通常在1000*680之间。保证不需挪动进度条就可以看到下方导航。
上下式结构:上方导航或广告,下方正文。多用于个人网站或少量企业网站首页。
1、设计尺寸控制在1000*680
2、上下式结构:通常上方为导航或广告区域,下方为正文部分,这类结构常出现在个人网站及少量企业网站的首页。
3、左右结构式:清晰分裂了两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
4、上左右式结构:是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
5、上左中右式机构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式结构:通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要。
上左中右式机构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区、右侧为登录、搜索区或重要内容导航区。
上左右式结构:是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
左右结构式:清晰分裂了两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
结构类型:上下式结构 通常上方为导航 或广告区域 下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页。
不规则 信息量少 通常以张形象 广告图 风格较随意 凸显网站个性,重在渲染气氛