1、html網頁設計：一個簡單的登錄界面代碼！
<input
type='button'
text='登陸'
onclick='return
checknull()'>你說的要能識別是否輸入了用戶名和密碼！需要用腳本來驗證
<script>
function
checknull()
{
var
a=document.getElementById('用戶名文本框ID').text;
var
b=document.getElementById('密碼文本框ID').text;
if(a.length>0&&b.length)
return
true;
else
return
false;
}
<script>
2、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>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
3、網頁設計與開發
網頁製作：網頁的排版，根據美工的設計，把版面效果實現成html網頁。
相當於你定做衣服的時候，服裝設計師設計好了款式，由裁縫來裁剪並縫製成成品。網頁美工相當於服裝設計師，網頁製作人員就是裁縫。網站開發：顧名思義，網站是由很多網頁組成的，它包含了網頁製作。網站開發是按需求來設計版面，再來把一個個功能頁面鏈接起來的「超級網頁」。網站主要開發包含：版面設計(根據需求設計版面)、網頁製作(把版面實現成html網頁)、功能開發(比如留言評論、會員管理)這幾塊。
4、簡單的html網頁製作
html,body{margin:0px;text-align:center;} .main{width:1000px;margin:0px auto;padding-top:30px;} .title{font-size:18px;text-decoration:underline;font-weight:bold;} .formtable{width:100%;font-size:12px;margin-top:20px;} .lefttd{width:350px;text-align:right;} .righttd{text-align:left;} .etxt{width:300px;} .etel{width:200px;} .eta{width:320px;height:100px;}.cinpt{text-align:center;padding-top:20px;} 請留下個人資料 姓名： E-mail： 電話： 性別：女 男 年齡：20以下20以上 留言板： 您的愛好：運動 閱讀 聽音樂 旅遊 初學的，那上面這段代碼應該可以了