1、網頁設計html網站代碼
2、網頁製作主題
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>我的網頁</title>
<link href="style/styles.css" type="text/css" rel="stylesheet" />
</head>
<body>
</body>
在title 中間加你要寫的主題就可以了
3、製作網頁，給個主題
一申請域名二是申請空間三是製作網頁四是上傳網頁 我給你推薦一個買全功能空間 送網站 送域名：驚喜不能錯過:; http://www.51wsh.com http://www.51wsh.net 域名選擇好記的就可以了，也讓別人很容易記住你的網站域名就行了。下面製作網站教程：從最基礎的HTML語言開始，學會了這就可以自己弄靜態的網頁了，學會了後就可以學動態的網站設計八步驟 由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。 一、確定網站主題 網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。 二、搜集材料 明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。 三、規劃網站 一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具 盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。 五、製作網頁 材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。 六、上傳測試 網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。 八、維護更新 網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者 ★★♂KOF♀為您做答 希望對你有幫助 如果滿意請選擇我的答案 您的支持是我最大的動力★★★要想學做網頁，首先得了解製作網頁的工具。 製作網頁主要有以下一些工具 Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。 Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。 另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。 此外還有一些網路編程工具，javascript、java編輯器等。 網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。 大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。 總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！ 祝你成功。 ★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。 Dreamwaver 可以到這里下 30天試用版，不過要先登記一個免費帳號， http://www.macromedia.com/cfusion/tdrc/index.cfm?proct=dreamweaver ★在網上有這方面的教程 教程 http://www.nease.net/xhelp/ http://school.jz173.com/ （中國建站專家） 主頁和個人空間 http://home4u.china.com/ （中華網） http://www.35.com/yumingzc/yumingzc.asp 建議使用網頁製作三劍客Dreamweawer+Firework+Flash 或使用Frontpage你看一下 就 行了Dreamweaver v8.0 簡體注冊版 下載地址： http://www.14567.com/dw.html 用網頁三劍客吧,教程可參照以下網站: http://www.xp163.com/book/xp163.37/index.htm http://www.71358.com.cn/gdweb/97d.htm http://www.ylasp.com/soft/cgxl/200501/542.html 買全功能空間 送網站 送域名：驚喜不能錯過:; http://www.51wsh.com http://www.51wsh.net
4、大學生網頁設計大賽主題
你先根據主辦方的身份來做個選擇
如果是某個公司主辦的，那麼你先查一下這個公司是做哪個行業的，針對行業來做主題；
如果是單位個人主辦的，那麼你可以考慮另類一點的主題，比如科幻類、魔幻類或者突出個人個性等作為主題；
如果是某個學校主辦的，那你可以以社會類的作為主題，比如公益類、創業類、交流平台等作為主題；
其實設計比賽比較重視突出個性這一塊，你做的設計要突出你的個人風格並且要出跳顯眼，作為一個專業的網頁設計師工作後是無法完全確定工作內容的主題的，設計師的作品是自己設計風格的展現！
一般作為學生這個階段的比賽，你可以選擇科幻創新類的主題比較穩妥，思想要往幾十年後甚至幾百年後發展。
這只是我的個人建議，不過你連主題都確定不了還要來這問，就說明了你的設計思路不夠清晰，沒有明確的設計目標，這次比賽你就當是一次鍛煉吧
5、需要一份html教程的網頁製作，主題是我的個人網頁，
這是我在大學學的知識
給你借鑒一下 ，希望對你有幫助
網頁設計教程
<html>文字操作（一）
1、段落 <p>……</p>
在dreamweaver設計界面中，enter（回車）即為另起一段。
2、換行 <br/>
在dreamweaver設計界面中，shift+enter即為另起一段。
3、標題1~6 <h1>……</h1>
標題1最大，依次變小。
4、空格:
Dreamweaver 只允許一次空格，如果需要使用連續空格，則需要設置，或使用 ；
或使用快捷鍵：ctrl+shift+space（空格鍵）
5、水平線 <hr>
size:水平線的粗細
width:長度
align:對齊方式
<htlm>文字操作（二）
一、幾個文字特殊效果
1、加粗<b></b> <strong></strong>
2、傾斜<i></i> <em></em>
3、上標<sup></sup>（適合用代碼來實現，設計中無法完成）
4、下標<sub></sub>（適合用代碼來實現，設計中無法完成）
隨著css的逐漸普及，文字的效果都更多的通過css來實現，以上的幾個標簽作為了解即可。
二、文字列表
1、無序列表
無序列表有兩個標簽<ul>和<li>
<ul>
<li>CSS教程</li>
<li>DOM教程</li>
<li>XML教程</li>
<li>Flash教程</li>
</ul>
2、有序列表
有序列表有兩個標簽<ol>和<li>
<ol>
<li>CSS教程</li>
<li>DOM教程</li>
<li>XML教程</li>
<li>Flash教程</li>
</ol>
圖片
一、如何獲取圖像
最好的途徑是通過互聯網
二、使用設計界面插入圖像
1、菜單（一個圖片屬性：替換文字）
2、工具欄
3、拖曳
三、圖像格式擴展閱讀：
http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.html
JPEG圖像、GIF圖像、PNG圖像
四、代碼
<img src=" " width=" " height=" " alt=" "/>
一、超級鏈接的基本知識
1、含義：實現網頁之間的跳轉和聯系
2、分類：
絕對鏈接 http://www.baidu.com
相對鏈接 在同一站點不同位置之間的鏈接
二、三種常見的超級鏈接
1、文字鏈接<a href="http://www.baidu.com">百度</a>
2、圖像鏈接
3、圖像熱點鏈接
===============
還有不是太常用的鏈接
1、空連接 <a href="#">空連接</a>
2、錨鏈接:在同一頁面的不同位置跳轉
三、鏈接的屬性
鏈接目標 <a href="http://www.baidu.com" target="_blank">百度</a>
表單設計
一、設計界面
1、單元格間距
2、單元格邊距
二、代碼
1、從屬關系：表格由行組成，行由單元格組成。
表格：<table>……</table>
行：<tr>……</tr>
單元格：<td>……</td>
2、<table>標簽的屬性
bgcolor:背景色
cellspacing:表格的單元格間距（間距）
cellpadding:表格的單元格邊距（填充）
文字占據一行<div></div>
文字不佔據一行<span></span>
、html引入css的幾種方法
1、鏈接式
將css代碼寫在一個獨立的文件中，文件的擴展名為.css。然後在html網頁中使用<link/>標簽將外部css文件放在<head></head>之間。舉例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<link href="tp.css" rel="stylesheet" type="text/css">
</head>
2、嵌入式
將Css代碼寫在<head></head>之間，並且用<style></style>包含起來，如果考慮到兼容性，可以再使用<!-- --> 將css代碼包含其中。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
<!--
p {
font-family: "楷體_GB2312";
font-size: 18px;
}
-->
</style>
</head>
1．標簽選擇器：
就是網頁元素本身，所有的XHTML框架中的標簽都可以作為CSS樣式的選擇器，如定義段落樣式，我們可以選擇P標簽的名稱，即把P作為選擇器。P{/*定義段落屬性*/}。如果定義了標簽樣式，則整個網頁中使用了該標簽都會應用這個樣式。一般應用在統一文檔的某個元素的顯示樣式中。
2．ID選擇器：
它是唯一的，網頁中不同的元素它的ID是不一樣的。而且一個元素它只能應用一個ID。因為如果我們使用Javascript來控制網頁元素的時候它是通過ID來實現的，在這種情況下就無法正常工作了。它在定義的時候用#開始，它在應用的時候用id=」」。它的名稱由設計者來確定。
3． 類選擇：
它的名稱也是由設計者來確定的，它在定義的時候用點號開始，應用的時候用class=「」；它與ID選擇器所不同的是它具有一對多的特性而ID是一對一的特性。也就是說一個類選擇器它可以應用到多個網頁元素中而且一個元素可以應用多個類，一個元素也可以應用兩個類樣式，中間用空格分開，但不能是三個或者更多。在同等條件下，ID具有比class更高的優先權。
1、復雜類選擇器
p.one{color:red}
實例：
<style>
.one{color:red;}
p.two{color:blue;}
</style>
.one可以用於各種標簽；而。two只能用於p標簽。
2、後代選擇器
div p{color:#00FF00}
例子：
<div>
<h1>這是一個標題。</h1>
<p>我是一個兵。</p>
</div>
3、組合選擇器（集體聲明）
p，h1，.one{color:red}
4、通用選擇器
對html文檔的所有元素進行控制。
*{color：red；}
5、偽類選擇器
a:link;hover;visited;active
或者：a.one:link;a#two:link
當用css定義鏈接的各種狀態時，一定要注意其書寫順序，即：:link :visited :hover :active。
如果不按照該順序書寫可能無法達到自己希望的效果。
一、屬性
1.大小 font-size
大小就是字型大小，可以直接填入數字，然後選擇單位。
2.樣式
font-style
設置文字的外觀，包括正常、斜體、偏斜體。
3.行高 line-height
這項設置在網頁製作種很常用。設置行高，可以選擇「正常」，讓計算機自動調整行高，也可以使用數值和單位結合的形式自行設置。需要注意的是，單位應該和文字的單位一致，行高的數值是包括字型大小數值在內的。例如，文字設置為12pt，如果要創建一倍行距，則行高應該為24pt。
4.修飾 font-decoration
文本的特殊樣式：上下劃線、刪除線、閃爍（IE不支持此效果）
5.粗細 font-weight
設置文字的加粗還是變細的效果。
6.顏色 color
設置文字的色彩。
顏色的表示方法常見的有RGB模式、十六進制模式和名稱模式。
7.字體 font-family
設置文字的字體，注意多個字體的選擇。
8.文本對齊 text-align
設置文本的水平對齊方式。 這里也不僅僅局限於文字，泛指所包含的內容。
9.文字縮進 text-indent
這是最重要的項目。中文文字的首行縮進就是由它來實現的。首先填入具體的數值，然後選擇單位。文字的縮進和字型大小要保持統一。如字型大小為12px，像創建兩個中文自的縮進效果，文字縮進就應該為18px。
二、屬性值：css中的單位
1、大小單位：px和em
2、顏色單位：red和#00ff00
三、css背景
1、背景色：background-color: （5-1）
2、背景圖片：background-image:url(^);（5-3）
3、背景圖片的重復方式：background-repeat：（5-5）
4、背景圖片的位置：background-position：top right；（30% 70%;水平位置 垂直位置）(300px 30px;)（5-8）
5、背景圖片的固定與否：background-attachment：scroll；（fixed；）背景是否與網頁內容一起滾動。（5-10）
fixed：背景不動，內容動；scroll：背景和內容一起滾動
6、背景圖片的綜合樣式：background：blue url(……) no-repeat fixed 5px 10px;
7、列表樣式：list-style：
6、網頁設計做什麼主題的比較好
一來最近素材比較多，容易就地取才。
二來做出來大氣。
三還能體現和諧。
也可以以和諧社會為主題的啊