2025年实验报告五网站美工设计

学 生 实 验 报 告课程名称网站美工设计基础实验成绩实验项目名称网页效果图制作批阅老师王旋实验者学号专业班级实验日期5.31一、实验预习报告（实验目的、内容，重要设备、仪器，基本原理、实验环节等）（可加页）1.教学目的：制作出网页效果图。 2.教学重点：photoshop 综合技术的应用。 二、实验基本原理 1.运用 Photoshop 软件进行设计； 2.根据实训内容中的提醒分环节完毕。三、实验重要仪器设备及耗材教 5-101 实验室计算机四、实验重要操作环节 可自由发挥，题材不限制，提供参考教程（见网页效果图制作参考） 二、实验过程记录（涉及实验过程、数据记录、实验现象等）（可加页）（这里只填写关键相应截图，并根据实验环节标号，附带一定的文字说明）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.选择“存储为 web 和设备所用格式”，运用切片选择工具选中 08 切片，在右边的“预设”中选择“jpeg 中”将文献缩小，再设立“gif 64 无仿色”。 12.将文献保存“html 和图像”，命名为“home..html” 13.在浏览器中打开14.单击右边的“周边旅游”跳转到其他网页三、实验结果分析（可加页）问题 1：查阅相关资料结合课程，说说网页设计的一般环节（1）先要找准主题和素材，并对素材进行调整与美化，使整个网页更加自然（2）对需要链接的地方创建切片，并且设立好连接的地址（3）在保存时对文献中的图片进行格式更改，压缩其大小（4）保存做好的文献时，选用”html 和图像”格式问题 2：说明 photoshop 制作网页的优势所在 （1）操作简朴、快捷（2）对网页的美化效果很丰富