本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下式结构:通常上方为导航,或广告区域。下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页。
不规则结构网站——信息量少,通常以一张形象,广告图片来表示,风格较随意,凸显网站个性,重在渲染气氛。
上左中右式结构——美食网站,门户网站,(网站不是只选择一种结构,而是几种结构的综合应用)
上左中右式结构——三栏式,是大中型企业、电子商务、门户网站 较喜欢的框架模式(上方为导航菜单,下方左中侧为栏目及内容、小广告去,右侧为登录、搜索区或重要内容导航区)
上左右式结构——汽车轮胎网站,地产公司网站,星巴克公司网站,咖啡产品网站 大中型企业较喜欢的框架模式 (上方为导航菜单,下方为栏目及小广告,右下侧为内容)
左右结构式 ——咖啡网站 (清晰分列两旁的框架结构,一般左侧是导航条,有时最上方会有一个小标题或小标志,另一侧是正文内容。企业网站大多采用这类结构)
上下式结构——个人网站 (上方是导航或广告区域,下方为正文部分,这类结构常出现在个人网站及少量企业网站)
上左中右式结构 又称为三样式,是大中型企业,电子商务,门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区。右侧为登陆,搜索区或重要内容导航区。
1、上下结构页面(导航条在下方)---页面不能超出一般屏幕的大小(1000/680),多用于小型企业和个人形象的展示 2、左右结构页面-----多用于小型企业, 也用于个人形象展示。 3、上左右结构 ---多用于大中型企业 4、上左中右式结构 ----大中型、电子商务、门户网站,颜色简单 5、综合结构----多种结构的结合 6、不规则结构
上下结构中,如果导航条在下方的时候,整个像素不得大于:1000*680
如果导航条在下方的时候,整个像素不得大于:1000*680
页面布局:上下:个人 中小企业 左右:中小企业网站 上左右:大型中型企业 上左中右:最广泛 大型电子商务 政府 学校等 综合:大型门户网站 不规则:凸显个性
左右式结构:左边导航,另一侧正文,最上方有个小标题。
页面布局:上下:个人 中小企业 左右:中小企业网站 上左右:大型中型企业 上左中右:最广泛 大型电子商务 政府 学校等 综合:大型门户网站 不规则:凸显个性