本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
布局清晰方面了解网站内容——骨架 上下式结构 信息少 常用于个人网站 少量企业网站
网页主要的结构模式分为六种:上下结构,左右结构,上左右结构,上左中右结构,综合式,不规则式
6种结构:上下式结构(个人网站)、左右式结构、上左右式结构、上左中右式结构、综合式结构、不规则结构
6、不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较为随意,凸显网站个性,重在渲染气氛。深受一些企业网站、个人网站的喜爱。
5、综合式结构:通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里面可以拆除几个不同的框架结构,来配合信息内容的需要。eg:门户网站
4、上左中右式结构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较为常见的结构式(颜色通常不花哨,一般下方采用白色背景)。通常上方为导航菜单,下方左侧为栏目及内容、小广告区,右侧为登陆、搜索区或重要内容导航区。eg:美食网站。
3、上左右式结构:大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容(可以利用面积来凸显重要层级)。eg:汽车轮胎企业网站、地产公司网站、星巴克公司网站(产品图片放在左侧)、咖啡产品网站
2、左右式结构:清晰分列两旁的框架结构。一般左侧是导航条,(左上角最重要位置放置企业logo)有时最上方会有一个小标题或者标志,另一侧是正文内容,一般用于企业网站。eg:设计网站、个人网站(信息量少)
网页结构:1、上下式结构,通常上方是导航或广告区域(logo或企业动态形象),下方为正文部分/大图片/Flash(常见于个人网站及少量的企业网站的首页)。eg:汽车网站、商务网站、个人网站(屏幕像素1024*768,导航条在下方网页尺寸需控制在1000*680)
上下结构式网页大小尽量控制在1000*680px的尺寸范围内
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格比较随意,凸显网站个性,重在渲染气氛
综合式结构:通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面上可以拆出几个不同的框架结构,来配合信息内容的需要
上左中右结构:又称三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式。是常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区
上左右式结构:是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容