网页制作实战项目五：根据网页效果图制作网页

江山如画 • 2018年5月3日 pm9:19 • 网页设计 • 阅读 1756

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