广东省职业技能等级认定证书试卷样题计算机程序员-Web前端开发(四级)答案.docx

广东省职业技能等级认定统一试卷
计算机程序设计员（web前端开发）技能等级认定
中级技能考核试卷标准答案
第一题：开发环境搭建及项目配置（10分）打开xampp,开启mysql和apache服务，使用localhost可访问网站，以考号后4位-l-l.jpg 保存（5分）：

将网页放在服务器目录下，建立css、js、image等文件夹，以考号后4位-l-2.jpg保存（5
分）；► BOOTCAMP (C:) ► xampp ► htdocs ► web
、 名称
修改日朋
css
2021/5/28 11:47
image 山js
2021/5/28 11:48
2021/5/28 11:48

第二题：网站页面布局（50分）
按效果图进行网站各个贝面布局:
1. 使用符合w3c标准的标签布局（5分）;答案：查看是否使用div+css布局
2. 企业网首页整体框架布局（5分）；答案：整体页面符合效果图，使用div合理布局
3. 页面导航使用ul,li,a布局，可以跳转到网站首页和简介页面（5分）；答案：页面导航符合效果图，有使用ul,li,a布局，可跳转到网站首页和简介页面
4. 完成搜索框，可以输入文字（5分）；答案：搜索框符合效果图，使用i叩ut布局，可以输入文字
5. 完成首页头部栏目布局（5分）；
答案：头部栏目符合效果图，html代码，包含hl、搜索框等标签

6. 完成首页头部栏目布局（5分）；
答案：头部栏目符合效果图，html代码，包含hl、搜索框等标签
Belief
上海信念行五金有限公司 SHANGHAI BRKF HARDWARE CO. ITD
设为■员I
6. 完成网站主体banner模块布局（5分）:
答案：主体banner模块符合效果图，使用div布局，按钮使用代码实现
信念行
立足深圳.闯垣未来 全心全意为客户88务
完成网站企业简介图片内容模块布局（4分）；
企业5
答案：企业简介图片内容模块符合效果图，使用div布局寞11由吉念行丁黑*8#公司是一木集户品开左•• Wlf-tt
的五金工H专it化企火・自霉成£1以耋•经皿通W・公fl 右地面包支戴万季方顼，业务业世界近丹在 东南亚迳立分麦仇村・以g前的缺趣欢设御皿*伯吐优分・ 归邑广，A寿者的H旬。
7. 页面上所有文字可选（除logo> banner>产品图）（4分）；答案：页面上所有文字可选
8. 完成企业网底部模块布局（4分）；答案：企业网底部模块符合效果图，使用div布局，文字可选
9. 完成网站侧边栏新闻公告模块布局（4分）；答案：网站侧边栏新闻公告模块符合效果图，使用div布局
米尔斯工具斯厦公告»»。柘展年五金果妲创祈恩雄景重赛
O印度未秉席将投30咽前族聘机床工耳2021-O5-27。20£»年五金黑I2D21W-27
o手工工具发衰品您为应购2021-05-27。手劫工耳企蜘 F冬-的三初汶202】双・27
10. 完成企业网站公司简介分页布局（4分）；答案：企业网站公司简介分页符合效果图，使用div布局，文字可选
第三题：网站交互功能开发（20分）
按照下面要求进行网站交互功能开发：
1. 完成焦点图点击切换特效（5分）；答案：点击焦点图按钮能切换图片
2. 完成焦点图3秒切换特效（5分）；答案：焦点图3秒自动切换
3. 完成点击搜索提示不能为空（5分）；答案：点击搜索提示不能为空
4. 鼠标进过导航显示高亮效果（5分）;答案：鼠标进过导航显示高亮
第四题：网站后台功能开发（20分）
按照网站后台功能要求进行开发：
1.使用mysql搭建数据库和表，以考号后4位-4-l.jpg保存（5分）;答案：查看数据库为cms ,新闻公告表为news
邙 » • cms » 园 news
区1浏宛 M结构 S SQL K搜索史插入回导出 9导入 /操作 ® 数据表名：| news—.添加|个字段 执行2.数据表添加字段，以考号后4位-4-2.jpg保存（5分）；
答案：

1. 为数据表添加5条内容信息，以考号后4位-4-3.jpg保存（5分）;答案:
是示：gjjt行：C 行瑚3。•如岌缺
王序：无
id tit»«content pub.at
色/编58疑复制o H抻1
米尔斯工具新畛告
2021-0S-27
□fcSSJ OflMt 2
?5隈2009住五整凌
2021-0S-27
□ii3
印度未兵3年*1S 300亿卢比发JS机生工M
2021-05-27
O J jfi再争复沏②费冷4
2009年五金交通创斧奖量虽要
2021-0S-27
□ji Stt ©5
手工发展敲蜘应助洋
2021-05-27
CD J编税冀疫制0 H除6
手动工具企业泣-穹老-的三柴St汶
2021-05-27

2. 将数据信息渲染到页面中，以考号后4位-4-4.jpg保存（5分）; 答案：php渲染数据代码截图