本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上方为导航或广告区域、logo、动态的给你公司形象。
上下结构适合个人、中小企业、左右结构适合中小企业 极个别个人网站 、上左右结构式适合大型中型企业 表达内容较多 上左中右格式最普遍
1.上下式结构:常出现在个人网站 2.左右式结构:企业网站采用较多 3.上左右式结构:大中型企业采用较多 4.上左中右式结构:大中型企业、电子商务、门户网站用得较多 5.综合式结构:门户网站、不规则结构网站,6 不规则结构 信息量少,通常以一张形象、广告图来表示。风格较随意,凸显网站个性,重在渲染气氛
上下式结构:常出现在个人网站 2.左右式结构:企业网站采用较多 3.上左右式结构:大中型企业采用较多 4.上左中右式结构:大中型企业、电子商务、门户网站用得较多 5.综合式结构:门户网站、不规则结构网站
1.上下式结构:常出现在个人网站 2.左右式结构:企业网站采用较多 3.上左右式结构:大中型企业采用较多 4.上左中右式结构:大中型企业、电子商务、门户网站用得较多 5.综合式结构:门户网站、不规则结构网站
1.上下式结构:常出现在个人网站 2.左右式结构:企业网站采用较多 3.上左右式结构:大中型企业采用较多 4.上左中右式结构:大中型企业、电子商务、门户网站用得较多 5.综合式结构:门户网站、不规则结构网站
6 不规则结构 信息量少,通常以一张形象、广告图来表示。风格较随意,凸显网站个性,重在渲染气氛
5 综合结构式 通常情况下,网站不是只选用一种结构,而是综合应用,配合信息内容的需要
上左中右通常上方是导航菜单,下方左中侧为栏目及 内容,小广告区,右侧为登录、搜索区或重要内容导航区
4 上左中右时 即三栏式 是大中型企业、电子商务。门户网站比较喜欢的框架模式 是较为常见的结构
3 上左右式结构 上为导航 左为栏目等 右为主题部分等 这种结构内容更多
依照阅读习惯(从上往下,从左往右) 而logo经常是放在左上角
2 左右式 一般左侧的导航条,有时上方会有个小标题货标志,另一侧是正文, 企业网站大多采用这类结构
如果结构是上下式,且导航在页面下方,一定要保证尺寸不大于1000*680,以免搜索和浏览的不方便
网页的结构: 1 上下式(上 导航/广告区域, 下 正文)常用于个人网站及少量企业网站首页