導航:首頁 > 萬維百科 > 網頁設計注冊頁面代碼免費

網頁設計注冊頁面代碼免費

發布時間:2021-03-13 01:26:13

1、JavaScript+html設計一個用戶注冊頁面

var reg=/^[a-zA-Z]\w*$/; var flag1=false,flag2=false,flag3=false; function chang1(obj){ var name=obj.value; if(name.length<3||name.length>8){ //alert("密碼要求3-8位!"); document.getElementById("usName").innerHTML=" 用戶名要求3-8位!"; } else if(!reg.test(name)){ //alert("用戶名由字母開頭,後字母、數字或下劃線!"); document.getElementById("usName").innerHTML=" 用戶名由字母開頭,後字母、數字或下劃線"; flag1=false;

2、這個首頁的html5網站設計代碼(尤其是頭部那登錄注冊代碼怎麼寫)

首先先說一下HTML5的代碼只是在原有的XHTML基礎上增加了一些新的標簽(還有一些新的特性,例如資料庫和緩存等特性)

以下為此頁面的結構代碼:

<!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>頁面標題</title>
</head>

<body>
<header>
<div></div><!--登陸注冊區域-->
</header><!--頭部[html5新標簽]-->
<nav></nav><!--導航[html5新標簽]-->
<div></div><!--banner-->
<div></div><!--左上-->
<div></div><!--右上-->
<div></div><!--左下-->
<div></div><!--右下-->
<footer></footer><!--底部[html5新標簽]-->
</body>
</html>

註:以上為頁面的大的框架,相對用HTML5新的標簽更合理的,全用上了新的帶有語義標簽。

另外多說一下,[注冊登陸]這塊在html5的新標簽裡面沒有很合適的語義化的標簽,所以依然採用原有的div標簽為最合理。html5隻是在原有的技術的基礎上更細化了,咱在製作代碼的過程中沒必要必須用HTML5的代碼,主要看是否合理,合理的為較合適的。


多說的:不管用XHTML還是HTML5寫代碼,結構(HTML5)與樣式(CSS)盡量要分離!


希望能幫到你!

3、dw製作網頁中的注冊登錄代碼怎麼寫?

可以 用.net或者php或者asp都可以實現的,前台你不知道哪些頁面跳轉,現在的網頁都是動態的,鏈接都是後台調用 ,他們自己分配的id咱不知道,所以你也不知道鏈接到什麼地發過去,即使你鏈接了也是靜態的,可以用一個id控制項點擊跳轉

4、求網頁製作 注冊\登錄代碼!!

是要用什麼樣的方式、jsp/asp/php等

5、利用Javascript實現用戶注冊信息檢查,製作一個注冊界面檢測的javascript頁面 要完整的網頁代碼,謝謝

//已發郵箱,注意查收。js部分代碼如下:
    <script>
        function $(id){
            return document.getElementById(id)
        }
        function clear_msg(){
            set_msg('');
        }
        function set_msg(msg){
            $("tipmsg").innerHTML = msg;
        }
        function check_form(){
            clear_msg();
            var username = $('username').value,
                password = $('password').value,
                repasswd = $('repasswd').value,
                sex      = $('sex').value,
                email    = $('email').value;
            if(!/^[a-zA-Z]/.test(username)){
                set_msg("請輸入用戶名,並以字母開頭");
                return false;
            }
            if(password.length == 0){
                set_msg("請輸入密碼");
                return false;
            }
            if(password!=repasswd){
                set_msg("兩次密碼不一致,請修改");
                return false;
            }
            if(sex.length == 0){
                set_msg("請選擇性別");
                return false;
            }
            if(!/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/.test(email)){
                set_msg("郵箱為空或格式不正確");
                return false;
            }

            set_msg('<span style="color:#00ff00;">恭喜你!!!通過驗證了</span>');
            return false;//防止表單提交,如果後台有介面改為return true; 就可以提交表單了
        }
    </script>

6、如何為網頁製作一個有用戶登陸和注冊的功能網頁???

這應該不是僅僅高手知道的吧?
原理是這樣的:
如果是明文保存密碼的話就簡單了,入門也都教這樣的,我也說這樣的例子。
注冊就是設置(最基本)兩個input,一個用戶名,一個密碼。然後一個submit按鈕。提交到本頁,加一個參數。
比如
thispage.asp?action=reg
這里的參數是action,值是reg。
在頁的另一部分進行獲取
p = request.querystring("aciton");
if(p=="reg")
{
//這里進行注冊
以剛才傳過來的表單里的username為關鍵字進行SQL查找,看庫里有無這個用戶。如果沒有,則寫入資料庫:剛才的用戶名和密碼。
如果有這個用戶,返回信息,告知用戶該名已被使用。
}
登陸也類似
只不過是先以用戶名作為關鍵字進行查找,然後找不到該用戶名報錯,如果找到,則將其密碼從資料庫中提出,和用戶從表單提交的值進行比較,如果不一致,報錯。如果一致,則通過,登陸成功。
如果是以密文進行保存的密碼,則需要更多處理,你現在根本弄不明白,還是先弄清楚明文密碼吧。

7、網頁設計里的注冊源代碼

是jsp嗎,還是asp什麼的
首先資料庫連接沒問題,且庫中有測試用戶名和密碼,我這里有一個拿去參考吧~
輸入頁面加入<from>表單,將用戶輸入內容提交到validation.jsp進行驗證。
<form name="myform" action="validation.jsp" method="post">
<table cellSpacing="0" cellPadding="0" width="100%" border="0" height="143" id="table212">
<tr>
<td width="13%" height="38" class="top_hui_text"><span class="login_txt">用戶: </span></td>
<td height="38" colspan="2" class="top_hui_text"><input name="username" class="editbox4" value="" size="20"> </td>
</tr>
<tr>
<td width="13%" height="35" class="top_hui_text"><span class="login_txt"> 密碼: </span></td>
<td height="35" colspan="2" class="top_hui_text"><input name="userpass" class="editbox4" type="password" size="20" >
<img src="images/luck.gif" width="19" height="18"> </td>
</tr>
<td height="35" > </td>
<td width="10%" height="35" ><input name="Submit" type="submit" class="button" id="Submit" value="登 陸" onclick="return valid()"> </td>
<td width="80%" class="top_hui_text"><input name="cs" type="reset" class="button" id="cs" value="取 消"></td>
</tr>
</table>
<br>
</form>
然後第二個頁面validation.jsp接收數據,驗證通過後進入其他頁面,比如'login.jsp'
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>活動日誌</title>
</head>
<%//接收客戶端提交的數據
String username=request.getParameter("username");
String pass=request.getParameter("userpass");
try{
ResultSet rs=inBean.executeQuery("select * from employees where emp_name='"+username+"' and emp_pwd='"+pass+"'");//執行SQL語句並返回結果
if(rs.next())
{ out.print("<script>window.location='login.jsp' </script>");
}
else{
// out.print("登陸失敗");
out.print("<script>alert('用戶名或密碼錯誤,請重新登錄...'); window.location='index.jsp' </script>");
// response.sendRedirect("index.jsp.html");
}
//rs.close();
rs.close();
}
catch(SQLException e1){out.println("SQL異常!");}
%>
<%session.setAttribute("userinfo", username); %>
<body>
</form>
</body>
</html>

8、怎麼製作一個網頁的注冊程序

由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。

五、製作網頁

材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。

七、推廣宣傳

網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者

一. 網頁設計軟體的選擇

設計主頁首先要選擇合適的工具軟體,現在比較流行的網頁製作軟體是 FrontPage 和 DreamWave。他們各有優缺點,FrontPage 是微軟出品的網頁編輯軟體,也是 Office 系列軟體的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟體包中可以找到。如果對 Office 有一定的基礎,會用 Word 的人,很開就可以學會使用 FrontPage ,它的最大優點之一就是易學易用。另外 FrontPage 製作的網頁在 IE 瀏覽器中的效果也特別好。但是,如果你希望網頁在 Netscape 或其他瀏覽器上有良好表現,那麼使用 FrontPage 就有些麻煩。不是說不可以,只是很容易出錯。在這方面 DreamWave 就好很多,畢竟是第三方的軟體。DreamWave是由 MacroMedia 公司出品的網頁製作軟體,最新版本是3.0,功能也同樣很強大。不過學習起來要難一些,而且 IE 瀏覽器的一些高級功能就無法實現了。各有所長,只有自己權衡了。另外不要將兩個編輯軟體交替使用,否則會出現混亂。

二. 網路服務商的選擇

現在提供免費主頁空間的網站非常多,當然也有收費的。選擇什麼好呢?千萬不要認為什麼「無限主頁空間」就是最好。這里的講究非常多的。首先要明確服務商提供的是什麼操作系統的伺服器,如果你使用 FrontPage 編寫主頁,最好選擇 Windows NT 伺服器,這樣效果最好。另外還有 Linux 和 Unix 的伺服器也很多見,用這些伺服器的話要注意一個問題,就是文件名的大小寫一定要清楚。一般的 Windows 用戶會覺得這不是問題,因為微軟的習慣,文件名大小寫是不區分的。但是 Linux 和 Unix 不是這樣,比如你有一個 top.jpg 的圖片上傳,然後在 HTML 超連接寫成了 top.JPG,擴展名寫成大寫了。在本地看這個 HTML 文件很正常,圖片顯示正確。但等你上傳到伺服器上,你會發現根本無法顯示文件。解決這個問題的最簡單辦法是所有的文件名和擴展名都用小寫英文字母,而且不要用長文件名。當然,如果是 Windows NT 伺服器,就不用擔心這個問題。
如果只是做簡單的主頁,那隻需要得到相應的主頁空間就可以了。但如果做高級一些到主頁,就牽涉到一些網路程序的執行,這就需要 CGI 許可權甚至資料庫許可權。一般的網路伺服器上是不會免費提供這些功能的,而且收費往往不低。對於一般的個人主頁完全沒必要苛求這些,不然維護費用會很大,除非確實想做出一個很好的站點。免費主頁空間的另外一個問題是服務商隨時有權關閉服務,因為不承擔任何承諾,這樣你的成果可能會白費,所以要找一些比較可靠的主頁空間,最好是已經提供較長時間服務,且有一定知名度的。
另外,不同的服務商使用的網路伺服器和線路也不盡相同,訪問的更新速度差異也非常大。要選擇線路速度快一些的主頁空間,不然會大大影響來訪者的興趣。最好使用本地的網路伺服器,因為跨區域的網路線路往往比較擁擠。
還有,網路服務商提供怎樣的主頁維護方式也很重要。如果提供 FrontPage 擴展的 HTTP 維護,那就最方便了。可以做到全自動維護。如果是傳統的 FTP 方式,也不錯。FrontPage2000 同樣可以用 FTP 自動上傳,而且也可以用許多 FTP 管理軟體。但還有一種是基於 WEB 的主頁維護,這種主頁空間只能到服務商的網站上按它特定方式編輯維護主頁。這樣很不方便,最好不要使用。

三. 主頁內容的選擇

評價一個主頁的優劣,主要不是看外觀而是看內容。選擇適當的內容很重要,最好是自己比較感興趣的內容,否則會沒有長期維護的熱情。另外不要做太多的主題,沒有重點的四面出擊往往一樣也不吸引人。很多著名的個人主頁都是靠一個優秀的欄目而大受歡迎的,飛翔鳥硬體就是個很好的例子。維護主頁貴在堅持,一定要不斷上傳新的內容來充實更新網站。不過同樣要注意不要隨便抄襲別人的內容,如果對方的內容是可以轉載的自然沒問題,但如果是版權所有的,可能會遇到糾紛,甚至會強制關閉你的個人主頁。知識產權還是需要尊重的,因此在轉在其他網站的內容時,最好徵求對方的同意。
還有,主頁內容千萬不要有違法的成分,特別是不要有色情內容。

四. 主頁製作的技巧

主頁製作是一門綜合性技術,也是一門藝術,它包括策劃、美工、設計等等。這里只是說一些應該注意的問題。很多商業網站都有「廣告條」,點擊廣告可以為網站賺錢,甚至像 Yahoo 這樣的網路公司也主要靠這些廣告的收入維持。但是一般的個人主頁,建設初期最好不要放廣告條,特別是不能放很多。在訪問量不是很大的時候,廣告是賺不到錢的。反而會讓訪問者覺得主頁很亂,全是無聊的廣告,給人的印象就很差了。
還有些個人主頁因為訪問量很低沒面子,就修改網頁計數器,增加訪問量。這其實是自欺欺人,以後別人也不會相信你的主頁流量了。一個好的主頁,總會有越來越多的訪問者,如果沒質量的主頁,做手腳又有何用?
還有,如果是免費主頁空間,一般速度都不太快,空間也不大。最好不要提供過多的軟體下載,這樣會嚴重影響訪問速度。到頭來會得不償失的。一般較好的軟體下載站點都提供獨立的 FTP 線路下載軟體,這樣才能保證網站的訪問速度不受影響。同樣的,主頁上也不要使用解析度太大的圖片,一般一張圖片盡量控制在 20KB 一下。個人主頁中也不要過多使用 Java class 的小程序和過於復雜的 Java 腳本,這些只起到點綴的作用就行了,用得太多了,瀏覽網頁的速度也會變得非常遲鈍。
製作主頁時還要特別小心語言版本的問題,特別是中文。選用的內碼或字體錯誤的話,訪問時就會出現亂碼或字體扭曲等問題。

五. 域名和無形資產

每個個人主頁都有自己的域名,就像人總有個名字。起名字也有很多講究。很多人會模仿著名網站的名字,在別人的拼寫上改一改字母之類的。其實這樣並不好,沒有了自己的個性,反而不容易給人留下深刻的印象。還是自己取個好名字吧。另外常看到有人寫著「永久域名 xxx.yeah.net」之類的。其實這些都是二級域名,一些網路公司免費提供的而已。這些都稱不上永久域名,因為公司隨時可以停止服務的。最好是能擁有自己的國際頂級域名,這才是永遠屬於你自己的。其實這也並不是一筆非常昂貴的費用,但確是主頁長期發展的根本保障。當然,如果覺得沒必要,使用免費二級域名也不錯。

六. 宣傳上的要點

個人主頁總算做好了,然後就要向外界宣傳你的主頁了。宣傳的方法有很多,但注意不要虛張聲勢。大喊狼來了,這樣很沒意思,別人即使來看一眼也是搖頭便走。更大忌的是使用「垃圾郵件」的方式宣傳自己的主頁,這可以說是最無恥的行為之一了。

關於網頁製作的軟體可以到這里去下載:

http://www.dabaoku.com/ruanjian/
http://www.webjx.com/htmldata/2005-04-17/1113667370.html

都是常用的軟體。

與網頁設計注冊頁面代碼免費相關的知識