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

广东省职业技能等级认定统一试卷计算机程序设计员（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/2811:47image山js2021/5/2811:482021/5/2811:48第二题：网站页面布局（50分）按效果图进行网站各个贝面布局:使用符合w3c标准的标签布局（5分）;答案：查看是否使用div+css布局企业网首页整体框架布局（5分）；答案：整体页面符合效果图，使用div合理布局页面导航使用ul,li,a布局，可以跳转到网站首页和简介页面（5分）；答案：页面导航符合效果图，有使用ul,li,a布局，可跳转到网站首页和简介页面完成搜索框，可以输入文字（5分）；答案：搜索框符合效果图，使用i叩ut布局，可以输入文字完成首页头部栏目布局（完成首页头部栏目布局（5分）；答案：头部栏目符合效果图，html代码，包含hl、搜索框等标签完成首页头部栏目布局（5分）；答案：头部栏目符合效果图，html代码，包含hl、搜索框等标签Belief上海信念行五金有限公司SHANGHAIBRKFHARDWARECO.ITD设为■员I完成网站主体完成首页头部栏目布局（5分）；答案：头部栏目符合效果图，html代码，包含hl、搜索框等标签Belief上海信念行五金有限公司SHANGHAIBRKFHARDWARECO.ITD设为■员I完成网站主体banner模块布局（5分）:答案：主体banner模块符合效果图，使用div布局，按钮使用代码实现信念行立足深圳.闯垣未来全心全意为客户88务企业5答案：企业简介图片内容模块符合效果图，使用div布局寞11由吉念行丁黑*8#公司是一木集户品开左••Wlf-tt企业5的五金工H专it化企火・自霉成£1以耋•经皿通W・公fl右地面包支戴万季方顼，业务业世界近丹在东南亚迳立分麦仇村・以g前的缺趣欢设御皿*伯吐优分・归邑广，A寿者的H旬。页面上所有文字可选（除logo>banner>产品图）（4分）；答案：页面上所有文字可选完成企业网底部模块布局（4分）；答案：企业网底部模块符合效果图，使用div布局，文字可选完成网站侧边栏新闻公告模块布局（4分）；答案：网站侧边栏新闻公告模块符合效果图，使用div布局米尔斯工具斯厦公告»»。柘展年五金果妲创祈恩雄景重赛O印度未秉席将投30咽前族聘机床工耳2021-O5-27。20£»年五金黑I2D21W-27o手工工具发衰品您为应购2021-05-27。手劫工耳企蜘F冬-的三初汶202】双・27完成企业网站公司简介分页布局（4分）；答案：企业网站公司简介分页符合效果图，使用div布局，文字可选第三题：网站交互功能开发（20分）按照下面要求进行网站交互功能开发：完成焦点图点击切换特效（5分）；答案：点击焦点图按钮能切换图片完成焦点图3秒切换特效（5分）；答案：焦点图3秒自动切换完成点击搜索提示不能为空（5分）；答案：点击搜索提示不能为空

鼠标进过导航显示高亮效果（5分）;答案：鼠标进过导航显示高亮第四题：网站后台功能开发（20分）按照网站后台功能要求进行开发：1.使用mysql搭建数据库和表，以考号后4位-4-l.jpg保存（5分）;答案：查看数据库为cms,新闻公告表为news邙»•cms»园news区1浏宛M结构SSQLK搜索史插入回导出9导入/操作®数据表名：|news—.添加|个字段执行2.数据表添加字段，以考号后4位-4-2.jpg保存（5分）；答案：为数据表添加5条内容信息，以考号后4位-4-3.jpg保存（5分）;答案:是示：gjjt行：C行瑚3是示：gjjt行：C行瑚3。•如岌缺王序：无色/编58疑复制oH抻1米尔斯工具新畛告2021-0S-27□fcSSJOflMt2?5隈2009住五整凌2021-0S-27□ii3印度未兵3年*1S300亿卢比发JS机生工M2021-05-27OJjfi再争复沏②费冷42009年五金交通创斧奖量虽要2021-0S-27□jiStt©5手工发展敲蜘应助洋