本节简介：一个完整的网站制作流程通常会包括：设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤，课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网站制作总体流程：1，设计师通过ps设计页面的效果2，通过切图得到素材（网页大小）（切去的图片不易过大）3，建立html文档，搭建div，4，搭建css和js效果，5测试网站
工作区可以保存什么内容？可以保存文档窗口，打开面板，面板大小，面板在屏幕上的位置
工作区可以保存什么内容？（ABCD)A:文档窗口。B：打开面板。C：面板大小。D面板在屏幕上位置。
网站制作总体流程：（1）设计稿 （2）切图，得到素材 （3）构建布局，搭建DIV （4）搭建CSS和JS效果 （5）测试网页
切好切片后 点击文件-存储为web所用格式 -存储 在切片位置选择：所有用户切片。
Dreamweaver 框架只能是矩形的所以在 PS中 只能做矩形的切片
制作网页中，尽量图片越少越好，图片太多会导致网页加载速度慢，甚至网页无法打开
网站制作总体流程：1设计稿；2切图，得到素材；3构建布局，搭建DIV;4搭建CSS和JS效果；5测试网站
网站制作总体流程：1设计稿；2切图，得到素材；3构建布局，搭建DIV;4搭建CSS和JS效果；5测试网站
网站制作总体流程：1设计稿；2切图，得到素材；3搭建CSS和JS效果；4测试网站
1个像素平铺；切片是方形或矩形；大体切片，再细致分；切片就是DW中DIV表格布局；内容区不用切，设计白色背景，再添加文字 ；贯穿图片，直接储存站点图片；
打开dw ①文件-新建-HTML文件 ② 插入-DIV 确定 根据在PS中设计好的板式先建立好DIV 然后加效果
切好切片后 点击文件-存储为web所用格式 -存储 在切片位置选择：所有用户切片。
首先在PS中设计好页面背景的整体效果，存成图片格式用切片切取上面的一个方形横栏，横栏下面是一小条的长方形，如果是条纹的形式，即只要切取条形纹中的一个单位即可，白色背景、图片文字部分不需要切片。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
