Dreamweaver网页制作 技能抽查题库 试题编号：H2-1，商城网站前端设计——商城界面设计.docx

湖南省高等职业院校计算机应用技术专业技能抽查考核题库 试题编号：H2-1，商城网站前端设计——商城界面设计 项目描述 优越商城是一综合性电商购物平台，请你根据所提供的素材和界面设计效果图(见图H2.1.1所示)，完成页面效果的制作，并将其生成网页格式。相关素材见光盘Web前端设计相关素材\项目H2-1\。 图H2.1.1商城界面效果图 (1)任务描述 任务1：设计并制作商城界面效果图。 1)画布尺寸为1200×600px，分辨率为72 dpi，色彩模式为RGB模式。 2)网页页面整体宽度为1110px，请根据图H2.1.1所标注的尺寸，对页面元素进行布局。 3)请根据图H2.1.1所示效果，绘制页面上所有的按钮及图标，颜色值参照图H2.1.1所示效果。 4)页面中所有文本字体类型为“微软雅黑”，页面中使用的字号大小有：24px、20px、16px、12px，根据图H2.1.1所示效果，合理设置文本中的字号。 5) 制作过程中尽量不要合并图层。 6)文件保存格式为：软件源文件格式和JPG格式两种格式，两种格式文件名统一为“界面效果图”。 任务2：将效果图生成网页格式。 1)使用表格制作网页页面。 2)“加入购物车”按钮、绿色箭头按钮都要设置为空链接。 3)所有图片也要设置空链接。 4)文件保存格式为HTML网页格式，文件名称为“index”。 5)在考生文件夹中创建images文件夹，将所用到的图片文件放到images文件夹中。图片文件命名要符合网页命名规范。 作品提交要求： 在“e:\提交资料\”文件夹内创建考生文件夹，考生文件夹的命名规则：考生学校+考生号+考生姓名，示例：娄底职业技术学院01张三。 考生文件夹中要包括：?一个PSD或AI或CDR格式源文件；? 一个JPG格式文件；?一个HTML网页格式文件；?一个网页图片images文件夹。 (2)实施条件 抽测所需的软硬件如表H2-1-1所示。 表H2-1-1 Web前端设计项目实施条件 项目 基本实施条件 备注 场地 能同时容纳30人以上现场考核 设备 30台以上的主流计算机 安装Windows 7或更高版本 用于图形图像软件的操作，每人一台。 FTP服务器1台 用于保存测试人员考试结果 工具 Adobe Photoshop CS 5或以上版本 参考人员自选图形图像设计处理工具 Adobe Flash CS 5或以上版本 Adobe Dreamweaver CS 5或以上版本 Adobe Fireworks CS 5或以上版本 Adobe Illustrator CS 5或以上版本 CorelDraw X6或以上版本 Office 2010或以上版本 测评 专家 现场测评专家：在本行业具有3年以上的从业经验(工程师及以上职称)或从事本专业具有5年以上的教学经验(副高及以上职称)(2人/场)。 测评专家满足任一条件 结果测评专家：在本行业具有3年以上的从业经验(工程师及以上职称)或从事本专业具有5年以上的教学经验(副高及以上职称)(2人/场)。 (3)考核时量 考核时长180分钟。 (4)评分标准 Web前端设计的考核实行100分制，评价内容包括职业素养、工作任务完成情况两个方面。中，工作任务完成质量占该项目总分的90%，职业素养占该项目总分的10%。具体评价标准见如表H2-1-2所示。 表H2-1-2 Web前端设计项目评分标准 评价内容 配分 评分标准 备注 页面效果图 界面 设计 40分 画布尺寸、分辨率、色彩模式设置是否正确 5分 1、考试舞弊、抄袭、没有按要求填写相关信息，本项目记0分。 2、严重违反考场纪律、造成恶劣影响的本项目记0分。 界面尺寸是否正确；分配给每款游戏的尺寸是否合适 10分 图标绘制尺寸是否符合要求，颜色设置是否准确，图标线条是否自然流畅。 15分 图片是否缺失，处理是否干净、清晰。 5分 界面文字是否缺失，大小是否合适，颜色是否符合要求。 5分 整体 效果 20分 页面整体风格是否统一，画面是否美观 10分 色彩搭配是否协调 10分 网页 页面 设计 20分 表格布局是否正确 10分 按钮是否设置空链接 5分 商品图片是否设置空链接 5分 整体效果 10分 页面排版是否整齐 5分 色彩搭配是否协调 5分 专业素养 5分 提交文件格式正确、命名符合规范；图片存放位置规范。 5分 道德规范 5分 着装干净、整洁。保持测试现场清洁卫生。举止文明，遵守考场纪律，按顺序进出考场。 5分 总计 100分