Photoshop CS6网页制作期末考试题（含详细参考答案）

PhotoshopCS6网页制作期末考试题（含详细参考答案）适用专业：计算机应用、电子商务、新媒体专业考试时长：90分钟满分：100分一、单项选择题（共20题，每题2分，总计40分）答题要求：每题只有一个正确选项，选出最佳答案使用PSCS6制作网页切片，最终导出网页格式文件为（）

A.PSDB.HTMLC.JPGD.PNG网页设计标准安全字号，电脑端浏览器通用最小可读字号为（）

A.8ptB.12ptC.6ptD.20ptPSCS6中，专门适配网页透明背景素材的保存格式是（）

A.BMPB.PNG-24C.GIFD.TIFF网页界面设计中，网页标准RGB色彩模式为（）

A.CMYKB.灰度C.RGBD.索引颜色PSCS6切片工具快捷键为（）

A.CB.KC.MD.L国内主流电脑端网页标准版心宽度一般设置为（）

A.500pxB.980pxC.2000pxD.300px优化网页图片体积、保证加载速度，PS网页导出功能入口是（）

A.存储为B.存储为Web所用格式（旧版）C.导出为D.快速存储制作网页动态小图标、轮播动图，优先使用格式（）

A.PNGB.GIFC.JPGD.PDFPSCS6中，锁定图层防止网页按钮素材误修改，锁定透明像素图标作用是（）

A.禁止移动图层B.只能修改图层不透明区域C.删除图层像素D.合并图层网页弹窗、导航栏圆角按钮，CS6最快制作工具是（）

A.钢笔工具B.圆角矩形工具C.套索工具D.画笔工具制作网页时，分辨率设置标准为（）

A.72像素/英寸B.150像素/英寸C.300像素/英寸D.600像素/英寸下列不属于网页导航栏常用布局样式的是（）

A.顶部通栏导航B.侧边悬浮导航C.页面全屏水印导航D.底部导航PSCS6修改切片名称、链接地址，需要打开面板是（）

A.图层面板B.切片面板C.颜色面板D.历史记录面板网页纯色背景大图，为减小文件大小，保存最优格式为（）

A.JPG高品质B.GIFC.PNG8D.BMP取消PSCS6当前选区，快捷键是（）

A.Ctrl+DB.Ctrl+ZC.Ctrl+SD.Ctrl+A网页电商详情页设计，避免图片色彩失真，工作模式必须关闭（）

A.智能对象B.校样颜色C.对齐网格D.自动吸附PSCS6批量修改网页图片尺寸，高效功能是（）

A.手动裁剪B.动作批量处理C.自由变换D.画布大小修改网页切片划分原则，错误的是（）

A.板块独立切片B.文字图片分开切片C.整张页面只切1片D.小图标单独切片自由变换修改网页按钮大小，快捷键（）

A.Ctrl+TB.Ctrl+EC.Ctrl+FD.Ctrl+GPSCS6新建网页画布，颜色背景内容默认选择（）

A.黑色背景B.白色背景C.透明背景D.灰色背景二、判断题（共10题，每题1分，总计10分，对打√，错打×）PSD源文件可以直接上传网站使用，不影响网页打开速度。（）网页设计只能使用白色画布，不可以自定义透明画布。（）切片选择工具可以微调已有切片大小、位置。（）CMYK色彩模式做网页，浏览器打开会出现颜色偏差。（）GIF格式图片支持全屏高清网页首页大图使用。（）PSCS6可以给网页按钮添加投影、浮雕样式提升质感。（）网页图片分辨率设置300，网页加载速度会更快。（）存储为Web格式可以压缩图片，画质损耗肉眼可接受。（）合并网页所有图层后，依旧可以单独修改某一个按钮颜色。（）网页设计中，px为网页像素单位，是浏览器通用单位。（）三、简答题（共4题，每题5分，总计20分）简述PSCS6制作网页，JPG、PNG、GIF三种格式适用场景区别？简述网页设计72分辨率、RGB模式的原因？PSCS6自动切片和用户自定义切片有什么区别？网页制作优先用哪种？网页设计完成后，切片导出完整网页文件夹包含哪两类核心文件？各自作用是什么？四、实操应用题（共2题，每题15分，总计30分）本大题为课堂实操考点，书写实操步骤，按步骤给分实操一：使用PSCS6制作通用官网圆角导航按钮（15分）

