本节简介：一个完整的网站制作流程通常会包括：设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤，课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
DIV中可以添加表格 能用背景代替图片更好（稳定）
用PS设计整体网页，然后切片形成图片，要点是切成小图（用平铺形成大图）
测试站点的时候会使用浏览器的测试软件，还有显示器的测试软件。
区分图片和背景：鼠标放在图片上会有小图标、属性栏会有显示；而点击背景没有变化，是选不中的，只能在CSS样式表里修改。
白色部分不做切片，而是设置背景为白色。图片多了影响加载速度。
PS中的切片工具，只能做出矩形的，头部（图片），栏目，导航条，底部
蝴蝶贯穿各部分，不做切片，而是直接加载源文件，单独立一个div框架
背景切片需要遵循的规律是：单色背景不需要切片；有规律变化的背景切出一个变化单位的背景切片。
网站制作总体流程：设计稿；切图，得到素材；构建布局，搭建DIV；搭建CSS和JS效果；测试网页。
图像和背景的区别，鼠标放在图像上，有小方块，背景没有
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
