本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
不规则结构,信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式,通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要。
上左中右式结构又称三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登陆、搜索区或重要内容导航区。
上左右式结构是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
左右式 一般左侧的导航条,有时上方会有个小标题货标志,另一侧是正文, 企业网站大多采用这类结构,左右结构式:通常把导航条放在左边,左边的占的位置较小,右边放主要的内容,占的位置较大,使浏览者一下的注意到主要的内容
首页是为了展示形象 多用上下结构 二级页面展示内容基本不用上下结构 上下式的结构在个人网站用的比较常用。首页部分为了展示形象。子页部分为展示内容部分。
网页布局:1、上下式结构(适用于个人网站,中小企业网站首页)2.左右式结构网站(适用于中小企业网站)3.上左右式结构(大中型企业网站)4.上左中右式结构(三栏式,运用最广泛、最为普遍的应用像大型电子商务网站、政府、学校、科技网站。)5.综合式结构6.不规则式结构(风格随意,个性,渲染气氛)
上下型,左右型,上左右型,上中左右型,综合性,上左中右型,不规则型
上下式结构:汽车网站、商务网站、个人网站;左结构式:咖啡网站、设计网站、个人网站;上左右式结构:上方为导航菜单,下方为广告或主题内容,左上角放logo;上左中右结构:大中型企业,电子商务、门户网站,上为导航、下左为栏目、下中为广告、下右为登录;综合式结构:几种结构的综合
上左右式结构:上方是导航 左上方logo 左下方 细节导航 左内容
左右式结构:左是导航 左上角放重要的东西比如logo 右是内容 企业用的比较多
网页布局:为了更好解决浏览者的问题。1.上下式结构:通常上方为导航,或为广告区域。下方为 正方部分。这类结构出现在个人网站较多。 2.左右式结构:清晰分列了两旁框架结构,一般左侧是正方內容。企业网站大多采用这类结构。 3.上左、右式结构 4.上左、下右式结构 5.综合式结构 6不规则式结构
上下结构:个人网站;左右结构:个人网站和小企业;上左右:常用,大中型企业喜爱,上方导航,下方为栏目及小广告和主要内容部分;上左中右:大中型企业、电子商务、门户网站常用。综合式:几种结构综合应用。同一个网站里可以采用不同的框架结构,如主页采取上下、左右式,二级页面采用上左右或上左中右式。不规则结构:信息量少,以一张形象图片来表示,凸显个性,渲染气氛。