本节简介：学习常用的网页布局模式：上下结构式、左右结构式、上左右结构式、上左中右结构式；会对网页结构进行变形；学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下式结构—个人网站及少量企业网站的首页 。上方为导航或广告区域，下文为正文部分，
上下结构 左右结构 上左右结构 上左中右（电商） 综合结构 （门户百度 搜狐-） 不规则（个人）
上下式结构（导航在下方）：图片大小控制在1000*680像素内。
2.左右式结构。我们的视线一般是从左向右，从上到下。所以一般左侧摆放较为重要的信息。导航条一般会放置在左侧，有时最上方会有一个小标题或者标题。
当导航条位于页面低端时，整个页面大小必须小于1000*680像素。
上下式结构（导航在下方）：图片大小控制在1000*680像素内。
网页设计布局，通常上方为导航，或广告区域下方为正文部分 这类结构常出现在各人网站及少量企业网站的首页。左右式结构，清晰分裂两旁的框架结构，一般左侧是导航条，有时最上方会有一个小标题或标志，另一侧是正文内容，左边大一点或右边大一点。上左右式的结构，是大中型企业比较常用的通常上方为导航菜单下方为栏目及小广告右下侧为内容。
信息量少，通常以一张形象。广告图片来表示。风格较为随意，凸显网站的个性，重在渲染气氛。
通常情况下，网站不是只选用一种结构，而是几种结构的综合应用，在同一个页面里可以拆出几个不同的框架结构，来配合信息内容的需要
上左中右式结构内容较多，再设计网页的时候一般颜色较单一，白色为底色，为了让内容更加的简洁，不花哨
位置。颜色。面积 ，都可以用来调整网页中内容的主次
上左右式结构是大中型企业比较喜欢的框架模式。通常上方为导航菜单。下方为栏目和小广告，右下侧为内容
清晰分列两旁的框架结构。一般左侧是导航条，有时候最上方会有一个小标题或者标志。另一侧是正文内容，企业网站大多采用这类结构
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
