本节简介：学习网页制作的流程，案例制作：在DW中制作网上商城二级页面草图。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
导航区靠左边，设置它的浮动（float）为left，点击确定，导航区就浮动在布局的左侧，接下来的分类产品区的浮动也要设置为left，这个效果就是沿着导航区往后排列的浮动效果，点击确定
3 对每一个div进行设置，对每一个盒子新建CSS规则，选择器类型为ID，在方框区域设置每个盒子的尺寸，设置居中对齐
1 确定body的样式类型，新建CSS规则，选择器类型为标签，点击确定，在类型中设置字体、字号，其他不用管，之后在方框区域设置整个页面的居中对齐，即Margin上下设置为0，左右设置为自动，点击确定 2 创建完站点之后，对页面进行DIV的布局，即插入-布局对象-DIV标签，每一个布局都是一块一块的盒子，给每一块盒子命名，点击确定，在代码中复制多个DIV
打开DW，选择HTML格式，新建一个HTML文档，完成后，新建一个站点，给站点命名，高级设置里设置站点里的图像，给图像指定一个文件夹，然后把刚刚新建的文件也存储到站点下，在新的站点里面可以使用一个CSS的内部样式表，如果是定义整个网站，那么就可以使用外部的样式表，这样每个页面都可以加载样式表，会方便很多，
网页制作流程：1 美工部分（a网站分析 b用PS实现望着那页面布局 c用PS/FLASH等软件实现页面效果 d用PS来进行页面切片处理 e使用DW-CSS+DIV布局网页）2后台处理（a利用CSS美化页面效果 b用JS实现页面特效 c系统功能分析 d 数据库设计实现页面功能 d发布站点）
网页制作 后期制作：1.利用css梅花页面效果；2.利用js实现页面特效；3.系统功能分析；4.数据库设计实现页面功能；5.发布站点；
网页制作流程：1.网站分析；2.用ps实现页面布局；3.用ps flash 等软件实现网站页面效果；4.用ps来进行页面切片处理；5.使用dw-css+div 布局页面；
页面不居中的解决方法，在整个页面设置一个大的box,再将页面做居中设置，按F12预览效果
4 导航区靠左边，设置它的浮动（float）为left，点击确定，导航区就浮动在布局的左侧，接下来的分类产品区的浮动也要设置为left，这个效果就是沿着导航区往后排列的浮动效果，点击确定
3 对每一个div进行设置，对每一个盒子新建CSS规则，选择器类型为ID，在方框区域设置每个盒子的尺寸，设置居中对齐
1 确定body的样式类型，新建CSS规则，选择器类型为标签，点击确定，在类型中设置字体、字号，其他不用管，之后在方框区域设置整个页面的居中对齐，即Margin上下设置为0，左右设置为自动，点击确定 2 创建完站点之后，对页面进行DIV的布局，即插入-布局对象-DIV标签，每一个布局都是一块一块的盒子，给每一块盒子命名，点击确定，在代码中复制多个DIV
打开DW，选择HTML格式，新建一个HTML文档，完成后，新建一个站点，给站点命名，高级设置里设置站点里的图像，给图像指定一个文件夹，然后把刚刚新建的文件也存储到站点下，在新的站点里面可以使用一个CSS的内部样式表，如果是定义整个网站，那么就可以使用外部的样式表，这样每个页面都可以加载样式表，会方便很多，
网页制作流程：1 美工部分（a网站分析 b用PS实现望着那页面布局 c用PS/FLASH等软件实现页面效果 d用PS来进行页面切片处理 e使用DW-CSS+DIV布局网页）2后台处理（a利用CSS美化页面效果 b用JS实现页面特效 c系统功能分析 d 数据库设计实现页面功能 d发布站点）
网页制作流程：1，网站分析。2，用PS实现页面布局。3，用PS，flash等软件实现网站页面效果。4，用PS来进行页面切片处理。5，使用DW—CSS+DIV布局网页。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