要求：写出完整操作步骤，参数贴合网页标准：尺寸120px*40px、圆角8px、浅蓝色底色、白色导航文字、添加细微投影，完成后切片保存。实操二：PSCS6整页企业首页切片导出实操步骤（15分）

现有980px宽企业首页PSD文件，需要分区切片导出可用网页，写出从整理图层到导出HTML文件全流程操作步骤。参考答案+详细评分标准一、单项选择题答案（每题2分，共40分）1.B2.B3.B4.C5.B6.B7.B8.B9.B10.B11.A12.C13.B14.C15.A16.B17.B18.C19.A20.B补充简易解析（方便阅卷）：1.切片导出生成网页HTML文件；3.PNG24支持全真透明，网页按钮首选；5.切片工具快捷键K；11.屏幕显示统一72分辨率，印刷300；15.Ctrl+D取消选区，基础快捷键。二、判断题答案（每题1分，共10分）1.×2.×3.√4.√5.×6.√7.×8.√9.×10.√简易解析：1.PSD体积大，无法网页直用；7.分辨率越高图片越大，加载越慢；9.合并图层后像素融合，无法单独修改组件。三、简答题参考答案（每题5分，踩点给分）第1题答案

JPG：支持真彩色，无透明效果，压缩率高，适合网页首页大图、产品实拍图、banner图；

PNG：分为PNG8/PNG24，支持透明/半透明背景，画质无损，适合网页按钮、logo、图标；

GIF：仅256种颜色，支持简单帧动画，画质较差，适合网页小动图、边角装饰图标；

扣分点：未说明透明属性扣2分，未区分图片用途扣1分。第2题答案

①分辨率72px/英寸：所有电脑浏览器、手机显示屏标准显示分辨率，适配屏幕显示，文件体积更小，网页加载快；

②RGB模式：光色显示模式，适配电子屏幕显色；CMYK为印刷油墨模式，浏览器无法正常识别，会出现偏色、暗沉，网页禁止使用；

踩点：分辨率作用3分，色彩模式作用2分。第3题答案

1.自动切片：PS软件自动根据图片边界划分切片，切片大小杂乱、数量多，切片多余无用，不方便修改链接；

2.自定义切片：手动使用切片工具划分，板块规整，可单独修改切片名称、跳转链接、尺寸；

3.网页制作优先使用：用户自定义切片，方便网页代码对接、后期修改。第4题答案

1.HTML网页文件：网页主体文件，浏览器直接打开即可浏览整页页面，对接网站后台；

2.images素材文件夹：存放所有切片拆分后的网页图片，HTML文件调用文件夹内图片展示页面样式；

缺一扣2分，作用描述不清酌情扣分。四、实操应用题参考答案（分步计分，贴合课堂实操，零基础可得分）实操一制作圆角导航按钮（15分，分步计分）

①新建画布：打开PSCS6，Ctrl+N新建画布，宽度120px，高度40px，分辨率72，RGB模式，白色背景（3分）

②绘制圆角按钮：选择工具栏圆角矩形工具，顶部属性栏设置圆角半径8px，绘制全屏圆角矩形，填充浅蓝色#E6F2FF（4分）

③添加文字：选择文字工具，居中输入导航文字（例如首页），字号12pt，白色字体，居中对齐（3分）

④图层样式：双击按钮图层，添加投影样式，投影大小2px，透明度15%，保存样式（2分）

⑤切片导出：切片工具框选按钮，执行存储为Web所用格式，优化画质后导出切片图片（3分）实操二企业首页整页切片导出步骤（15分，分步计分）

①预处理文件：打开首页PSD文件，双击解锁背景图层，隐藏无用草稿参考图层，把导航、banner、产品、底部板块分层规整命名（3分）

②划分自定义切片：选择切片工具，顶部切换【用户切片】，按照网页板块，分别切顶部导航、轮播banner、内容板块、底部版权区，禁止随意自动切片（4分）

③编辑切片属性：右键切片选择切片选项，给每个切片命名，可提前填写网页跳转链接（2分）

④网页优化导出：点击顶部菜单栏【文件】-【存储为Web所用格式（旧版）】，批量优化所有切