【时间要求】 2 学时（ 45 分钟× 2=90 分钟）
【上机内容】 能够根据网页效果图制作网页
1、设计人员根据用户需求制作页面效果图，源文件一般为PSD格式文件，可以保存为JPG格式图片。
2、如用户满意，则根据需要使用PS切片工具切出所需图片，否则返回第一步。
3、网页设计师根据页面效果图，利用所提供素材制作页面。
【上机目的】
1、 了解网页制作全过程，能够根据网页效果图制作出网页。
2、掌握DIV+CSS布局的方法和技巧
3、掌握PS切图技巧
【上机重点】
1 、PS切图技巧
2、DIV+CSS布局的方法和技巧
【上机难点】
如何根据效果图，切图并制作网页。
注意：
网页制作中，特别是效果图的制作可以使用多种工具，如：
Photoshop：图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效
CorelDraw：通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。
Illustrator：图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计
请在规定时间内制作出以下网页：
页面效果图PSD源文件及切图下载：
PSD源文件及已切分的图片.zip
同学们应好好学习设计师设计的PSD源文件，图片已经帮大家切割好了，如果想自己练习切图的话，可以在PSD源文件里使用切片工具自己切割，同时思考为什么要这样切图！！用到的文字可以去PSD源文件里面复制。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1870.html
微信扫一扫 
支付宝扫一扫 