本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
常用网页布局模式:上下式结构(个人网站及少量企业网站);左右式结构(企业网站);上左右式结构(大中型企业较喜欢);上左中右式结构(大中型企业、电子商务、门户网站较喜欢的框架模式,是较为常见的结构式);综合式结构(根据信息内容的需求综合运用框架结构);不规则结构(风格较随意,凸显网站个性,重在渲染气氛)。
网页的结构是网页设计的基础,就像人的骨架一样支撑整个设计内容。
5.综合式结构;6.不规则结构,通常以一张形象、广告图片来表示,风格较随意!
4.上左中右式结构,通常是大中型企业,电子商务,门户网站比较喜欢的框架模式。上方为导航菜单,下方左中侧为栏目及内容,小广告,右侧为登陆,搜索区或重要内容导航区。
3.上左右式结构,大中型企业的框架模式,通常上方为导航菜单,下方为栏目及小广告,右下侧为内容;主次划分通过 位置,颜色,面积进行主次划分
2.左右式结构,一般左侧是导航条,有时最上方会有一个小标题或LOGO,另一侧是正文部分。多用于企业网站,急需展示企业形象!
1.上下式结构:上方为导航或广告区域,下方为正文部分或大图片。通常出现在个人网站应用较多!
网页的结构他是为了解决浏览者可以更加清晰的更加方便的浏览网站的内容
上下式结构,如果页面铺满屏幕,导航条在下方,这样的页面设计时,页面尺寸限制在屏幕整屏范围之内。
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较随意,能凸显网站个性,重在渲染气氛。
在通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要。
左右式结构:清晰分列左右两旁的框架结构,一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这种结构。
上下式、左右式、上左右式、上左中右式、综合式结构、不规则结构
不规则结构:信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。