本节简介：一个完整的网站制作流程通常会包括：设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤，课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
1 首先要新建一个HTML的文档 2插入DIV 按PS中的切图布局框架
存储 切片选所有用户切片，这样导出的是所有蓝色部分的切片，灰色字的不导出
设计稿—切图，得到素材—构建布局，搭建DIV—搭建CSS和JS效果
网站制作流程：1、使用ps设计页面效果 2、使用ps切图得到素材，一色的色彩， 只需要切除一个像素就可以 3、建立html文档，搭建DIV，构建布局，使用css样式美化网站 4、测试网站 切图原则：只能大大小小矩形切片
F12快捷键测试页面，为了测试网页对各种浏览器及显示器的兼容性，通常还需用专门的软件来进行测试
设计稿---切图，得到素材---构建布局，搭建DIV---搭建CSS和JS效果
ps进行切片:1.文字和白色背景不需要2.重复背景只需要截取一小部分后平铺3.不规则图片可以导入图片库，暂时不用切4.导出时选择所有用户切片
切片：单色背景不需要切片。有变化的背景切一个完整的变化单位。图片不需要切片。
网站制作流程：1，设计稿（PS） 2，切图，得到素材。 3，构建布局，搭建DIV。 4，搭建CSS和JS效果。 5，测试网页。
1、切图得到素材 2、构建布局，搭建DIV 3、搭建CSS和JS效果
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
