建站
咨詢
售后
建站咨詢
新聞中心
如何從頭制作一個(gè)html5登錄頁(yè)面
首先要登陸自己的賬號(hào)，這個(gè)工具是免注冊(cè)的，微信掃一掃就登陸進(jìn)去了；
創(chuàng)新互聯(lián)一直通過(guò)網(wǎng)站建設(shè)和網(wǎng)站營(yíng)銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實(shí)效"的一站式服務(wù)，以網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、移動(dòng)互聯(lián)產(chǎn)品、營(yíng)銷型網(wǎng)站服務(wù)為核心業(yè)務(wù)。十余年網(wǎng)站制作的經(jīng)驗(yàn)，使用新網(wǎng)站建設(shè)技術(shù)，全新開(kāi)發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價(jià)格便宜而且實(shí)用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡(jiǎn)單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。
進(jìn)去后是模板頁(yè)面，有很多有趣好玩的模板；
點(diǎn)擊“我的”進(jìn)入個(gè)人空間；
添加新折頁(yè)。模板中有很多好玩的游戲，所以我們選擇做一個(gè)相冊(cè)；
可以掃碼看一下初始的效果，決定了之后點(diǎn)擊“開(kāi)始制作”；
每一個(gè)標(biāo)簽頁(yè)都有自己的內(nèi)容，可以通過(guò)刪除和復(fù)制自己控制模板的規(guī)格；
上傳素材替換掉模板中的內(nèi)容；
可以實(shí)時(shí)在手機(jī)上預(yù)覽效果；
保存折頁(yè)的時(shí)候記得修改頁(yè)面上的信息；
好的制作者可是會(huì)利用這些信息吸引眼球哦~
在手機(jī)上預(yù)覽沒(méi)有問(wèn)題后就可以直接右上角分享給朋友啦！~
html5注冊(cè)功能怎么將賬號(hào)密碼存儲(chǔ)在本地
源碼如下
script
//先查看是否有本地?cái)?shù)據(jù)（記住密碼）
/* function myfunction(){
var email = localStorage.getItem("email");
var password = localStorage.getItem("password");
if(email!=nullpassword!=null){
alert("郵箱："+email+"密碼："+password);
$.ajax({
url : '../servlet/LoginServlet?choose=login',
data : {
email : email,
password : password
},
dataType : 'json',
success : function(data) {
if (data.msg == "") {
alert("用戶名或密碼錯(cuò)誤");
} else {
//登錄成功后保存session，如果選擇了記住密碼，再保
存到本地
//window.location.href ='../index/index.jsp';
}
},
error : function() {
alert("系統(tǒng)錯(cuò)誤");
}
});
}else{
//alert("沒(méi)有信息");
}
}
function saveStorage(){
var email = document.getElementById("email").value;
localStorage.setItem("email",email);
var password = document.getElementById("password").value;
localStorage.setItem("password",password);
}
function login(){
$.ajax({
url : '../servlet/LoginServlet?choose=login',
data : {
email : $('#loginform input[name=email]').val(),
password : $('#loginform input[name=password]').val()
},
dataType : 'json',
success : function(data) {
if (data.msg == "") {
alert("用戶名或密碼錯(cuò)誤");
} else {
//登錄成功后保存session，如果選擇了記住密碼，再保存到
本地
window.location.href ='../index/index.jsp';
}
},
error : function() {
alert("系統(tǒng)錯(cuò)誤");
}
});
}
function reg(){
$.ajax({
url : 'servlet/LoginServlet?choose=reg',
data : {
username : $('#regform input[name=username]').val(),
password : $('#regform input[name=password]').val(),
email : $('#regform input[name=email]').val(),
},
dataType : 'json',
success : function(data) {
if(data.msg == false){
alert("注冊(cè)失敗");
}else{
alert("注冊(cè)成功請(qǐng)返回登錄");
}
},
error : function() {
alert("系統(tǒng)錯(cuò)誤");
}
});
} */
$(document).ready(function(){
//讀取 localStage 本地存儲(chǔ)，填充用戶名密碼,如果自動(dòng)登錄有值直接跳轉(zhuǎn)
；
//相反，跳轉(zhuǎn)到本頁(yè)面,等待登陸處理
var storage = window.localStorage;
var getEmail = storage["email"];
var getPwd = storage["password"];
var getisstroepwd = storage["isstorePwd"];
var getisautologin = storage["isautologin"];
if("yes" == getisstroepwd)
{
if("yes" == getisautologin)
{
if(( ("" != getEmail) ||(null != getEmail)) (("" !=
getPwd) ||(null != getPwd)))
這個(gè)首頁(yè)的html5網(wǎng)站設(shè)計(jì)代碼（尤其是頭部那登錄注冊(cè)代碼怎么寫）
首先先說(shuō)一下HTML5的代碼只是在原有的XHTML基礎(chǔ)上增加了一些新的標(biāo)簽（還有一些新的特性，例如數(shù)據(jù)庫(kù)和緩存等特性）
以下為此頁(yè)面的結(jié)構(gòu)代碼：
!doctype?html
html
head
meta?charset="utf-8"
meta?name="revised"?content=""?/
meta?name="keywords"?content=""?/
meta?name="description"?content=""?/
meta?name="author"?content=""??/
meta?name="robots"?content="all"?/
title頁(yè)面標(biāo)題/title
/head
body
header
div/div!--登陸注冊(cè)區(qū)域--
/header!--頭部[html5新標(biāo)簽]--
nav/nav!--導(dǎo)航[html5新標(biāo)簽]--
div/div!--banner--
div/div!--左上--
div/div!--右上--
div/div!--左下--
div/div!--右下--
footer/footer!--底部[html5新標(biāo)簽]--
/body
/html
注：以上為頁(yè)面的大的框架，相對(duì)用HTML5新的標(biāo)簽更合理的，全用上了新的帶有語(yǔ)義標(biāo)簽。
另外多說(shuō)一下，[注冊(cè)登陸]這塊在html5的新標(biāo)簽里面沒(méi)有很合適的語(yǔ)義化的標(biāo)簽，所以依然采用原有的div標(biāo)簽為最合理。html5只是在原有的技術(shù)的基礎(chǔ)上更細(xì)化了，咱在制作代碼的過(guò)程中沒(méi)必要必須用HTML5的代碼，主要看是否合理，合理的為較合適的。
多說(shuō)的：不管用XHTML還是HTML5寫代碼，結(jié)構(gòu)（HTML5）與樣式（CSS）盡量要分離！
希望能幫到你！
html5 登陸注冊(cè)頁(yè)面用到的技術(shù)
HTML5+CSS3+Jquery寫一個(gè)漂亮的登陸框；
ajax實(shí)現(xiàn)無(wú)刷新驗(yàn)證；
響應(yīng)式設(shè)計(jì)；
文章名稱：html5注冊(cè)登錄,登陸html
文章URL：http://fisionsoft.com.cn/article/dscjsgc.html
