本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
不规则结构,风格随意,彰显个性,信息量少。一些时尚企业和个人适用。
综合式,一个界面上可以拆分出集中不同的框架结构,来满足需要。
上、左、中、右,大中型企业,电子商务,门户网站喜好的模式。上方导航,下方左中为栏目内容,广告区,右侧为登录,搜索或重要内容导航区,处理不好的话会有杂乱,无重点的问题,尤其用色要注意不能太多。
上、左、右结构,大中型企业偏好的格局。注意突出强调重点部分(位置,面积,颜色)。
三栏式分割,仍旧左侧为导航,中间大面积图片展示,右侧细化模块。
左右结构,注意主次关系,产生视觉对比,导航一般在左侧,符合大众阅读习惯。logo通常放左上角。
显示器一般 1024*7680最常见像素,不可以大出该范围,控制在1000*680像素之间为宜,首页尽量不出现滚动条
内容较少,采取大面积图片,展示个人风格,着重体现产品的,适合上下结构,尤其是首页。
上方导航或广告,下方正文,适用于个人网站及少量企业网站的首页。
导航条放置在下方时页面尺寸控制在1000*680像素
上下结构多适用于个人网站,以及小型企业网站,logo多放于左上角
网友布局1:上下布局,适用于个人网站和少量企业网站首页,就导航区分割为上下两部分。导航在下方是页面尺寸不大于1000*680
网页结构分为 上下结构,适合个人网站及少量小型企业。 左右结构,适合小型企业。 上左右结构,适合中、大型企业。 上左中右结构,适合大型企业。不规则结构,通常用于个性的企业网站。 企业LOGO通常放左上角。
上下式结构并且导航条在下方,1024*768 控制在1000*680
上下结构:上方为导航或者广告或者LOGO。下方为正文。通常出现在个人网站和少量企业网站首页。
综合式结构:通常情况下,网站不是只选用一种结构,而是几种**构的综合应用,在同一个页面里可以拆分出几个不同的框架结构,来配合信息内容的需要。
网页结构:上下式结构,左右式结构,上左右式结构(是大型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容)上左中右式结构:(又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容,小广告区,右侧为登录、搜索区或重要内容导航区。)