【时间要求】 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