本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上左中右结构,是大中型企业、电子商务、门户网站的常用框架模式。
设计布局:1、上下结构;2、左右结构;3、上左右结构;
logo一般都放在左上角;
网站结构,上下结构,上左中右结构(运用最多的结形式),综合结构式(门户网站用得最多)
页面控制在1024x768显示以内 页面设计一般是1000x680
不规则:信息量少,通常以一张形象、广告图片来表示。风格较随意,凸显网站个性,重在渲染气氛。
综合式:通常情况下网站不只是选用一种结构,而是几种结构的综合应用,在同一个页面可拆出几个不同的框架结构,来配合信息内容的需要。
上左中右:又称三栏式,大中企业、电子商务、门户网站比较喜欢的框架模式。通常上方为导航菜单下方左中为栏目及内容、小广告区,右侧为登陆、搜索或重要内容导航区。
上左右结构:大中企业框架模式,通常上方为导航,下方为栏目及小广告,右下为内容。
左右结构:一般导航在左侧,占比较小,右侧是正文,占比较大。
上下结构,导航在下面时,网页可视1024x768像素,阅读内容应控制在1000x680像素内。
上下结构:通常上方为导航或广告区,下方为正文部分。
上下结构式,大多用于个人网站或者中小型企业用于展现一个企业的形象;左右结构式,更多用于中小型企业的网站,上左右结构式,大多用于大中型企业,由于企业需要表达的东西较多;上左中右的结构,大型电子商务网站,学校网站,科技网站;综合式,大多用于大型例如网易,搜狐等类型的网站
若导航条在下方,整个页面应不超过1000pxx680px