实验报告五(网站美工设计2013)

时间：2020-08-31 00:08:18　来源：勤学考试网本文已影响人

　学生实验报告

　课程名称

　网站美工设计基础

　实验成绩

　实验项目名称

　网页效果图制作

　批阅教师

　王旋

　实验者

　学号

　专业班级

　实验日期

　5.31

　一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页）

　1.教学目的：制作出网页效果图。

　2.教学重点：photoshop 综合技术的应用。

　二、实验基本原理

　 1.利用Photoshop软件进行设计；

　 2.按照实训内容中的提示分步骤完成。

　三、实验主要仪器设备及耗材

　教5-101实验室计算机

　四、实验主要操作步骤

　可自由发挥，题材不限制，提供参考教程（见网页效果图制作参考）

　二、实验过程记录（包括实验过程、数据记录、实验现象等）（可加页）

　（这里只填写关键相应截图，并根据实验步骤标号，附带一定的文字说明）

　先将三张图片素材导入

　调整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：查阅相关资料结合课程，说说网页设计的一般步骤

　先要找准主题和素材，并对素材进行调整与美化，使整个网页更加自然

　对需要链接的地方创建切片，并且设置好连接的地址

　在保存时对文件中的图片进行格式更改，压缩其大小

　保存做好的文件时，选用”html和图像”格式

　问题2：说明photoshop制作网页的优势所在

　操作简单、快捷

　对网页的美化效果很丰富

相关热词搜索： 实验报告 美工实验报告

实验报告五(网站美工设计2013)

最新文章

热门文章