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

html語言靜態網頁設計

 發布時間：2020-09-10 19:56:48

1、HTML語言靜態網頁設計

想學習的話 可以找我 包學會 好的還可以推薦工作 搜一下flash路上 也可以考慮一下我們的就業套餐班 有問題hi我 我可以給你安排免費試聽

2、靜態網頁製作作業。要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>


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

3、用HTML語言製作一個靜態網站

so easy。。。。。

4、HTML靜態網頁設計問題

<body>
<div class="border">
<div class="bground"><span>LED地腳燈熱銷系列</span><i>[鎮店之寶,誰與爭瘋]</i>
<div style="clear:both"></div>
</div>
</div>
<style>
.border{width:800px;height:300px;border:1px solid #ccc;}
.bground{height:20px;background:blue;margin:0px;padding:0px;line-height:20px;font-size:14px;}
.bground span{text-align:left;float:left;display:inline;}
.bground i{font-style:normal;text-align:right;float:right;display:inline;}
</sytle>
</body>
將樣式當中的寬度、高度換成你自己的數值，即可。

5、怎樣製作簡單的靜態的網頁設計

你好。首先下載Dreamweaver.exe並打開，選擇你使用的編輯語言，本案例用html
打開頁面後，選著設計窗口，如圖所示。設計窗口可以快速布局網頁，不需要自己編輯代碼。

打開你要設計的網頁的設計圖，本經驗是百度經驗首頁為例，首先我們製作頂上的搜索條，點擊插入—表格（如圖所示）。打開表格屬性編輯表格屬性。插入1行和5列，表格寬度為1130,（即為網頁的寬度），邊距，間距分別為0，此表格只是為了定位，因此不設邊框。

設置好表格後，可在表格裡面插入你的內容，首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整，滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示

接下來我們來做搜索框，點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖，文本框上班還要添加內容，因此，可選擇單元格右擊選擇表格—拆分單元格，此處是需要添加一行的內容，因此拆分為兩行，如圖所示。

用同樣的辦法拆分上面的行，因為要添加10個選擇項，因此拆分為10列（右擊選中的行—拆分單元格—10列—確定）。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。

接下來我們做搜索按鈕，同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。

接下來給按鈕添加鏈接，本次經驗分享的是靜態網頁，因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接，或者其他網站鏈接。

剩下的內容都可根據方法步奏逐漸添加，調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面，把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站

另外我們還可以採用front page。也可以很容易的實現。
望採納。

6、新手求HTML靜態頁面製作代碼

首先，HTML是網頁編程語言，屬於解釋型編程語言，不需要編譯。由瀏覽器自帶的解釋器來解釋程序代碼的
你用Dreamweaver可以自己做的，完全圖形化，很方便

如果是還要後台處理的，那僅僅只有HTML遠遠不夠。光你這個樣式還需要CSS呢

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

8、學生html靜態頁面該如何做？(很容易哦)

對於剛開始學習網頁開發的童鞋們來說，掌握了比較簡單的HTML語言基礎後，會迫不及待地想著手製作自己的第一個網頁，然而DW等軟體的安裝卻不盡人意。今天小編為飽受心靈摧殘的童鞋們帶來了福音，為大家講解一下如何不用安裝軟體也能輕松建立一個HTML文件。

（下圖是成品）

向左轉|向右轉

工具/原料

一台電腦

方法/步驟

向左轉|向右轉

向左轉|向右轉

向左轉|向右轉

首先，在電腦桌面新建一個記事本文件，然後打開。

向左轉|向右轉

接著，在裡面輸入HTML語言，記得開頭第一行要加上<!DOCTYPE HTML>,縮進以一個「tab鍵」為標准，加上<html></html><head></head>這些基本標簽，在裡面輸入內容即可。

向左轉|向右轉

向左轉|向右轉

輸入完成後，點擊左上角的「文件」「另存為」，在「保存類型」中選擇「所有文件」。

向左轉|向右轉

向左轉|向右轉

然後將文件名更改成「XXXX.html」的格式，選擇好保存的地址，點擊保存。接著就生成了我們開始看到的文件。（在這里小編要說一下，之所以文件會有「360瀏覽器」的標志是因為小編已經默認用該瀏覽器打開此類文件了，這並非是固定的，可根據個人喜好設置）

向左轉|向右轉

打開文件後，一個最簡單的網頁就出現了，有標簽還有內容。

向左轉|向右轉

最後，小編跟大家說一下，這個HTML文件是可以持續性更改的。先選中文件，然後右鍵，在「打開方式」里選擇「記事本」。

向左轉|向右轉

向左轉|向右轉

向左轉|向右轉

打開記事本之後，你就可以在裡面進行編輯了。修改完成之後直接點擊「文件」 「保存「 就行了。最後打開文件，你會發現網頁內容已經更改了。

實在不行，中國不是有某寶嗎，我以前也是被搞的焦頭爛額，只能找被人幫忙咯，唉，沒辦法。盡量找個技術行，便宜的，只能這樣：網頁鏈接

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