本节简介：一个完整的网站制作流程通常会包括：设计稿、切图素材、构建布局搭建DIV、搭建CSS和JS效果等步骤，课程中会以实例的形式进行演示讲解。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网站简述总结:认识因特网.网站.网页.的各自功能. 制作完整的简单网页包括：HTML文件，DIY圈地，CSS定义样式，Javascript和jQuery, 需要空间和域名。 最后就是学习了静态网页和动态网页， 认识动态网页的两个需要。
网站简述总结:认识因特网.网站.网页.的各自功能. 制作完整的简单网页包括：HTML文件，DIY圈地，CSS定义样式，Javascript和jQuery, 需要空间和域名。 最后就是学习了静态网页和动态网页， 认识动态网页的两个需要。
网站构建的流程：1. 在ps中得到设计稿 2. 在ps中通过切图得到素材 统一存储在image文件夹中 3. 利用DIV构建布局 在其中插入图片文字表单等 4. 通过CSS和JS得到动态效果 5. 测试网页
为确保网页正常运行，除了在ie中测试外，还需要在其他常用浏览器中测试。
在实时视图中查看网页没有问题后，需要预览网站的页面效果，f12在ie浏览器中测试网页效果。
ccs中的动态效果需要在 ‘实时视图’ 中才能预览到。
如何区分‘图片’和‘背景’？ 鼠标点击后，图片周围会有编辑框，属性栏里也有图片属性；而背景周围不会出现编辑框。
banner作为背景载入到div框架中（节约网页加载时间）
1.新建HTML 的文档 2. 插入- Div 3. 在Div中添加文字图片表格等
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
