精华内容
下载资源
问答
  • web前端课程设计

    2018-12-21 16:17:56
    此文件只用于应付web课程设计 https://pan.baidu.com/s/1ixIqN_QtcNIS5rf7tl_ocQ 源码百度云链接,这好像不能设置0积分了。。 参考别人(不会的太多,只模仿了少部分)...
  • web前端课程设计.zip

    2021-07-14 18:36:48
    web前端课程设计.zip
  • 本次课程设计使用MyEclipse编译器,使用的编程语言为HTML5、CSS、JavaScript,本次的课程设计适用于初学者,比较适合本科阶段的结课设计。本次的设计内容包括:各个网页的链接、锚点、注册表、问卷调查、有序列表和...
  • web前端课程设计,jquery+js+css+html,实现基本前台所有界面,
  • Web前端课程设计——个人主页

    千次阅读 多人点赞 2019-09-27 10:38:01
     上学期学了一门HTML5+CSS3的课程,也叫Web前端技术,期末的课程设计是写一个个人主页,能够在浏览器中打开的静态网页。通过一学期的学习,虽然系统学习过一遍,但是综合起来实践还是有些难度的。不过很开心的是在...

      大三上学期期末总结,嗯,没错,是上学期,写在新学期开始hhh。

      上学期学了一门HTML5+CSS3的课程,也叫Web前端技术,期末的课程设计是写一个个人主页,能够在浏览器中打开的静态网页。通过一学期的学习,虽然系统学习过一遍,但是综合起来实践还是有些难度的。不过很开心的是在我的不懈努力之下还是基本完成了。下面是设计要求和课程设计获取方式。

    Web前端技术实验》期末作品

    ——个人网站设计要求

     

    主题:我是大学生

    栏目:

    自我介绍

    我的大学

    专业及课程

    校园活动

    室友

    社团经历

    获得奖项、证书

    课外阅读

    推荐的文章

    要求:

    内容积极向上,页面美观、布局合理,可参照教材第10章,加入部分图片、视频、动画等美化页面。

    提交时间:第16周周五之前。

    提交内容:以“学号姓名”命名网站文件夹,整体网站文件夹一起提交。

      首先编写基本的网页框架,导航,头部,中间,尾部。然后根据选择器的命名不同,按照语法编写样式,调整大小和格局。最后使用jQuery插入动画播放照片,增加亮点。

      百度网盘链接:https://pan.baidu.com/s/1MRKFAbg2TZ_1xbIsMNNsew

      写在最后,这也是我学期末主要完成的作品,基本是边查边学边写的(作品劣质,大佬轻喷),这种一气呵成,畅快淋漓的感觉真的很爽。

      网页效果图:

      

      HTML代码:

      1 <!DOCTYPE HTML>
      2 <html>
      3 <head>
      4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      5 <title>个人网站-首页</title>
      6 <link rel="stylesheet" href="css/comm_style.css" type="text/css">
      7 
      8 <script src="slide/js/jquery-1.7.2.min.js" type="text/javascript"></script>
      9 <script src="slide/js/imgslide05.js" type="text/javascript"></script>
     10 <link rel="stylesheet" href="slide/css/picslide05.css" type="text/css" />
     11 
     12 <style type="text/css">
     13 #left{width: 180px;height: 362px;border: 1px solid #d9d7cb;margin: 10px; float: left;clear: left;}
     14 h4{letter-spacing: 1em;font-size: 15px;background: #e6e4db;height: 24px;border-bottom: 1px solid #d9d7cb;padding-top: 5px;
     15     margin-top:2px; padding-left: 10px;}
     16 #left h4{width: 170px;}
     17 #left ul{margin: 16px;line-height: 3em;}
     18 #left li{width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
     19 
     20 #right_up{width: 564px;height: 175px;border: 1px solid #d9d7cb;margin-top: 10px;float: left;}
     21 #right_up h4{width: 554px;}
     22 #right_up p{width: 500px;height: 90px;background: #f4f4f0;border: 1px none #999;text-indent: 2em;line-height: 1.5em; overflow: hidden;}
     23 
     24 #right_down{width: 564px;height: 175px;border: 1px solid #d9d7cb;margin-top: 10px;float: left;}
     25 #right_down h4{width: 554px;}
     26 #right_down p{width: 500px;height: 90px;background: #f4f4f0;border: 1px none #999;text-indent: 2em;line-height: 1.5em;overflow: hidden;} 
     27 #photo {width: 756px;height: 176px;border: 1px solid #d9d7cb;margin-left: 10px;float: left;}
     28 #photo h4{width: 746px;}
     29 /*#photo_img{width: 700px;margin-left: 60px;margin-top: 10px;text-align: center;}
     30 #photo img{display: block;width: 100px;height: 100px;float: left;margin-right: 30px;border: 1px solid #d9d7cb;}
     31 #photo h5{width: 100px;margin-right: 30px;margin-top: 5px;font-size: 12px;float: left;}*/
     32 
     33 </style>
     34 </head>
     35 <body>
     36 <div id="top">
     37     <div id="top_txt"><a href="#" target="_self">&nbsp;收藏本页&nbsp;</a>|<a href="#" target="_self">&nbsp;联系站长</a></div>
     38 </div>
     39 <div id="vi">
     40     <div id="tt">没有白走的路<br>每一步都算数<br></div>
     41 </div> 
     42 <div id="nav">
     43     <ul>
     44         <li><a href="#" target="_self">&nbsp;&nbsp;首页</a></li>
     45         <li class="bar">|</li>
     46         <li><a href="#" target="_self">自我介绍</a></li>
     47         <li class="bar">|</li>
     48         <li><a href="#" target="_self">我的大学</a></li>
     49         <li class="bar">|</li>
     50         <li><a href="#" target="_self">社团经历</a></li>
     51         <li class="bar">|</li>
     52         <li><a href="#" target="_self">最新照片</a></li>
     53         <li class="bar">|</li>
     54     </ul>
     55 </div>
     56 <div id="main">
     57     <div id="left">
     58         <h4>|社团经历</h4>
     59         <ul>
     60             <li>◆参加各院校举办的新生编程赛</li>
     61             <li>◆参加第九届河南省蓝桥杯大赛</li>
     62             <li>◆参加第十届河南省蓝桥杯大赛</li>
     63             <li>◆组织升达ACM宣讲会和新生培训</li>
     64             <li>◆参加第十届河南省ACM大学生程序设计竞赛</li>
     65             <li>◆参加第十一届河南省ACM大学生程序设计竞赛</li>
     66             <li>◆参加2018ACM亚洲区域赛青岛站</li>
     67             <li>◆参加2018ACM亚洲区域赛焦作站</li>
     68         </ul>
     69     </div>
     70 
     71     <div id="right_up">
     72         <h4>|自我介绍</h4>
     73         <p>&nbsp;&nbsp;我叫温飞飞,来自牡丹花城洛阳,现在是郑州升达经贸管理学院的一名在校大三学生,专业是物联网工程。为人真诚,性格沉稳,踏实肯干。喜欢互联网行业,在校期间热衷算法编程竞赛,如果志同道合,不妨交个朋友吧(hhhh)</p>
     74     </div>
     75     <div id="right_down">
     76         <h4>|我的大学</h4>
     77         <p>&nbsp;&nbsp;郑州升达经贸管理学院(Zhengzhou Shengda University Of Economics,Business &amp Management,ZSDU)简称“升达学院”,位于河南省新郑市,是豫籍台湾著名教育家王广亚博士捐资创办的一所全日制民办普通本科院校。
     78 学校建于1993年,前身为郑州大学升达经贸管理学院,2011年4月更为现名。</p>
     79     </div>
     80 
     81     <div id="photo">
     82         <h4>|最新照片</h4>
     83         <div id="picslide" class="picslide05">
     84             <div class="slides">
     85                 <ul class="frame"> <li></li><li></li><li></li> </ul>
     86             </div>
     87             <ul class="content" style="display:none;">
     88                   <li><a href="#" target="_self"><img src="slide/img/tu1.png" alt="Happy Bokeh Thursday!" /></a></li>    
     89                   <li><a href="#" target="_self"><img src="slide/img/tu2.png" alt="Save my love for loneliness" /></a></li>    
     90                   <li><a href="#" target="_self"><img src="slide/img/tu3.png" alt="Happy Bokeh raining Day" /></a></li>  
     91                   <li><a href="#" target="_self"><img src="slide/img/tu4.png" alt="We Eat Light" /></a></li>  
     92                   <li><a href="#" target="_self"><img src="slide/img/tu5.png" alt="&ldquo;I must go down to the sea again, to the lonely sea and the sky...&rdquo;" /></a></li>  
     93              </ul>
     94              <div class="next"></div>
     95                     <div class="pre"></div>
     96                     <ul class="pointer">
     97                         <li class="on"></li>
     98                         <li></li><li></li><li></li><li></li>
     99                     </ul>
    100              </div>
    101 
    102              <script type="text/javascript">
    103                     $(function () {
    104                         $("#picslide").picslide05();
    105                     });
    106              </script>
    107     </div>
    108 </div>
    109 <div id="bt">&copy;&nbsp;本网站版权为温飞飞所有</div>
    110 </body>
    111 </html>
    View Code

      CSS代码:

     1 /*公共部分样式*/
     2 *{margin: 0px;padding: 0px;}
     3 ul{list-style: none;}
     4 body{background: #d9d7cb url(../img/body_bg.PNG) repeat-y center;font-size: 12px;}
     5 #top,#vi,#nav,#main,#bt{width: 779px;margin: 0px auto;}
     6 #top,#bt{background: #000;}
     7 
     8 #top{height: 18px;padding-top: 5px;text-align: right;color: #fff;}
     9 #top_txt{margin-right: 5px;}
    10 #top_txt a{color: #fff;text-decoration: none;}
    11 #top_txt a:visited{color: #fff;}
    12 #top_txt a:hover{color: #ddd;}
    13 #vi{height: 110px;
    14     background-color: 98a363;
    15     background-image: url(../img/top_bg.PNG);
    16     opacity: 0.7;
    17     background-repeat: no-repeat;
    18     background-size: 779px 130px;
    19 }
    20 #tt{margin-left: 120px;text-indent:-40px;line-height: 1.8em;font-size: 14px;font-weight: bold; }
    21 
    22 #nav{height: 35px;background: e6e4db;}
    23 #nav ul{margin-left: 30px;}
    24 #nav ul li{float: left;}
    25 #nav ul a{display: block;width: 120px;height: 25px;padding-top: 10px;text-decoration: none;letter-spacing: 8px;text-align: center;
    26     color: #000;font-size: 15px;font-weight: bold; }
    27 #nav ul a:visited{color: #000;}
    28 #nav ul a:hover{color: 98a363;background: #fff;}
    29 #nav ul li.bar{width: 6px;padding-top: 12px;}
    30 #main{height: 600px;background: #fff;}
    31 
    32 /*主题内容*/
    33 #bt{margin-top: 0px; height: 30px;padding-top: 34px;text-align: center;color: #fff;}
    View Code

     

    转载于:https://www.cnblogs.com/wenzhixin/p/10426120.html

    展开全文
  • web前端课程设计——K.X的博客

    千次阅读 2019-12-23 16:56:45
    通过一个学期的web前端学习,学习了html、css、js,以及bootstrap4和vue框架的简单运用;这个课程设计也算对自己一学期课程的总结吧。 课程设计运用单页面技术、vue-router(路由)、定义全局变量、bootstrap4界面...

    目前已开发出后端:https://blog.csdn.net/kongsanjin/article/details/106517860

    通过一个学期的web前端学习,学习了html、css、js,以及bootstrap4和vue框架的简单运用;这个课程设计也算对自己一学期课程的总结吧。

    课程设计运用单页面技术、vue-router(路由)、定义全局变量、bootstrap4界面设计以及Vue-html5-edito富文本编辑器

    功能:可实现查看博客详情、增加博客,编辑博客,删除博客以及点赞功能;由于未连接数据库,每次刷新数据都会重置。

    效果图:

    附: 

    课程设计——K.X的博客源码: https://github.com/15138299517/K.X-Blog-for-Page

    展开全文
  • 高等职业教育创新发展行动计划2015-2018年 PAGE 8 PAGE 7 高等职业教育创新发展行动计划2015-2018年 XM-6-1省级高等职业教育专业教学资源库 web前端开发 web前端开发期末课程设计报告书 陕西职业技术学院电子信息...
  • web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下 题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合...

    web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下
    在这里插入图片描述

    题目:
    此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合使用CSS及表格、DIV、框架等技术),完成各页面的布局设计。

    工具:
    EditPlus

    一、所需文件

    在这里插入图片描述

    二、网页效果(模仿游戏官网)

    A.首页效果
    在这里插入图片描述
    B.游戏介绍
    假装有图


    C.游戏攻略
    在这里插入图片描述
    D.手办商城
    在这里插入图片描述
    E.问卷调查
    假装有图


    F.加入我们
    …懒了
    …哈哈


    三、部分代码

    首页HTML

    <!DOCTYPE html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>主页</title>
       <link rel="stylesheet" href="css/index.css">
       <script src="js/index.js" charset="gb2312"></script>
     </head>
     <body>
     <embed src="audios/attack.mp3" width=0 height=0 type=audio/mpeg loop="-1" autostart="true" volume="0"></embed>			<!-- 音乐 -->
     <div id="container">				<!-- 大框 -->
    	<div id="header">			<!-- 1 头部-->
    		<div id="logo"></div>		<!-- 1左  logo -->
    		<div id="select_search">	<!-- 1右  搜索-->
    			<table height="80px" align="right" >
    				<tr align="right">
    					<td colspan="4">
    						<select id="sel">
    							<option selected>简体中文</option>
    							<option >繁体中文</option>
    							<option >English</option>
    						</select>
    					</td>
    				</tr>
    				<tr align="right">
    					<td><font size="2">关键词:</font></td>
    					<td><input type="text" size="25"></td>
    					<td><input type="image" src="images/搜索.png"></td>
    				</tr>
    			</table>
    		</div>
    		
    	</div>
    	<div id="nav">		<!-- 2  导航栏-->
    		<table>
    			<td id="line.png"><a href="index.html">首页</a></td>
    			<td id="line.png"><a href="game_introduction.html">游戏介绍</a></td>
    			<td id="line.png"><a href="game_tips.html">游戏攻略</a></td>
    			<td id="line.png"><a href="toy.html">手办商城</a></td>
    			<td id="line.png"><a href="survey.html">问卷调查</a></td>
    			<td id="line.png"><a href="join.html">加入我们</a></td>
    			
    		</table>
    	</div>
    	<div id="bao">		<!-- 3  图片轮播-->
    		<div id="photo">
    			<img src="images/a.png" >
    			<img src="images/b.png" >
    			<img src="images/c.png" >
    			<img src="images/e.png" >
    			<img src="images/f.png" >
    		</div>
    	</div >
    	<div id="main">		<!-- 4  左中右-->
    		<div id="left">		<!--  4左   咨询-->
    			<img src="images/游戏资料.png" width="262ox" height="50px">
    			<ul>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=518558">打野位置能拿MVP的不传之秘!<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=519143">新版梦奇铭文出装玩法全解析<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=519427">如何理解斩杀线与控血概念?<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_Biz=18&tid=512793">李白刮痧,操作太难,试试兰陵王<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/v/detail.shtml?G_Biz=18&tid=719852&e_code=pvpweb.dpvlist.r4">“红烧流”庄周<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_Biz=18&tid=362130">你强任你强,墨子东皇加张良<a>&nbsp;2021-05-09</li>
    			</ul>
    		</div>
    		<div id="center">	<!-- 4中  图片滚动-->
    			<marquee onmouseover="this.stop()" onmouseout="this.start()">
    				<img src="images/滚1.png" border="0" width="400px" height="230px">
    				<img src="images/滚2.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚3.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚4.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚5.png" border="0" width="400px" height="230px">
    			</marquee>
    		</div>
    		<div id="right">		<!-- 4右 登录-->
    			<img id="ri" src="images/欢迎登录.png" width="250" height="50px"><br/>
    			<form action="" id="fo">
    				<table align="center" class="register">
    					<tr>
    						<td>用户名</td>
    						<td><input type="text" id="user01" maxlength="11" placeholder="请输入您的用户名" required/></td>
    						<td ><input type="submit" value="登录"></td>
    					</tr>
    
    					<tr id="fot">
    						<td>密码</td>
    						<td><input type="password" id="password01" maxlength="16" placeholder="请输入密码......" required/></td>	<td><input  type="reset"></td>
    					</tr>
    				</table>
    			</form> 
    			<div class="wjmmzczh">
    				<a href="#" >忘记密码</a>
    				<a href="#" id="zc">注册账号</a>
    			</div>
    		</div>
    	</div>	
    	<div id="comment">		<!-- 5 留言区-->
    		<h2 >留言板</h2>
    		<hr size="2px" color="#b5b5b5" width="990px" align="left">
    		<form>
    			<table align="center">
    				<tr>
    					<td>用户名:</td>
    					<td><input type="text"/></td>
    					<td>Wechat:</td>
    					<td><input type="text"/></td>
    					<td>留言时间:</td>
    					<td><input type="text"/></td>
    				</tr>
    				<tr>
    					<td >留言内容:</td>
    					<td colspan="5"><textarea id="txt" cols="100" rows="3" placeholder="评论的时候,请遵纪守法并注意语言文明"></textarea></td>
                  
    				</tr>
    
    				<tr >
    					<td colspan="2"><input type="submit" value="提交留言"></th>
    					<td colspan="2"><input type="reset" value="重置内容"></th>
    				</tr>
    			</table>
    		</form>
    	</div>
    
    	<div id="footer" >		<!-- 6 版权区-->
    		<p class="p1">Copyright&nbsp;&copy;&nbsp;2021&nbsp;<span>i&nbsp;an</span>,All&nbsp;rights&nbsp;reserved.</p>
    		<p class="p2">2021,版权所有&nbsp;&nbsp;85CP备13385453</p>
    	</div>
     </div>
      
     </body>
    </html>
    
    

    首页CSS

    /*index.css*/
    *{
    	
    	font-family:楷体; /*全文字体*/
    }
    #container{
    	margin:0 auto;			/*   内外边距去除,字体大小为12px */
    	padding:0 auto;font-size:12px;
    }
    #header{			/*1 头部*/
    	width:990px;
    	height:80px;
    }
    #logo{	/*  1左上 logo */
    	width:300px;
    	height:80px;
    	float:left;
    	background:#FFFFFF url("../images/王者荣耀logo.png") no-repeat left bottom;
    	
    }
    #select_search{			/*	 1右	  搜索*/
    	width:690px;
    	height:80px;
    	font-size:20px
    	background:#FFFFFF;
    	float:left;
    }
    #nav{				/*		2  导航栏  */
    	clear:both;
    	width:990px;
    	height:40px;
    	font-size:18px;
    	background-image:url("../images/导航背景.png")
    }
    #nav a:hover{
    	color:#Bf0000;
    	text-decoration:none;
    }
    #nav td{
    	width:165px;
    	height:40px;
    	text-align:center;
    	vertical-align:middle; 
    }
    table{
    	line-height:1.5em
    }
    #bao{					/*  3图片轮播  */
    	width: 990px;
    	height: 500px;
    	overflow: hidden;
    }
    #photo {			
    	width: 5940px;
    	animation: switch 15s ease-out infinite;
    }
    #photo > img {
    	float: left;
    	width: 990px;
    	height: 500px;
    }
    @keyframes switch {
    	0%, 5% {
    		margin-left: 0;
    	}
    	20%, 30% {
    		margin-left: -990px;
    	}
    	40%, 55% {
    		margin-left: -1980px;
    	}
    	60%, 75% {
    		margin-left: -2970px;
    	}
    	85%, 100% {
    		margin-left: -3960px;
    	}
    }
    
    #main{				/* 4   */
    	width:990px;
    	height:230px;
    	border-bottom:5px ridge #DEDEDE;
    	float:left;
    	clear:both
    }
    #left{		/*4左*/
    	width:260px;
    	height:230px;
    	background:#EEFFDD;
    	float:left;
    	background-image:url("../images/left背景.png")
    	/*border-right:10px solid #FFFFFF*/
    }
    a:link,a:visited,a:active{
    	text-decoration:none;
    }
    a:link,a:visited,a:active{
    	color:#828282;
    }
    ul{
    	list-style:none;
    	padding-left:10px;
    	line-height:1.8em
    }
    #left li{
    	border-bottom:1px dotted #009900;
    }
    #left a:hover{
    	color:#Bf0000;
    	text-decoration:underline
    }
    #center{		/*4中*/
    	width:480px;
    	height:230px;
    	float:left;
    	/*border-right:5px solid #FFFFFF;*/
    	background-image:url("../images/滚底.png")
    }
    #right{		/*4右  登录部分*/
    	width:250px;
    	height:230px;
    	background:#EEFFDD;
    	float:left;
    	background-image:url("../images/right背景.png")
    }
    .register{
    	flex: 40%;
    	padding-top: 20px; 
    }
    .wjmmzczh{
    	padding-left: 50px;
    	padding-top: 20px;
    }
    #zczh{
    	padding-left: 50px;
    }
    #biaodan{
    	padding-top: 20px;
    }
    h2{
    	font-size:30px;
    	font-family:宋体;
    	font-style:bolder;
    	color:#ffff00;
    	margin:0
    }
    #comment{		/*5  评论区*/
    	clear:both;
    	width:990px;
    	height:210px;
    	background-image:url("../images/留言底.jpg");
    	float:left
    }
    input{ 
    	vertical-align: middle;
    } /*垂直居中*/
    #footer{			/*6 尾部*/
    	clear:both;
    	width:990px;
    	height: 60px;
    	background: #330033;
    	text-align: center;
    	line-height: 10px;
    	float:left
    }
    #footer p{ 
    	color: #ffff00;
    	font-size: 15px;
    	opacity: 0.7; 
    }
    .p1{ 
    	margin: 0;
    	padding: 15px 0 5px 0;
    }
    .p2{ 
    	margin: 0;
    	padding: 5px 0;
    }
    #footer span{
    	color: #aaffff;
    }
    
    

    首页登录表单JS

    window.onload=function(){
        if(document.getElementById("fo") != null){
            document.getElementById("fo").onsubmit=function(){
                var yhm = document.getElementById("user01");
                var mm = document.getElementById("password01");
    
                if(!(/^1\d{10}$/.test(yhm.value))){          /*用正则表达式,检查输入的用户名格式是否为以1开头的11位数*/
                    alert("输入用户名格式错误,请重新输入以1开头的11位数用户名!");
                    return false;
                }
    
                if (mm.value != 12345) {
                    alert("密码输入错误,请重新输入!");
                    return false;
                }
               /* return ture;*/
            }
        }
    }
    
    
    
    

    首页评论区表单JS

    /*留言板块*/
    
    function checkData(){    /*checkData()的JS脚本函数,以便我们在将表单数据提交到服务器前,能对表单中填写的部分数据的合法性进行必要的检验*/
    		var n = document.getElementById("n").value;/*var obj = document.getElementById(页面元素id)*/
    		var x = document.getElementById("x").value;
    		var t = document.getElementById("t").value;
    		var txt = document.getElementById("txt").value;
    		if(!n)
    		{
    			alert("请输入用户名!");
    			return false;
    		}
    		else if(!x)
    		{
    			alert("请输入wechat!");
    			return false;
    		}
    		else if(!t)
    		{
    			alert("请输入留言时间");
    			return false;
    		}
    		else if(!txt)
    		{
    			alert("请输入留言内容");
    			return false;
    		}
    		
    		return true;
    }
    function check(){
    		var r = checkData(); 
    		return r;
    }
    

    在这里插入图片描述

    做得不太好,请多多包涵菜鸟,球球了,
    图片素材来自网络,侵删

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    想直接拿就在这里

    资源

    展开全文
  • HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
  • 16级 Web前端设计课程主页-附件资源
  • 学习web前端的同学越来越多,怎么学,从哪里开始学可能很多同学都摸不到头脑,那么今天就给大家分享这份web前端课程大纲给大家,相信有了这份web前端工程师教程大纲大家能更清晰的找到自己的学习路径。 给大家提供的...

    学习web前端的同学越来越多,怎么学,从哪里开始学可能很多同学都摸不到头脑,那么今天就给大家分享这份web前端课程大纲给大家,相信有了这份web前端工程师教程大纲大家能更清晰的找到自己的学习路径。

    给大家提供的这份web前端培训课程分采用进阶式学习,课程体系能够适应市场需求、紧跟时代技术,完全满足市场对前端工程师的要求,学习内容包括7大学习阶段:
    
    第一阶段:前端页面重构
    
    内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
    
    第二阶段:JavaScript高级程序设计
    
    内容包含:1)原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)
    
    第三阶段:PC端全栈项目开发
    
    内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
    
    第四阶段:移动端项目开发
    
    内容包含:(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)
    
    第五阶段:混合(Hybrid,ReactNative)开发
    
    内容包含:(微信小程序开发、React Native、各类混合应用开发)
    
    第六阶段:NodeJS全栈开发
    
    内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
    
    第七阶段:大数据可视化
    
    内容包含:(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)
    
    无论你选择什么样的方式学习(自学或者培训),都一定要有扎实的基础,只有基础牢固,才能更深入的学习新技能。作为一名初级的web前端工程师,你必须要具备基础的技术要素:html,CSS和Java。这是作为web前端工程师所必须要掌握的。web前端的入门门槛其实很低的,与其他语言先慢后快的学习节奏相比,他是一个先快后慢的过程。所以在前期的学习过程中,我们要学好基础才能达到更好的学习后面的内容。
    
    展开全文
  • 主要基于HTML5+css3实现的中华传统文化网页设计包含源码、设计文档
  • WEB前端设计师是什么 前端设计师是一个很新的职业在国内乃至国际上真正开始受到重视的时间不超过 5 年但是随着 Web2.0 概念的普及和 W3C组织的推广网站重构的影响力正以惊人的速度 增长 XHTML+CSS布局 DHTML像一阵...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,459
精华内容 9,783
关键字:

web前端课程设计