人人赛技能抽测《图片处理》操作要求

一、操作题。（本题共1题，共50分）

具体要求如下：

• 根据所给效果图，利用Photoshop软件制作psd文件，对所有图层命名并合理分组。
• 新建文件，设置大小为“950*400像素”，分辨率为“72像素/英寸”， 颜色模式为“RGB”，背景内容为“白色”，并以“准考证号+姓名”的格式命名。
• 对“爱心”图层进行图层样式调整，具体参数如“图一”。

• 颜色：所有文字颜色色值相同，根据效果图取色。根据效果图将素材中的宝宝图片有效融入其中。
• 用矩形工具设置合理的填充及描边作为文案框架，并根据效果图做相应处理。
• 文案要求：

字体：“黑体”，“活动时间”该行字体大小为24点，其余字体大小为28点，加粗，其他文字效果根据效果图借助字符面板自行调整。

上传要求：

1.文件导出为PSD格式，放入文件夹打包压缩上交。

2.文件夹命名为“准考证号+姓名”。

任务书

操作要求：注意:在测试结束前，考生需用360压缩软件，压缩文件夹，压缩文件格式为zip，压缩文件命名为“DS+准考证号+姓名”(如DS+23+01张三)，并将压缩文件ftp上传。

1. 在E盘创建站点文件夹，文件夹及站点以“准考证号+姓名”命名。(如“01+张三”)
2. 新建名为“面向人人”的站点，新建网页文件html，标题设置为“当当网首页”。
3. 网页字体为黑体，背景颜色为#EAE8EB，页边距均为0。
4. 创建table1：创建1行1列表格，宽度1300px，表格背景颜色为白色。
5. 创建table2：创建5行3列表格，宽度100%，表格背景色为白色。第一行第一列插入素材“logo”第二列插入1行2列的表格，宽度700px，并按效果图插入文本域（字符宽度设为100，高度42px，默认显示“明朝那些事儿”）和具有按钮功能的图像“ss”。第三列插入图片“gwc”
6. 表格table2中第二行第一列插入垂直的spry菜单栏并输入菜单栏文字。设置菜单栏CSS样式中的链接a属性背景色为（#FF2832），宽度200px，导航字体为白色，文字大小19px，加粗，文本居中对齐。效果图如下

图 1

第二列利用AP Div和行为制作图片轮播效果（鼠标经过按钮1，显示图片“lb1”；鼠标经过按钮2，显示图片“lb2”；鼠标经过按钮3，显示图片“lb3”）；

第三列插入表单域，并在表单域内插入5行1列的表格，宽度设为100%，高度50。在第一行和第五行插入图片“5”、“6”；在第二、三行选插入文本域及文字，第四行设置插入复选框及文字（字体设置宋体、带下划线）。

7. 表格table2中第三行插入1行4列表格table3，宽度与上面保持一致，每个单元格制作不同的鼠标经过效果。广告图1位置，鼠标经过时显示图片“鼠标经过1-2”，鼠标离开时显示图片“鼠标经过1-1”；广告图2位置插入素材“8”，制作增大到120%效果；广告图3位置插入插入素材“9”，制作晃动效果；广告图4位置插入插入素材“10”，制作渐隐效果，显示自20%到100%。
8. 合并表格table2中第四行，输入文字并制作超链接，其中公司简介链接到html，其余文字制作空链接。
9. 在表格table2中第四行插入“页脚”图片。
10. 利用css样式制作浮动广告效果。利用css样式制作浮动二维码广告效果为固定在浏览器窗口的右上角。
11. 保存网页，调试。
12. 提交站点文件夹。

最终效果图：如下

（index.html）

  网页设计与制作部分