本节简介：一个完整的网站制作流程通常会包括：设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤，课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
Dreamweaver 框架只能是方形 PS 只能做方形的切片
工作区可以保存文档窗口、打开的面板、面板大小、面板在屏幕上的位置
切片要尽量减少页面元素，重复元素只要截图其中重复部分，纯色低不用切片。
网站制作总体流程：①设计师通过ps设计页面②通过切图得到素材③搭建DIV④搭建CSS和JS效果⑤测试网站
网站设计流程：搭建DIV,搭建CSS和JS效果，测试网页
在ps中用切片工具拆分图片（图片越少越好，否则浏览网页的速度会变慢
Photoshop制作设计稿，切图，得到素材，构建布局，搭建DIV，搭建css和js效果
网页设计流程——新建HTML文档-插入DIV-添加文本，表单等。
完成切片后点击存储为WEB存储所有格式。切片-所以用户切片
在背景图片横跨 多个分割区域时将该图片作为独立素材导入图片文件。不对其进行切割
使用PS的切片工具进行取材。DIV框架智能是矩形的。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
