《实验报告五(网站美工设计2019)》由会员分享，可在线阅读，更多相关《实验报告五(网站美工设计2019)（8页珍藏版）》请在金锄头文库上搜索。
1、学 生 实 验 报 告课程名称网站美工设计基础实验成绩实验项目名称网页效果图制作批阅教师王旋实验者学号专业班级实验日期5.31一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页）1.教学目的：制作出网页效果图。 2.教学重点：photoshop 综合技术的应用。 二、实验基本原理 1.利用Photoshop软件进行设计； 2.按照实训内容中的提示分步骤完成。三、实验主要仪器设备及耗材教5-101实验室计算机四、实验主要操作步骤 可自由发挥，题材不限制，提供参考教程（见网页效果图制作参考） 二、实验过程记录（包括实验过程、数据记录、实验现象等）（可加页）（这里只填写
2、关键相应截图，并根据实验步骤标号，附带一定的文字说明）1 先将三张图片素材导入2 调整im2的图层样式 3.添加文字图层4.置入右边的导航条5.使用切片工具，打开切片选项进行设置6.对右边的导航栏创建切片，并进行五等份划分7.双击第一个切片，将其命名为“zhoubian”，将“url”设置为“zhoubian.htmi”，将目标设置为“_self”8.重复第7步，对其他四个切片做设置 9.选中图层“im1”，选择“新建基于图层的切片”，使用选择工具双击该切片，并将名称设置为“im1”，将“url”设置为“im1.html”将目标设置为“_blank”.10.对图层“im2”做相同的操作11.选
3、择“存储为web和设备所用格式”，利用切片选择工具选中08切片，在右边的“预设”中选择“jpeg中”将文件缩小，再设置“gif 64 无仿色”。 12.将文件保存“html和图像”，命名为“home.html” 13.在浏览器中打开14.单击右边的“周边旅游”跳转到其他网页三、实验结果分析（可加页）问题1：查阅相关资料结合课程，说说网页设计的一般步骤（1） 先要找准主题和素材，并对素材进行调整与美化，使整个网页更加自然（2） 对需要链接的地方创建切片，并且设置好连接的地址（3） 在保存时对文件中的图片进行格式更改，压缩其大小（4） 保存做好的文件时，选用”html和图像”格式问题2：说明photoshop制作网页的优势所在 （1） 操作简单、快捷（2） 对网页的美化效果很丰富8
