本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
首先学会识别不同结构的网站。上下式结构,上方导航条或广告或Logo或其他,下方正文或Flash。多见于个人网站、产品或企业首页,展示形象。左右结构式,注意主次对比,左边多导航,习惯上左导航条。
上下式结构、左右式结构、上左右式结构、上左中右式结构、综合式结构、不规则结构、根据内容划分模块
总结布局模式 上下布局:个人网站/少数中小型企业首页 左右布局:中小型企业网站/少数个人网站 上左右结构:大型、中型企业 上左中右:普遍常见的 综合式:大型门户网站 不规则布局:凸显个性,渲染气氛
上左中右式结构 适用于大中型企业 、电子商务、门户网站
上左右式结构,适合于中小型企业 内容较多(内容多少,划分多少模块)
以1024*768 为例 上下结构、导航条在下制作页面高度为680 合适,否则右侧出现滚动条 使用户体验不好
第一讲:网站页面布局模式:1.上下结构:个人网站、中小型企业的首页(用于展现企业形象)2.左右结构:中小型企业网站、也用于个人网站 3.上左右结构:大型或者中型企业 4.上左中右结构:大型企业、电子商务、门户网站、学校网站、科技网站等 5.综合型结构:163网站、搜狐、新浪等门户网站 6、不规则结构:一般以一张形象、广告图片来表示,风格比较随意、凸显网站个性、重在渲染气氛
上下用于个人,左右更多用于中小型,也有用于个人,上左右用大中型企业,上左中右,大型电子商务,政府商务,学校,大型网站都会,综合形式大型门户,不规则结构,图片,重在渲染气氛民。
上下结构 导航条位于上方或下方 左右结构导航放置左侧
上下式 个人网站,左右式,中小型企业,上左右,大型网站常用
上下式 个人网站,左右式,中小型企业,上左右,大型网站常用