|
讓我們從准備工作開始。首先，打開一個文本編輯器（如果你連什么叫文本編輯器都不知道，那你看這個教程就算對了！最簡單的文本編輯器就是記事本，在開始==〉程序==〉附件里就能找到......什么什么？你用的不是windows用的是unix??你確定??你不知道什么是文本編輯器????
#^&^#$$!$......）。好了，打開文本編輯器以后二話不說，先把這下面一段照抄過去：
〈html〉
〈head〉 〈title〉我的主頁〈/title〉
〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉
〈style type="text/css"〉
〈!-- td { font-family: "宋體"; font-size: 12px; line-height: 16px; color:
#000000}
p { font-family: "宋體"; font-size:12px; line-height: 16px; color: #000000;
text-indent: 24px}
.a { font-family: "宋體"; font-size: 20px; line-height: 16px; background-color:
#CC9933; color: #FFFFFF}
.b { font-family: "宋體"; font-size: 20px; line-height: 16px; background-color:
#06b0b2; color: #FFFFFF}
--〉 〈/style〉
〈/head〉
〈body bgcolor="#FFFFFF"〉
抄過去以后，你可以把紅色的我的主頁四個字改成你自己的話。這里的文字將作為你的主頁的標題顯示在瀏覽器左上角。其余的東西是什么你不用管，也不要問我，我也不知道
好了，我們已經完成了第一步了。
現在我們開始添加頁面內的內容首先看一看下面這段代碼：
〈table width="750" border="0" cellspacing="0" cellpadding="0"〉
〈tr〉
〈td width="530"〉
〈img src="http://mcgi.163.com/images/tu1.gif" width="266" height="26"〉
〈span class=a〉〈b〉 2 〈/b〉〈/span〉
〈font color="#CC9966"〉〈b〉 3 〈/b〉〈/font〉
〈p〉 4
這段代碼中那一行紅色的文字表示的是上面圖例中數字1所指的地方，那是一個圖片，如果你想換成你自己的圖片，只要在src="http://mcgi.163.com/images/tu1.gif"（意思是，這個圖片文件是在mcgi.163.com這台機器的images目錄下，名字叫做tu1.gif）
這里改成你自己的圖片地址就行了。
在上面代碼中那些紅色的數字所在地方寫下你自己的文字，這些文字就會被放在上面圖例中所示的相應位置。多寫些也不怕喲。
好，把上面那段代碼修改完了照抄到（當然，你要是喜歡照抄了之后再修改也不違反治安管理條例）剛才已經抄了一半的地方，還記得那叫什么嗎？對，文本編輯器！記得要抄在剛才抄的東西的后面喲，弄反了就不象樣啦。
現在我們看看其余的文字是怎么寫的。
〈font color="#CC9966"〉〈b〉1〈/b〉〈/font〉
〈li〉2〈/li〉
〈li〉2〈/li〉
〈font color="#CC9966"〉3〈/font〉
〈font color="#CC9966"〉4〈/font〉
〈p〉5
〈/td〉
不用多說了，這里也是和前面一樣，在相應的位置添加你的東西就可以啦。你一定注意到這里出現了兩個2字，對啦！用〈li〉和〈/li〉括起來的文字，在瀏覽器里顯示的時候會在前面加一個圓點，我擔心一個引不起你的注意，所以就用了兩個，嘻嘻......當然，你要是覺得兩個不夠，還可以加上第三次，第四次......只要別忘了用〈li〉和〈/li〉括起來。另外，偷偷告訴你這個：用〈b〉和〈/b〉括起來的文字會格外的粗.對，就這么粗。
照抄了再修改，或者修改了再照抄，隨你便，反正你得把這些東西弄到已經寫好了的部分的后面去。
〈td width=20〉 〈/td〉
〈td width="200" valign="top"〉
〈img src="http://mcgi.163.com/images/tu5.gif" width="179" height="110"〉
〈img src="http://mcgi.163.com/images/tu5.gif" width="179" height="110"〉
〈img src="http://mcgi.163.com/images/tu5.gif" width="179" height="110"〉
〈/td〉 〈/tr〉
〈/table〉
圖片怎么樣更換，剛才已經說過了，現在再說一次，你把src="http://mcgi.163.com/images/tu5.gif" 改成你自己的圖片地址就可以了。這里三個圖片都是一樣的，你當然不一定要三個一樣的，所以，你可以換成你自己的圖片，或者不要那么多（只要刪除一行紅色的文字就可以少一個圖片），或者你還可以再多加几個圖（多加一行紅色的文字）。反正隨你便。好，現在把上面的代碼照抄到你自己的地方.你還可以加上這么一句： 〈a
href="http://www.163.com〉網易公司主頁〈/a〉 ,好啦，現在你連超連接都學會啦！快可以出師了。
不過，先別急，再把下面的代碼照抄了再說,雖然沒有也可以，但還是加上去為好，做人要有頭有尾嘛。
〈/body〉〈/html〉
現在你總算全抄完了。保存你抄的那個作業吧，建議你給它命名為 test.asp 或者別的什么以.asp結尾的名字.你想把著這個文件傳到你的個人主頁上去又不知道怎么做？看一看我們的幫助頁面吧。現在如果想要看看你的頁面是個什么樣子，只要用瀏覽器打開它就可以了。
另一種編輯（更簡單的辦法）方法是直接在你的個人主頁管理頁面里新建一個名為test.asp或別的什么以.asp結尾的文件。直接在我們的服務器上編輯。
好了，最基本的東西我已經告訴你了，剩下的要由你自己去鑽研啦。祝你的主頁做得漂亮。
|
