本节简介：学习常用的网页布局模式：上下结构式、左右结构式、上左右结构式、上左中右结构式；会对网页结构进行变形；学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下式结构：上方为导航或广告，下方正文。（个人网站和少量企业网站）
结构和内容是相匹配的。常用网页布局模式，设计风格。
上下结构，较常见与企业商务或者个人网站的首页就是展示形象内的网站首页。同样上下结构中，上面个主导航条，中间是主题图片内容（形象展示）下面是一个次几导航条；或者头部的导航条直接落到页面的底部为导航条。一般在设计这样的页面是要将页面限制在一个屏幕范围之内，一般尺寸为1024*768的一个像素之内。页面一般控制在1000*680之间这样可以控制浏览者方便快捷浏览页面。
网站结构：上下结构；左右结构；上左右结构（大型或中型企业，网页内容需要表达较多）；上左中右结构（大型电子商务，政府，教育，门户，学校网站，大型网站都会使用这种模式）；综合结构（163，搜狐，新浪等这类门户网站）；不规则结构（一个形象或广告模式显示，凸显网站个性，重在渲染气氛）。
左右时结构网页适合用在公司内容稍微多一点的网站 更加多用于企业的网站 特别是一些不是特别大的一些小型公司 因为他们涉及的内容不是很多 而是基于需要把企业的形象展现出来
左右结构式 和上下式相类似 它是将页面分为左右两个部分 要注意的是主次的对比和变化 通常会把把导航放在左边的区域 左边的区域比较小 用来做导航 右边则为正文的部分 这样形成了强烈的对比 是浏览者一眼可以看清主次 根据人们的阅读习惯 通常都会把导航区放在上方或者是左侧 网站的LOGO通常都是放在网页的左上角 不管是上下结构还是左右结构 都是一样
上下式结构 通常上方为导航或广告区域 下方为正文部分 一般出现在个人网站 极少量企业网站的首页
左右结构式：清晰分列两旁的框架结构。一般左侧是导航条，有时最上方会有一个小标题或标志，另一侧是正文内容。企业网站大多采用这类结构
上下式结构：通常上方为导航，或广告区域。下发为正文部分。这类结构常出现在个人网站及少量企业网站的首页
不规则结构式，信息量少，风格随意，凸显网站个性，重在渲染气氛。
上左中右式 又称三栏式，是大中型企业，电子商务，门户网站
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
