本节简介：学习网页制作的流程，案例制作：在DW中制作网上商城二级页面草图。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
2、页面布局。3、用ps/flash等软件实现网站特效。4、PS切片。5、使用DW——CSS+DIV布局网页。
美工部分，1.网站分析，它所要达到的功能。页眉，中间内容，页脚。
1 网站分析 用实现页面布局 用ps flash 等软件实现网站页面效果 系统功能分析 数据库设计实现页面功能 发布站点
網頁製作流程：美工部分和後臺處理。美工部分：網站分析、用PS實現頁面佈局、用PS Flash等軟件實現網站頁面效果、用PS進行切片處理、使用DW-CSS+DIV頁面佈局
这个二级网站下面都设置了左浮动，盒子里面可以再包含盒子。将图片放到设计里面时，要将图片放在事先打好的文字中间，这样图片放进来就不会跑到其他的地方去。最后将全部的网页设置为中间，就可以在外面加个大盒子做个居中效果。居中CSS为margin：0px auto
这个二级网站下面都设置了左浮动，盒子里面可以再包含盒子。将图片放到设计里面时，要将图片放在事先打好的文字中间，这样图片放进来就不会跑到其他的地方去。最后将全部的网页设置为中间，就可以在外面加个大盒子做个居中效果。居中CSS为margin：0px auto
这个二级网站下面都设置了左浮动，盒子里面可以再包含盒子。将图片放到设计里面时，要将图片放在事先打好的文字中间，这样图片放进来就不会跑到其他的地方去。最后将全部的网页设置为中间，就可以在外面加个大盒子做个居中效果。居中CSS为margin：0px auto；
利用CSS美化页面效果-用JS实现页面特效-系统功能分析-数据库设计实现页面功能-发布站点。
网站分析-用PS实现页面布局-用PS、Flash等软件实现网站页面效果-用PS来进行页面切片处理-使用DW、CSS+DIV布局网页。
在这些大盒子建立一个新的div盒子box，然后在CSS样式表里定义一下居中
替换文本是在图片无法加载时用于替换图片显示在div盒子里的文字
将相应区域的图片导入div，然后删除div内的文字说明。
同样是输入相应的宽高，做一个左浮动。如果不做浮动，那么，div就会跑到右侧，做了左浮动的话，div就可以按照左对齐挨个进行排列
接下来做下面的友情链接和地址栏，分两个div做比较方便，如果用嵌套的话，需要3个div.
同样做一个左浮动，这个左浮动就是让它沿着导航的边缘对齐往后做的一个排列效果。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
