精华内容
下载资源
问答
  • 1+x 证书 Web 前端开发初级实操考试实体含答案
  • 1+x 证书 Web 前端开发初级理论考试样题 2019 http://blog.zh66.club/index.php/archives/149/ 1+x 证书 Web 前端开发初级实操考试样题 2019 http://blog.zh66.club/index.php/archives/150/ 1+x 证书 Web 前端开发...

    1+x 证书 Web 前端开发初级理论考试样题 2019
    http://blog.zh66.club/index.php/archives/149/
    1+x 证书 Web 前端开发初级实操考试样题 2019
    http://blog.zh66.club/index.php/archives/150/
    1+x 证书 Web 前端开发中级理论考试样题 2019
    http://blog.zh66.club/index.php/archives/151/
    1+x 证书 Web 前端开发中级实操考试样题 2019
    http://blog.zh66.club/index.php/archives/152/

    展开全文
  • Web前端开发初级理论考试评分细则.docx
  • 响应国家号召 1+X 证书 Web 前端开发考试样题 官方QQ群 1+x 证书 web 前端开发基础课程大纲 前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程。前端开发通过 HTML,CSS 及 JavaScript 以及衍生出来的...

     

    1+x 证书 web 前端开发基础课程大纲
    前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程。前端开发通过 HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。Web 前端工程师,他是伴随着 web 兴起而细分进去的行业。Web 前端的岗位职责是利用 HTML、CSS、JavaScript、DOM、Flash 等各种 Web 技能结合产品的界面开发。web 前端开发入门教程要学哪些内容呢?

    首先第一阶段就是基础学习,

    1.HTML 基础

    内容包括:(HTML 简介与历史版本、常用开发软件、常见标签与属性、

    表格与表单、标签规范与标签语义化、实战:网页结构布局)

    2.CSS 基础

    内容包括:(css 简介与基本语法、常见的各种样式属性、CSS 选择器与标签类型、理解盒子模型与 CSS 重置、浮动与定位、利用 photoshop 工具测量样式、HTML+CSS 开发网页、实战:高仿电商首页效果)

    3.CSS3 基础

    内容包括:(css3 常见样式、css3 选择器、变形与动画、3D 效果与关键帧、弹性盒模型、5. 移动端布局、移动端基本概念、viewport 窗口设置、移动端布局方案、rem、vh、vw 等单位、响应式布局、bootstrap 框架)

    4、JavaScript 基础

    内容包括:(JS 简介、JS 变量、数据类型与类型转换、运算符与优先级、

    流程控制 - if…else 流程控制 - switch…case、流程控制 - while、do…while、for 循环、break、continue 语法、函数定义与调用、全局变量与局部变量、函数传参与返回值、函数作用域与变量作用域、DOM 的基本操作、定时器使用、this 指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见 BOM 操作、常见事件与事件细节、JSON 与 AJAX、JSONP 跨域操作、前端 cookie 的使用、实战:JS 配合 HTML 与 CSS 完成电商项目)

    5.jquery 框架

    内容包括:(jquery 框架介绍及优势介绍、jquery 核心思想、jquery 常见方法、jquery 动画操作、jqueryAJAX 操作、jquery 工具方法、利用 jquery 快速开发网页)

    6.PHP 基础

    内容包括:(PHP 简介与基本语法、mysql 数据库及 sql 语法、apache 服务器与集成开发工具、PHP 链接数据库、PHP 与 AJAX 交互、实战:留言板、登录、注册等)

    7、H5 基础项目

    内容包括:(项目简介、项目功能演示、项目划分及框架、编写 HTML 页面结构、设置 CSS 样式、添加 JS 交互、可选框架:bootstrap、jquery、PHP 等、项目调试及兼容、项目验收)

    因为我们是从零基础开始学习的,所以基础知识是至关重要的。"学习 HTML5 的过程就是盖楼房的过程,如果你基础知识没有学好,就等于一栋楼房的地基没有夯实。后期的学习会难上加难。" 同时,基础知识不能只依靠课上学习的那点知识,一定要通过线上或者翻阅一些 HTML5 相关的书籍来增加自身的知识储备量。

    要掌握一定的编程技巧,这样在以后的工作中可以大大的提高工作效率。

    展开全文
  • 1+X证书Web前端开发初级:实操考试样题

    万次阅读 多人点赞 2020-04-24 12:33:52
    2019年下半年 Web前端开发初级 实操考试 共5道题,满分100分。(考试时间共150分钟) 实操考试样题 实操考试答案 试题一(22分) 阅读下列说明、效果图和HTML代码,进行静态网页开发,填写(1)至(11)代码。 ...

    2019年下半年 Web前端开发初级 实操考试

    共5道题,满分100分。(考试时间共150分钟)

    • 实操考试样题
    • 实操考试答案

    在这里插入图片描述

    试题一(22分)

    阅读下列说明、效果图和HTML代码,进行静态网页开发,填写(1)至(11)代码。
    【说明】
    这是某电商类网站服装商品展示页面局部,该网站正在促销秋冬季女装。现在我们需要编写该网站效果图部分代码。
    项目名称为shopping,包含首页index.html、css文件夹、img文件夹,其中,css文件夹包含index.css文件;img文件夹包含img1.jpg、img2.jpg、img3.jpg、img4.jpg、img5.jpg图片。
    【效果图】
    图1-1
    【代码:首页index.html】

    <!DOCTYPE html>
    <html>
    <head>
    	<title>商品展示</title>
    	<meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    </head>
    <body>
    <div class="box">
    	<div class="con">
    <!-- 根据上下文填入合适的标签 -->	
    <   (1)    class="clear">
    			<li>
    				<img src="img/img1.jpg">
    				<p>微胖连衣裙</p>
    			</li>
    			<li>
    				<img src="img/img2.jpg">
    				<p>2019网红初秋女装</p>
    			</li>
    			<li>
    				<img src="img/img3.jpg">
    				<p>黑色休闲裤</p>
    			</li>
    			<li>
    				<img src="img/img4.jpg">
    				<p>韩版学生女装</p>
    			</li>
    			<li>
    				<img src="img/img5.jpg">
    				<p>原创设计女装</p>
    			</li>
    		</   (2)   >
    	</div>
    </div>
    </body>
    </html>
    

    【代码:CSS文件index.css】

    body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
    	margin: 0;
    	padding:0;
    }
    /*清理默认li样式*/
    ul{
    (3)  : (4) ;
    }
    /*显示为块级元素*/
    img{
    	(5)  :   (6)   ;
    }
    /*清理左右浮动*/
    .clear:after{
    	content: "";
    	display: block;
    	(7)  :   (8)  ;
    }
    .box{
    	width: 100%;
    }
    .box .con{
    	width: 1375px;
    	margin:0 auto;
    }
    .box .con ul{
    	padding-top:30px;
    }
    /*左浮动*/
    .box .con ul li{
    	(9)  :  (10)  ;
    	width: 250px;
    	margin:0 22px 22px 0;
    	border:1px solid #eee;
    }
    .box .con ul li img{
    	margin:15px auto 0;
    }
    .box .con ul li p{
    	padding:15px;
    }
    /*设置鼠标移入添加红色边框*/
    .box .con ul  li:   (11)   {
    	border:1px solid red;
    }
    

    【问题】(22分,每空2分)
    进行静态网页开发,补全代码,在(1)至(11)处填入正确的内容。

    试题二(26分)

    阅读下列说明、效果图,进行静态网页开发,填写(1)至(13)代码。
    【说明】
    现接到思极商务有限公司官网页面开发的项目,根据业务需求,需要将业务列表页面的每一个业务以卡片形式展示;同时为提升用户体验,要求实现每个卡片在鼠标经过有旋转和放大效果。
    项目名称为goods,包含首页index.html、css文件夹、img文件夹,其中,css文件夹包含style.css文件;img文件夹包含icon-img.jpg、icon-img2.jpg、icon-img3.jpg图片。
    请使用html+css3完成以下效果,并在对应代码处将空缺代码补全。
    【效果图】
    (1)图2-1鼠标经过前
     图2-1
    (2)图2-2鼠标经过
     图2-2
    【代码:】

    <!DOCTYPE html>
    <html>
    <head>
    	<title>第二题</title>
    	<meta charset="utf-8">
    <!-- 根据说明正确导入当前目录下css文件夹中的style.css -->
    <link rel="stylesheet" type="text/css"  href="     (1)        " >
    </head>
    <body>
    <div class="box">
    	<div class="con">
    		<ul class="clear">
    			<li>
    				<img src="img/icon-img.jpg">
    				<p>优化速度</p>
    				<span>更多</span>
    			</li>
    			<li>
    				<img src="img/icon-img2.jpg">
    				<p>营销分析</p>
    				<span>更多</span>
    			</li>
    			<li>
    <!-- 根据上下文填写正确的标签 --> 
    				<     (2)      src="img/icon-img3.jpg" >
    				<     (3)      >SEO和导入链接</p>
    				<span>更多</span >
    			</li>
    		</ul>
    	</div>
    </div>
    </body>
    </html>
    

    【代码】

    
    /* 注意:此处省略了部分和本题无关的css代码 */
    .box .con ul li{
    	float:left;
    	background-color: #fff;
    	width: 380px;
    /*设置li边框为圆角15px,文字对齐方式为居中。*/ 
    	   (4)     :  (5)      ;
    	     (6)   :   (7)      ;
    	overflow: hidden;
    }
    .box .con ul li:nth-child(2){
    	margin:0 30px;
    } 
    .box .con ul li img{
    	margin:50px auto 0;
    /*此处设置图片的过渡效果为0.8秒*/
    	     (8)     :0.8s;
    }
    .box .con ul li p{
    /*设置内边距上下为0,左右为15px*/
    	    (9)     :  (10)      ;
    	line-height: 140px;
    	border-bottom:1px solid #ddd;
    	font-weight: 600;
    	color:#555;
    }
    .box .con ul li span{
    	display: block;
    	width: 100%;
    	height:60px;
    	line-height: 60px;
    /*此处设置文字的过渡效果为0.8秒*/
    	      (11)     :0.8s;                  
    }
    /*用CSS3的实现鼠标经过图片旋转360度,放大1.3倍,离开再旋转还原。*/
    .box .con ul li:hover img{
    	     (12)     :             (13)             ;
    }
    .box .con ul li:hover span{
    	background-color: #f7c324;
    	font-weight: 600;
    }
    

    【问题】(26分,每空2分)
    进行静态网页开发,补全代码,在(1)至(13)处填入正确的内容。

    试题三(20分)

    阅读下列说明、效果图和代码,进行静态网页开发,填写(1)至(10)代码。
    【说明】
    现接到某电商网站注册、登录页面开发的项目,在注册页面需要做前端验证。具体要求:用户名长度和格式验证、邮箱格式验证、密码长度和格式验证、密码与重复密码一致性验证。
    项目名称为verify,包含首页index.html、css文件夹、js文件夹,其中,css文件夹包含style.css文件,js文件夹包含index.js文件。
    【效果图】
    图3-1
    【代码:index.html】

    <!DOCTYPE html>
    <html>
    <head>
    	<title>登录</title>
    	<meta charset="utf-8">
    	<link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
    	<div class="box" id="box">
    		<h2>注册</h2>
    		<form action="" method="post">
    			<ul>
    				<li>
    					<label><span>*</span>用户名:</label>
    					<input type="text" name="username" placeholder="只能输入6-20个字母、数字、下划线" id="username">
    				</li>
    				<li>
    					<label><span>*</span>电子邮箱:</label>
    					<input type="text" name="email" placeholder="输入正确的电子邮箱地址" id="email">
    				</li>
    				<li>
    					<label><span>*</span>密码:</label>
    					<input type="password" name="pwd" placeholder="由字母开头,包含字母、数字、下划线,6-16位" id="pwd">
    				</li>
    				<li>
    					<label><span>*</span>确认密码:</label>
    					<input type="password" name="pwdOk" placeholder="确认密码必须与密码一致" id="pwdOK">
    				</li>
    			</ul>
    			<button name="submit">提交</button>
    		</form>
    	</div>
    <script src="js/index.js"></script>
    </body>
    </html>
    

    【代码:index.js】

    		//自定义验证用户名的方法
    function validate_strLenght(str) {
    			var regExp = /^(\w){6,20}$/;
    			return regExp.test(str);
    		}
    	  //自定义的验证email方法	
    function validate_email(str) {
    			var regExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
    			return regExp.test(str);
    		}
    //自定义验证密码的方法
    		function validate_pwd(str) {
    			var regExp = /^[a-zA-Z]\w{5,15}/;
    			return regExp.test(str);
    		}
    //根据表单控件user的id填写
    		var username = document.getElementById("     (1)     ");
    //通过id获取元素
    		var email = document.       (2)      ("email");
    //根据表单控件pwd的id填写
    		var pwd = document.getElementById("    (3)     ");
            //通过id获取元素
    		var pwdOK = document.       (4)       ("pwdOK");
            //通过标签名获取元素
    		var form = document.        (5)         ("form")[0];
            //表单提交
    		form.      (6)        = function () {
                //使用自定义方法验证用户名、验证邮箱
    			if (validate_strLenght(7) &&      (8)     (email.value) && validate_pwd(pwd.value) && checkOk()) {
    				console.log(username.value)
    				console.log(email.value)
    				console.log(pwd.value)
    				return false;
    			} else {
                   //控制台输出9.log("验证失败")
    				return false;
    			}
    		}
    		// 检查用户名
    		username.onblur = function () {
    			if (validate_strLenght(username.value)) {
    				console.log("用户名符合要求")
    			} else {
    				console.log("用户名不符合要求")
    			}
    		}
    		//检查meil
    		email.onblur = function () {
    			if (validate_email(email.value)) {
    				console.log("邮箱格式符合要求")
    			} else {
    				console.log("邮箱格式不符合要求")
    			}
    		}
    		// 密码框失去焦点的时候
    		pwd.     (10)       = function () {
    			if (validate_pwd(pwd.value)) {
    				console.log("密码符合要求")
    			} else {
    				console.log("密码不符合要求")
    			}
    		}
    		function checkOk() {
    			if (pwd.value == pwdOK.value) {
    				console.log("密码与重复密码一致")
    				return true
    			} else {
    				console.log("密码与重复密码不一致")
    				return false
    			}
    		}
    		pwdOK.onkeyup = checkOk
    

    【问题】(20分,每空2分)
    根据注释,补全代码,在(1)至(10)处填入正确的内容。

    试题四(16分)

    阅读下列说明、效果图和代码,进行动态网页开发,回答问题1至问题4。
    【说明】
    某公司要制作自己的官网首页,经过研究,侧边栏采用手风琴菜单效果。现在我们需要编写该网站效果图部分的代码。
    项目名称为accordion,包含首页index.html、css文件夹、js文件夹,其中,css文件夹包含style.css文件;js文件夹包含jquery.min.js 和index.js。
    【效果图】
    图4-1
    【代码 首页index.html】

    <!DOCTYPE html>
    <html>
    <head>
    	<title>手风琴效果</title>
    	<meta charset="utf-8">
    	<link rel="stylesheet" type="text/css" href="css/style.css">
    	<script src="js/jquery.min.js"></script>
    </head>
    <body>
    <div class="box">
    	<ul>
    		<li>
    			<h2>要求<span></span></h2>
    			<div><p>要求要求要求要求要求要求要求要求要求要求要求要求要求要求要求要求要求</p></div>
    		</li>
    		<li>
    			<h2>信念<span></span></h2>
    			<div><p>信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念信念</p></div>
    		</li>
    		<li>
    			<h2>接受<span></span></h2>
    			<div><p>接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受接受</p></div>
    		</li>
    		<li>
    			<h2>现实<span></span></h2>
    			<div><p>现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实现实</p></div>
    		</li>
    	</ul>
    </div>
    <script src="js/index.js"></script>
    </body>
    </html>
    

    【代码 index.js】

    $(".box ul li h2").click(function(e){
    			e.stopPropagation();
                //被点击的h2的next的div下拉展开,其余的li内部的div上拉收起,时间800毫秒。
    			$(this).next().stop().   (1)     .parents("li").siblings().find("div")
    .stop().     (2)     ;
    			$(this).parent().stop().addClass("cur").siblings().stop().removeClass("cur");
    		})
        //点击事件
    		$(document).    (3)     (function(){
                //所有div上拉收起,时间800毫秒。
    			$(".box ul li").find("div").      (4)      ;
    		})
    

    【问题】(16分,每空4分)
    根据注释,补全代码,在(1)至(4)处填入正确的内容。

    试题五(16分)

    阅读下列说明、效果图和代码,进行静态网页开发,回答问题1至问题8。
    【说明】
    某互联网公司开发官网的首页,为了适配移动端,决定菜单采用底部固定形式。现在需要编写代码实现效果。
    项目名称为menu,包含首页index.html、css文件夹、js文件夹,其中,css文件夹包含style.css文件;js文件夹包含jquery.min.js 和index.js。
    【效果图】

    图5-1
    【代码 index.html】

    <!DOCTYPE html>
    <html>
    <head>
        <title>底部菜单</title>
        <meta charset="utf-8">
     <metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/style.css">
        <script src="js/jquery.min.js"></script>
    </head>
    <body>
        <div class="layout-footer">
            <div class="bottom_nav">
                <a href="">首页</a>
            </div>
            <div class="bottom_nav">
                <div class="layout-submenu">
                    <div class="sub_menu" style="border-bottom: 1.5px solid #F2F2F2"><a>项目</a></div>
                    <div class="sub_menu">项目</div>
                </div>
                <a>服务</a>
            </div>
            <div class="bottom_nav">
                <div class="layout-submenu">
                    <div class="sub_menu" style="border-bottom: 1.5px solid #F2F2F2"><a>中心公告</a></div>
                    <div class="sub_menu">中心资讯</div>
                </div>
                <a>资讯</a>
            </div>
            <div class="bottom_nav">
                <a>我的账户</a>
            </div>
    </div>
    <script src="js/index.js"></script>
    </body>
    </html>
    
    

    【代码 index.css】

     a {
               text-decoration: none;
               color: #333;
            }
    /*固定定位*/
            .layout-footer {
               position:     (1)      ;
               z-index: 9999;
    /*左边距离0px,底边距离0px*/
               left:       (2)     ;
               bottom:    (3)      ;
    /*实现flex布局,主轴对齐方式是两端对齐,项目之间的间隔都相等。*/
               display:    (4)      ;
               justify-content:       (5)       ;
               width: 100%;
               height: 50px;
               border-top: 1px solid gainsboro;
               color: black;
               text-align: center;
               background-color: #f2f2f2;
            }
           /*此处省略部分与本题无关的css*/
    

    【代码 index.js】

       $(".bottom_nav a").click(function (e) {
          e.stopPropagation();
          //被点击a的上一个div元素样式设置为block,其余项目的div的隐藏。
      	 $(this).prev().stop().    (6)     .parent().siblings()
    .children(".layout-submenu").stop().      (7)     ;
     })
                $(document).click(function () {
                  //点击页面的任意地方,二级菜单全部取消
               $(".box ul li").find("div").     (8)    ;                                           })
    

    【问题】(16分,每空2分)
    根据注释,补全代码,在(1)至(8)处填入正确的内容。

    在这里插入图片描述

    2019年下半年“Web前端开发初级”实操考试评分细则

    试题一(22分)
    【问题】(22分)
    (1)ul
    (2)ul
    (3)list-style
    (4)none
    (5)display
    (6)block
    (7)clear
    (8)both
    (9)float
    (10)left
    (11)hover
    (每空2分,共22分)

    试题二(26分)
    【问题】(26分)
    (1)css/style.css 或者 ./css/style.css
    (2)img
    (3)p
    (4)border-radius
    (5)15px
    (6)text-align
    (7)center
    (8)transition
    (9)padding
    (10)0 15px 或者 0px 15px 或者 0 15px 0 15px 或者 0px 15px 0px 15px
    (11)transition
    (12)transform
    (13)rotate(360deg) scale(1.3) 或者scale(1.3) rotate(360deg)
    (每空2分,共26分)

    试题三(20分)
    【问题】(20分)
    (1)username
    (2)getElementById
    (3)pwd
    (4)getElementById
    (5)getElementsByTagName
    (6)onsubmit
    (7)username.value
    (8)validate_email
    (9)console
    (10)onblur
    (每空2分,共20分)

    试题四(16分)
    【问题】(16分)
    (1)slideDown(800)
    (2)slideUp(800)
    (3)click
    (4)slideDown(800)
    (每空4分,共16分)

    试题五(16分)
    【问题】(16分)
    (1)fixed
    (2)0 或者 0px
    (3)0 或者 0px
    (4)flex
    (5)space-between
    (6)css(“display”, “block”)
    (7)css(“display”, “none”)
    (8)css(“display”, “block”)
    (每空2分,共16分)

    在这里插入图片描述

    展开全文
  • 第 第 PAGE #页共14贞 考生姓名 准考证号 2019年下半年 Web前端开发初级 实操考试 考试时间14:00-16:30共150分钟 本试卷共5道题满分100分 请在指定位苣或开发环境下作答 试题一22分 阅读下列说明效果图和HTML代码...
  • 1+x 证书 web 前端开发基础课程大纲 前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程。前端开发通过 HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互...

    1+x 证书 web 前端开发基础课程大纲
    前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程。前端开发通过 HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。Web 前端工程师,他是伴随着 web 兴起而细分进去的行业。Web 前端的岗位职责是利用 HTML、CSS、JavaScript、DOM、Flash 等各种 Web 技能结合产品的界面开发。web 前端开发入门教程要学哪些内容呢?

    首先第一阶段就是基础学习,

    1.HTML 基础

    内容包括:(HTML 简介与历史版本、常用开发软件、常见标签与属性、

    表格与表单、标签规范与标签语义化、实战:网页结构布局)

    2.CSS 基础

    内容包括:(css 简介与基本语法、常见的各种样式属性、CSS 选择器与标签类型、理解盒子模型与 CSS 重置、浮动与定位、利用 photoshop 工具测量样式、HTML+CSS 开发网页、实战:高仿电商首页效果)

    3.CSS3 基础

    内容包括:(css3 常见样式、css3 选择器、变形与动画、3D 效果与关键帧、弹性盒模型、5. 移动端布局、移动端基本概念、viewport 窗口设置、移动端布局方案、rem、vh、vw 等单位、响应式布局、bootstrap 框架)

    4、JavaScript 基础

    内容包括:(JS 简介、JS 变量、数据类型与类型转换、运算符与优先级、

    流程控制 - if…else 流程控制 - switch…case、流程控制 - while、do…while、for 循环、break、continue 语法、函数定义与调用、全局变量与局部变量、函数传参与返回值、函数作用域与变量作用域、DOM 的基本操作、定时器使用、this 指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见 BOM 操作、常见事件与事件细节、JSON 与 AJAX、JSONP 跨域操作、前端 cookie 的使用、实战:JS 配合 HTML 与 CSS 完成电商项目)

    5.jquery 框架

    内容包括:(jquery 框架介绍及优势介绍、jquery 核心思想、jquery 常见方法、jquery 动画操作、jqueryAJAX 操作、jquery 工具方法、利用 jquery 快速开发网页)

    6.PHP 基础

    内容包括:(PHP 简介与基本语法、mysql 数据库及 sql 语法、apache 服务器与集成开发工具、PHP 链接数据库、PHP 与 AJAX 交互、实战:留言板、登录、注册等)

    7、H5 基础项目

    内容包括:(项目简介、项目功能演示、项目划分及框架、编写 HTML 页面结构、设置 CSS 样式、添加 JS 交互、可选框架:bootstrap、jquery、PHP 等、项目调试及兼容、项目验收)

    因为我们是从零基础开始学习的,所以基础知识是至关重要的。“学习 HTML5 的过程就是盖楼房的过程,如果你基础知识没有学好,就等于一栋楼房的地基没有夯实。后期的学习会难上加难。” 同时,基础知识不能只依靠课上学习的那点知识,一定要通过线上或者翻阅一些 HTML5 相关的书籍来增加自身的知识储备量。

    要掌握一定的编程技巧,这样在以后的工作中可以大大的提高工作效率。

    永久链接: http://yueguang.xn–ses554g/?p=118&preview=true

    展开全文
  • 1+x 证书 Web 前端开发初级理论考试(试卷6 )

    万次阅读 多人点赞 2019-12-11 08:52:19
    Web前端开发初级模拟测试卷(六) 获取更多资料请加入 官方QQ群 共55道题 总分:200分 形考总分:0分 一、单选题共30题,60分 1.阅读下面的JavaScript代码,输出结果是() B function f(y) { var x=y*y; ...
  • 1+x 证书 Web 前端开发初级理论考试(试卷7 )

    千次阅读 热门讨论 2019-12-11 08:51:18
    1+x 证书 Web 前端开发初级理论考试(试卷7 ) 获取更多相关资料请加入 官方QQ群 1.以下那个属性用来定义动画执行时间() [单选题] * A、animation-name B、animation-duration C、animation-timing-function D、...
  • 1+x 证书 Web 前端开发初级理论考试(试卷8 ) 共55道题 总分:200分 形考总分:0分 一、单选题共30题,60分 1.实现向右的红色三角形,样式实现正确的是( ) A <div class="icon"></div> A.icon{width...
  • 目录: 一.前端基本功(初学者必备技能) 二.前端框架 H5移动web开发
  • 1+x 证书 Web 前端开发初级理论考试(试卷10 ) 官方QQ群 共55道题 总分:200分 形考总分:0分 一、单选题共30题,60分 1.以下说法正确的是: D Atable的表单标签 Btd的代表行 Ctr代表列 Dtable是表格标签...
  • 1+x 证书 Web 前端开发初级理论考试(试卷10 ) 官方QQ群  共55道题 总分:200分 形考总分:0分 一、单选题共30题,60分 1.以下说法正确的是: D Atable的表单标签 Btd的代表行 Ctr代表列 Dtable是表格标签 2.在...
  • 1+x 证书 web 前端开发初级对应课程分析http://blog.zh66.club/index.php/archives/194/1+X 证书 Web 前端开发中级对应课程分析http://blog.zh66.club/index.php/archives/195/1+x 证书 Web 前端开发初级理论考试样...
  • 一、单选题(每小题2分,共 30 小题,共 60 分) ...A、 B、 C、 D、 2.以下说法,错误的是() A、mark用于显示变粗的文字 B、用于显示删除的文本 C、的文字会带下划线 D、用于强调文本 3.设置文字颜色应使用属性() ...
  • 1+X证书制度体现了职业教育作为一种类型教育的重要特征,是落实立德树人根本任务、完善职业教育和培训体系、深化产教融合校企合作的一项重要制度设计。一、单选题(每题 2 分,共 60 分)1、在 HTML 中,() 用来表示...
  • 1+x 证书 Web 前端开发初级理论考试样题 (2019)1+X 证书制度体现了职业教育作为一种类型教育的重要特征, 是落实立德树人根本任务, 完善职业教育和培训体系, 深化产教融合校企合作的一项重要制度设计.一, 单选题(每题...
  • 1+x 证书 Web 前端开发初级实操考试(试卷 10 )  共 55 道题 总分:200 分 形考总分:0 分一、单选题共 30 题,60 分1. 以下说法正确的是: DAtable 的表单标签Btd 的代表行Ctr 代表列Dtable 是表格标签2. 在 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 819
精华内容 327
关键字:

web前端开发初级证书