精华内容
下载资源
问答
  • Web网页设计代码

    万次阅读 多人点赞 2020-02-09 12:13:59
    代码分享: https://pan.baidu.com/s/1xf4AQlfM8e6Nvw2oXUdbrA 提取码:ap1v
    展开全文
  • 2.htmlWeb网页设计代码

    2021-05-07 16:18:59
    2.htmlWeb网页设计代码
  • 利用web网页设计技术(html+css+javascript)进行网站开发,含源代码 ,以及网页所用的图片,可做课程设计参考
  • web交互设计课程实验源代码,用户登录注册设计,参考黎老师课程
  • web网页设计 JavaScript 搜索框代码

    千次阅读 2019-12-13 16:34:21
    JavaScript实现搜索框样式的代码

    初学JavaScript,略微懂得一点毛皮,得出一点复习经验,在这里分享一下。

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>搜索框</title>
    </head>
    <style>
    #i1{
    	color: grey;
    }
    </style>
    <body>
    	搜索<input type="text" value="请输入关键字" id="i1">
    </body>
    </html>
    <script>
    var ip = document.getElementById('i1');
    //添加事件,获得焦点,value不为“请输入关键字”则value变为空,输入文字为黑色字体
    ip.addEventListener("focus",function(){
    	if (ip.value=="请输入关键字") {
    	ip.value=""
    	ip.style.color="black"
    	}
    })
    // 添加事件,失去焦点时,value为空则回到默认状态
    ip.addEventListener("blur",function(){
    	if (ip.value=="") {
    	ip.style.color="grey"
    	ip.value="请输入关键字"
    	}
    })
    // 添加事件,如果value新输入的与默认的value相同。则再次变为默认样式。
    ip.addEventListener("change",function(){
    	if (ip.value=="请输入关键字") {
    	ip.style.color="grey"}
    })
    </script>
    
    展开全文
  • web网页设计知识,网页基础,零基础学web,从最基础的学期,让没有基础的同学,也可以很容易的入门,搭建web网页设计的学习基础,让以后学习更轻松,还有查考例子以及代码
  • Dreamweaver 中文版 网页设计 百例 源代码
  • 网路 网页设计和开发源代码存储库。
  • 毕业设计+试卷管理系统+web网页设计,源代码
  • Web网页登录页面设计

    2020-03-09 23:40:56
    利用web网页设计技术(html+css)进行静态登录页面设计开发,包含源代码 ,以及网页所用的图片
  • 第2章 HTML网页设计 HTMLHyperText Markup Lanquage即超文本标记语言是构成网页最基本的要素也是编写ASP文档和开发各种Web应用程序的基础 2.1 HTML概述 2.1.1 什么是HTML HTML是一种颇为结构化的网页内容标记语言...
  • ASP基于WEB个人博客网页设计(源代码论文答辩).rar
  • 清华大学出版社《基于Web标准的网页设计与制作》源代码和素材 唐四薪编著
  • 《基于Web标准的网页设计与制作》中的固定布局设计代码,加批注。
  • FCC响应式网页设计 响应式网页设计做免费代码营 致敬页 产品着陆页 调查表格 文件夹
  • web课程设计-网页阅读器(源代码+数据库) sqlserver数据库 本阅读器包括文章显示和用户注册系统的功能与实现,包括数据流程及存储、注册用户管理、留言板信息管理、用户权限管理、用户密码管理、文章信息和用户的...
  • 基于C#+ASP.NET实现的Web网页用户录入表单设计程序代码更新。
  • Apache2.2+MySQL+php5开发环境,简单易懂,代码原理超级明了,适合初学者借鉴和应用。
  • Web网页登录设计

    2017-02-24 19:01:00
    web网页登陆 登陆网页的简单功能的实现 输入用户名和密码与数据库当中的用户名和密码匹配上,则登陆成功。 首先我们要先配置好web制作所需要的软件,在mysql数据库当中建立表,建立用户名和密码 在...

    web网页登陆

     

    登陆网页的简单功能的实现

    输入用户名和密码与数据库当中的用户名和密码匹配上,则登陆成功。

     

    首先我们要先配置好web制作所需要的软件,在mysql数据库当中建立表,建立用户名和密码

     

    在java ee上编写连接mysql数据库的代码

     

    <%@ page contentType = "text/html; charset=utf-8" import = "java.sql.*" errorPage = "error.jsp" %>
    <html>
    <head>
    </head>
    <body>
    <div style=text-align:center>
    <%

    String num = request.getParameter("num");
    session.setAttribute("username",num);
    String userpassword = request.getParameter("userpassword");
    Class.forName("com.mysql.jdbc.Driver");
    Connection connect = DriverManager.getConnection(
    "jdbc:mysql://localhost:3306/test","root","20153126");
    Statement stmt = connect.createStatement();
    String sql = "select * from user where name='"+num+"'and userpassword='"+userpassword+"'";
    ResultSet i = stmt.executeQuery(sql);
    if(i.next())
    {
    response.setHeader("refresh","1;url = index1.html");
    }
    else
    {
    out.println("<script language = 'javaScript'> alert('密码错误,请重新输入用户名!');</script>");
    response.setHeader("refresh","1;url = login.html");
    }
    stmt.close();
    connect.close();

    %>
    </div>
    </body>
    <html>ml>

    连接上数据库之后,在dreamwearver中画出网页的登录界面,转化成代码,复制粘贴进去到java ee 中,

    代码:

     

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>

    <body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="200" border="1">
    <tr>
    <td width="55">用户名</td>
    <td width="129">&nbsp;</td>
    </tr>
    <tr>
    <td>密码</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    <p>&nbsp; </p>
    </body>
    </html>
    </body>
    </html>

    在网页中输入用户名和密码

     

    输入正确的用户名和密码后:

    代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>

    <body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>登录成功!</p>
    </body>
    </html>

    输入错误后:

    具体方法:从数据库中查找登录界面中输入的用户名的密码,如果有,则返回正确的密码,否则 ,返回null;然后重写doget方法,对登录进行响应,如果输入的密码与从数据库中返回的密码相同,那么转到登录成功后的界面,如果登录失败,那么则提示用户重新登录。

    转载于:https://www.cnblogs.com/bai123/p/6439898.html

    展开全文
  • web网页课程设计代码,网页美观实用,里面实现了导航栏的固定,百度地图的引入,布局,使用html,cssjavascript语言。
  • 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;
    }
    

    在这里插入图片描述

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

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    展开全文
  • Google Web Designer 是 Google 最近发布的一个免费 Web 网页设计工具,该软件是中文绿色的,主要用于创建基于 HTML5 和 CSS3 的网页或交互式动画,设计出的网页动画无需 Flash 支持,能适应任何平台与设备,不用...
  • 这是一个比较完善的毕业设计管理信息系统,采用J2EE语言和MYSQL数据库编写,里面包括源代码、数据库、等所需材料
  • web网页设计实现——04.16

    千次阅读 2019-04-20 17:36:35
    jQuery的淡出淡入: ...代码: 1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <title>Title</title> 6. <script...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,170
精华内容 1,268
关键字:

web网页设计代码