本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
个人网站(上下式):上方为导航(logo、广告),下方为正文。1000 *680 像素范围以内
上左中右和上左右区别 中间内容是内容区 右侧是导航或小广告区 一般用于门户
上左右 上导航 左侧小广告 右侧主体内容 大中型企业
页面设计布局一共分为六种结构,分别是上下结构(多用于个人网站,少量企业会用)、左右结构(多用于中小型企业)、上左右式结构(大中型企业用的较多,因其需表达的内容较多)、上左中右式结构(大中型企业,电子商务,政府网站等多用)、综合模式(用于大型网站如163网站)、不规则结构(信息量较少的常用)。切记可以根据内容多少来使用结构框架。
上下结构用于个人,少量中小型企业,左右结构更多用于中小型企业,少个人,上左右结构用于大型或者中型企业,网页内容较多,上左中右,电子商务,政府网站较常见,综合网站用于大型网站如搜狐
上下结构1000*680标准单屏尺寸。左右式结构适合企业形象内容不多。上左右式结构:适合大中型企业:地产公司
1、上下式结构:个人网站/个别企业 2、左右式结构:用于简单数据网站 3、上左右式结构:大中型企业 4、上左中右式结构:大中型企业/电子商务/门户网站 5、不规则结构:网站个性,随意
一般屏幕 1024*768 所以整个页面像素控制在1000*680 之间
不规则结构的网站风格比较随意凸显网站个性,渲染气氛,给浏览者带来视觉冲击
调整页面主次的时候可以通过3种方式 1-位置 2-颜色 3-面积
导航条在图片下方的时候整个页面的尺寸不要大于1000*680的范围
左右结构 小公司、个人网站 上左右结构 大公司 上左中右 适合 电子商务不规则结构 适合凸显自我的网站