本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
设计上左右式结构网站时要保证首先看到的内容是最重要的部分。
网页设计布局:1、上下结构--信息量少(个人网站,少量企业网站首页)"上导航,下内容"。如果下导航,要将页面尺寸限制在1000*680内
左右结构:注意大小主次,通常导航位于左和上(个人网站和小型企业)
网页设计布局:1、上下结构--信息量少(个人网站,少量企业网站首页)"上导航,下内容"。如果下导航,要将页面尺寸限制在1000*680内
1.上下时结构,通常上为导航,下为正文,个人网站和企业网站首页。
上左中右式结构:又称为三栏式,综合式结构:根据内容的需要划分区域;不规则结构:信息量少,风格较随意,凸显网站个性
上下式结构:个人用的较多,信息量较少;尺寸:1000*680;左右式结构:企业用较多;上左右式结构:信息量较大,更多的是大中型企业;LOGO一般放于左上角的位置;
上下结构式、左右结构式、上左右结构式、上左中右结构式
不规则结构,信息量少,通常以一张形象,广告图片来表示
综合式结构,通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要
上左中右式结构又称栏式,是大中型企业,电子商务,门户网站比较喜欢的框架模式,是较觉的结构式。
上下式结构,这类结构常出现在个人网站及少量企业网站首页;左右式结构,企业网站大多采用这类结构;上左右式结构,上-导航 左-导航菜单 下-栏目及小广告 右下--内容
上下结构,左右结构,上左右结构,上左中右结构,综合结构,不规则结构
上下结构式:个人网站,中小型(产品、)企业网站首页展示企业形象(2级页面不用) 左右结构式:企业网站(中小型公司,展示、少内容) 上左右结构:大中型企业。主次划分方法:位置、颜色、面积 上左中右结构:大中型企业、电子商务、门户网站(内容多易繁琐,从框架结构+颜色布局调整,主色不丰富,清爽,白底色) 综合式结构:组合,特别大型企业。 不规则结构:凸显个性,渲染气氛;企业、个人。
1024*768 1000*680
上下结构式:个人网站,中小型(产品、)企业网站首页展示企业形象(2级页面不用)
左右结构式:企业网站(中小型公司,展示、少内容)
上左右结构:大中型企业。主次划分方法:位置、颜色、面积
上左中右结构:大中型企业、电子商务、门户网站(内容多易繁琐,从框架结构+颜色布局调整,主色不丰富,清爽,白底色)
综合式结构:组合,特别大型企业。
不规则结构:凸显个性,渲染气氛;企业、个人。