最新网页美工实训指导书.doc

《电子商务网页美工实训》 实 训 指 导 书 编写者：袁 鑫 二〇一〇年五月 《网页美工与图像处理》实训指导书 目 录 一、 总体说明 1 1、实训目的与要求 1 2、实训内容 1 3、参考课时 1 4、实训材料准备 1 5、考核办法 2 6、实训方法与步骤： 2 7、实训范例 2 实训一 网页导航按钮制作篇 2 实训二 网页广告条制作篇 3 实训三 网页站点标志制作篇 5 实训四 网页图像处理篇 6 实训五 网页首页制作篇 7 实训六 网页内容页制作篇 8 《网页美工与图像处理》实训指导书 一、 总体说明 1、实训目的与要求 随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，同时为了推进我国信息化人才建设的培养，适用将来的社会的需要，提高学生的竞争力，本学期开设了为期一周的《网页美工与图像处理》实训。该门课程的学习，实践性很强，学生必须通过大量的上机练习，才能够灵活地用它来解决实际的问题，通过集中一段时间利用PHOTOSHOP制作网页导航按钮、网页广告条、网页站点标志、网页图像处理、网站首页制作、网站内容页制作进行综合实训，熟练掌握该软件的各种功能，提高解决实际问题的能力。 2、实训内容 《网页美工与图像处理》 3、参考课时 28课时 4、实训材料准备 硬件：一个性能较高的机房。 软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。 资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。 5、考核办法 出勤情况：10分 纪律表现：10分 实验报告：10分 实训一 网页导航按钮制作篇 10 实训二 网页广告条制作篇 10 实训三 网页站点标志制作篇 10 实训四 网页图像处理篇 10 实训五 网页首页制作入篇 15 实训六 网页内容页制作入篇 15 6、实训方法与步骤： 实训方法：学生四人一组，选出一个组长和第二责任人。在组长的调动下，充分发挥主观能动性和团结精神，根据实训步骤完成网页美工设计。 7、实训范例 实训一 网页导航按钮制作篇 1、实训目的与要求 掌握网页按钮以及导航条的制作方法，掌握通道、滤镜的使用方法；掌握对象排列对齐的方法； 2、实训内容 制作几款网页按钮以及导航条 3、实训准备 硬件：一个性能较高的机房。 软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。 资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。 4、实验步骤 1) 制作透明按钮 新建文件，400*400 新建图层1，绘制椭圆选取（200*200），并使用蓝色到深蓝色线性渐变填充 在图层1上添加投影效果 新建图层2，载入图层1的选区，缩放6像素，从上至下，填充白色至透明色的线性渐变。 使用钢笔工具绘制高亮区，选中图层2，载入钢笔工具绘制的选区，删除（删除多余的白色区域），设置透明度78% 新建图层3，在图层中绘制椭圆选区，从下至上，填充白色至透明色的线性渐变。 选择选取工具，羽化4，画椭圆，删除图层3多余的部分，设置透明度78% 绘制图形，如杏叶等 保存文件。 2）制作导航条 将按钮以一定的方式排列组合到一起就形成了导航条。导航条的制作方法其实就是多个按钮的制作方法，这里就不再重复介绍。 5、实训方法 机房上机完成所有操作题。 6、考核办法 考核分为四个级别：即优秀、良好、合格、不合格 优秀：能在规定时间内完成所有的操作题90%以上 良好：能在规定时间内完成所有操作题的80%-90% 合格：能在规定时间内完成所有操作题的60%-80% 不合格：能在规定时间内完不成所有操作题的60% 7、思考与练习 如何设置网页导航条？ 实训二 网页广告条制作篇 1、实训目的与要求 掌握广告条的制作原理，掌握利用ImageReady和Photoshop制作动态、静态广告条的方法；掌握动画制作的方法； 2、实训内容 静态广告条 动态广告条 3、实训准备 硬件：一个性能较高的机房。 软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。 资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。 4、实验步骤 1) 新建文件，确定广告条的尺寸（468*60），如果是通栏尺寸可设置为778*120。 2) 通过钢笔工具、文字工具、变形工具等，制作标志中的图形。 3) 如果图形会发生变化，则新建图层，将运动路径记