導航:首頁 > 萬維百科 > html靜態網頁設計

html靜態網頁設計

發布時間:2020-08-04 22:04:45

1、html靜態網頁設計大作業

<html>
<head>
<style>
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;}
</style>
</head>
<body>
<div class="main">
<div><span class="title">請留下個人資料</span></div>
<div>
<table class="formtable">
<tr><td class="lefttd">姓名:</td><td class="righttd"><input type="text" /></td></tr>
<tr><td class="lefttd">E-mail:</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
<tr><td class="lefttd">電話:</td><td class="righttd"><input type="text" class="etel" /></td></tr>
<tr><td class="lefttd">性別:</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
<tr><td class="lefttd">年齡:</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
<tr><td class="lefttd">留言板:</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
<tr><td class="lefttd">您的愛好:</td><td class="righttd"><input type="checkbox" name="cb1" />運動 <input type="checkbox" name="cb2" />閱讀 <input type="checkbox" name="cb2" />聽音樂 <input type="checkbox" name="cb2" />旅遊</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
</div>
</div>
</body>
</html>

2、求一份靜態網頁設計成品html五頁就夠,謝謝

說一下要求,看看我能不能做

3、求一個網頁製作的成品(HTML靜態網頁的)

我的一個主頁布局,做子頁面的時候你就可以另存為添加內容就可以了,不過是靜態的,但以.php結尾,你改寫一下後綴名既可以

4、用html設計一個自我介紹的靜態網頁

你可以把你們老師的要求發出來,根據你們老師的要求來做,一般來說也還是很簡單的。

5、靜態網頁製作作業。要HTML的,簡單點,不要太復雜,初學那種的。

<html>
<head>
    <style>
        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;}
    </style>
</head>
<body>
    <div class="main">
        <div><span class="title">請留下個人資料</span></div>
        <div>
            <table class="formtable">
                <tr><td class="lefttd">姓名:</td><td class="righttd"><input type="text" /></td></tr>
                <tr><td class="lefttd">E-mail:</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
                <tr><td class="lefttd">電話:</td><td class="righttd"><input type="text" class="etel" /></td></tr>
                <tr><td class="lefttd">性別:</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
                <tr><td class="lefttd">年齡:</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
                <tr><td class="lefttd">留言板:</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
                <tr><td class="lefttd">您的愛好:</td><td class="righttd"><input type="checkbox" name="cb1" />運動 <input type="checkbox" name="cb2" />閱讀 <input type="checkbox" name="cb2" />聽音樂 <input type="checkbox" name="cb2" />旅遊</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
        </div>
    </div>
</body>
</html>


初學的,那上面這段代碼應該可以了

6、網頁設計師需要會編寫HTML靜態頁嗎

首先有代碼經驗的設計師會帶著編程的思想去做設計,這樣更利於開發實現,提高團隊工作效率;

其次在UI設計人才飽和的情況下,增強自己核心競爭力的方法就是提升自身技能,作為網頁設計崗位的競聘者,能夠熟練使用代碼獨立完成HTML靜態頁,應該是相對於交互設計、視覺設計更有優勢的技能了

你可以查看站酷的一篇文章,寫的有點道理

網頁鏈接

7、在html靜態網頁中如何插入背景圖片,急需!!!

兩種方法:
html:
<img src="xxx.jpg" width="100px" height="100px" />
說明:這是在網頁中插入一副圖像,能調整圖像大小,能拉伸圖像,但是不能平鋪圖像,圖像要佔用頁面的空間的,一般情況下,文字不能在這樣的圖像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
說明:這是背景圖像,能平鋪,但不能調整大小。不會佔用頁面空間,文字可在其上。

這兩種看你的需要選擇。

另外,像樓上的回答:<body background = "圖片的路徑">,這樣做已經過時,不應該提倡。要知道,HTML只管呈現內容,CSS只管頁面布局和修飾。

8、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>

9、求html5靜態網頁製作

完全可以,HTML5網站設計的符合標準的話,更顯示的公司高端大氣上檔次!雖然靜態頁不利於內容後台更新,但下響應速度相對於動態編程網站來說是先天優勢!

與html靜態網頁設計相關的知識