姓名
准考证号
考生单位
身份证号
计算机程序员-Web前端开发（四级）
技能试卷（A）
注  意  事  项
1、考试时间：180分钟。
2、请在试卷标封处填写姓名、身份证号、准考证号和所在单位的名称。
你是开发公司的员工，请根据设计稿完成页面布局，特效开发、及后台数据渲染。某企业网站效果图如图1所示：
图1
第一题：开发环境搭建及项目配置（10分）
1.打开xampp，开启mysql和apache服务，使用localhost可访问网站，以考号后4位-1-1.jpg保存（5分）；
2.将网页放在服务器目录下，建立css、js、image等文件夹，以考号后4位-1-2.jpg保存（5分）；
第二题：网站页面布局（50分）
按效果图进行网站各个页面布局：
1.使用符合w3c标准的标签布局（5分）；
2.企业网首页整体框架布局（5分）；
3.页面导航使用ul,li,a布局，可以跳转到网站首页和简介页面（5分）；
4.完成搜索框,可以输入文字（5分）；
5.完成首页头部栏目布局（5分）；
6.完成网站主体banner模块布局（5分）；
7.完成网站企业简介图片内容模块布局（4分）；
8.页面上所有文字可选（除logo、banner、产品图）（4分）；
9.完成企业网底部模块布局（4分）；
10.完成网站侧边栏新闻公告模块布局（4分）；
11.完成企业网站公司简介分页布局（4分）；
第三题：网站交互功能开发（20分）
按照下面要求进行网站交互功能开发:
1.完成焦点图点击切换特效（5分）；
2.完成焦点图3秒切换特效（5分）；
3.完成点击搜索提示不能为空（5分）；
4.鼠标进过导航显示高亮效果（5分）；
第四题：网站后台功能开发（20分）
按照网站后台功能要求进行开发:
1.使用 phpmyadmin 管理 MySQL数据库，创建数据库 cms ，创建新闻公告表 news，，以考号后4位-4-1.jpg保存。(5分)
2. 数据表添加字段，表结构如下，以考号后4位-4-2.jpg保存 (5分)
表名称：news
字段名称
字段类型
说明
id
整型 int(11)
ID，自增，主键
title
字符串 varchar(256)
黑马程序员前端全套视频标题
content
文本 text
内容（可为空）
pub_at
时间戳 timestamp
发布时间
3.为数据表添加5条公告信息(素材在文本公告信息中)，以考号后4位-4-3.jpg保存（5分）；
4.将数据信息渲染到页面中，php代码以考号后4位-4-4.jpg保存（5分）；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。