本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
综合式结构:通常情况下,网站不是只选用一种结构,而是几种结构的综合应用,在同一个页面里可以拆出几个不同的框架结构,来配合信息内容的需要。
上左中右式结构:又称为三栏式,是大中型企业、电子商务、门户网站比较喜欢的框架模式,是较常见的结构式。通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区。
上左右式结构:是大中型企业比较喜欢的框架模式。通常上方为导航菜单,下方为栏目及小广告,右下侧为内容。
左右式结构:清晰分列两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容。企业网站大多采用这类结构。
上下式结构:通常上方为导航,或广告区域。下方为正文部分。这类结构常出现在个人网站及少量企业网站的首页。
上左中右式结构:在门户网站中应用较多。处理不好会使页面拥挤。
上左右式结构(要对内容划分主次:位置、颜色、面积):大中型企业、汽车轮胎企业网站、地产公司网站、星巴克公司网站
左右结构:咖啡网站(LOGO放左上角)、设计网站、企业网站(小型公司/展示企业)、个人网站(信息少)
如果导航条在下方,则网页尺寸限制在:(屏幕大小)1024*768,保证浏览者在第一屏就看到导航
上下式-个人,商业,1024*168像素,页面控制在1000*680之间