广东省职业技能等级认定证书试卷样题计算机程序员-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、 名称修改日朋css2021/5/28 11:47image 山js2021/5/28 11:482021/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设为员I6. 完成网站主体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-27o手工工具发衰品您为应购2021-05-27。手劫工耳企蜘 F冬-的三初汶202】双2710. 完成企业网站公司简介分页布局（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 titcontent pub.at色/编58疑复制o H抻1米尔斯工具新畛告2021-0S-27fcSSJ OflMt 2?5隈2009住五整凌2021-0S-27ii3印度未兵3年*1S 300亿卢比发JS机生工M2021-05-27O J jfi再争复沏费冷42009年五金交通创斧奖量虽要2021-0S-27ji Stt 5手工发展敲蜘应助洋2021-05-27CD J编税冀疫制0 H除6手动工具企业泣-穹老-的三柴St汶2021-05-272. 将数据信息渲染到页面中，以考号后4位-4-4.jpg保存（5分）; 答案：php渲染数据代码截图