手把手教你建立自己的網站

手建一個網站？讓自己也有一個網上的家！什么？想都沒想過！那就是你的不是了，請記住：“沒有做不到的，只有想不到的！有時候我們真的需要一種目標，即使現在達不到，只要努力，機會總是有的！

    萬一沒能如愿也不會后悔！不是嗎？讀了本文你也許會覺得建網站原來不是很難啊！這就叫“難者不會，會者不難”！我也是剛入門不久，把自己的一些經驗寫出來，省得那些剛 觸網的朋友再走同樣的彎路！好了，閑話少說，Let’s go！

    一、制做網頁

    要建一個網站首先要有主題，就象寫文章要有中心思想一樣，哦！沒有啊！想呀！還是想不出來！算了，就建一個自我簡介吧，以后有了題材和素材再充實！要想好 你的網站包含哪幾個部分，比如：自我簡介、我的像冊等等！

    網站包括網頁、圖像、音頻、視頻等等，首先要建一個主頁，就是進入網站顯示的第一個網頁，那么建網頁要用什么軟件呢？有老大哥MS Frontpage，還有當紅小生Dreamweave等，各有所長！下面就以MS Frontpage 2002為例，因為它是MS Oiffice XP組件之一，大家電腦上應該都有，而且很容易上手！

    打開Frontpage，點“文件”/“新建網頁或站點”，右邊會出現一個“新建網頁或站點”任務窗格，選新建“空白站點”/“空白網頁”（也可以選“個人站點”我個人認為不太實用，還是自己建來得中意）系統會新建一個“my webs”文件夾，點左邊視圖欄里的“文件夾”會看到“my webs”文件夾里有兩個文件夾：_private和images，前面一個可能是儲存回饋信息的（我也不太清楚^_^），后面一個存放圖片，你還可以建存放其它元素的文件夾，或為每一個網頁建一個文件夾。 

    然后點“新建空白網頁”命名為index.htm。（重要提示：網頁及其它圖片等的名稱最好是字母或數字，因為有的服務器不支持中文，我就吃過這方面的虧，傳上去的網頁怎么也打不開，讓我納悶了好幾天，怎么 回事呢？最后看到幾個英文名的圖片能顯示才悟出這個道理！）這就是主頁了！

    打開主頁，就可以充分發揮你的個人想象力和創造力，做一個能展現自己的有個性和才華的網頁了！白色的背景太一般了，換掉！點“格式”/“背景”打開背景屬性對話框，在背景圖片前的方框里點一下，點瀏覽選擇背景圖片，若沒有合適的背景圖片，改變一下背景顏色也很酷呀！在背景屬性對話框里“常規”選項卡里還能插入背景音樂哦！ 然后點擊“表格”/“插入”/“表格”插入一個1行1列的表格（“對齊方式”選“居中”、“邊框粗細”選“0”、指定寬度760像素），（提示：不能太寬，有的電腦屏幕較小，寬了顯示不全，還要左右拖動滾動條，太影響效果了！）然后就可以輸入文字，插入圖像、flash動畫等了，還可以拆分合并表格等，就象使用word一樣簡單！保存就OK了！

    這只是普通網頁，還有框架網頁，框架網頁顯示的效果我舉個簡單的例子大家就會明白：有的網頁分兩部分，上面一個導航欄，下面是主窗口，導航欄里有很多鏈接，每點一個鏈接 在主窗口會顯示相應的內容，導航欄不變！明白了嗎？下面就簡單介紹一下框架網頁的制作， 點擊“新建網頁或站點”任務窗格里的“網頁模板”，點“框架網頁”選項卡，選擇“標題、頁腳和目錄”，確定即可。

    框架把網頁分成幾部分：標題（top）、目錄（contents）、主窗口（main）和頁腳（bottom）等，這只是一個框架，這幾個區域分別顯示你指定的網頁，若沒有也可以點“新建網頁”，直接在上面編輯， 如：在“標題”里輸入“歡迎您訪問×××的網站”等；在“目錄”中分別輸入“自我簡介”和“我的像冊”；在“主窗口”中寫一些本站的介紹等內容；然后在頁腳處輸入友情鏈解或其它內容。好了，別忘了保存！保存時會分別生成普通網頁，命名為top.htm、contents.htm、main.htm和bottom.htm，這個框架網頁命名為index.htm！以后分別編輯各網頁就成了！再建兩個普通網頁用以編輯自我簡介（me.htm）和我的像冊（my_photos.htm）！

    打開me.htm，按剛才的方法插入表格，輸入你的自我簡介，再打開my_photos.htm，也要先插入一個5行5列（根據你圖片的多少）的表格，在每個單元格內點“插入”/“圖片”/“來自文件”插入你的照片（最好先復制到你再“my webs”文件夾下指定的文件夾如：images里，插入時從這個文件夾里找），然后右鍵點擊插入的照片選“自動縮略圖”，是不是變小了？別擔心，這實際上是Frontpage為你自動創建的超鏈接，用瀏覽器瀏覽時，點小圖片會自動調出大圖片！依次插入你所有要插入的照片！（提示：右擊小圖片選“超鏈接屬性”在“屏幕提示”里輸入你的圖片介紹，當鼠標指在小圖片上時會顯示！）

    到此為止你的網站已初具雛形！只是還需要修飾修飾，有人會想，要是在我的top.htm里要有一個站標就好了！嗯，不錯，這“舉一反三”的發散思維真是難得！站標最好做成動畫，這樣既醒目又能給人留下美好的印象！Flash動畫好看但不好學，如果你不會就請人幫做一個，放在你“my webs”文件夾下，例如文件名為zb.swf光標置于top.htm里你要插入的地方，依次點“插入”/“web組件”，在“組件類汀崩镅　案嘸犢丶�”，在“选择一个控件”里选“ActiveX控件”，點擊“下一步”在“選擇一個控件”里選“Shockwave Flash Object”，點“完成”，雙擊你插入的控件，打開屬性對話框，在影片URL里輸入zb.swf，拖動控件周圍九個小方框，調整至大小合適，任務完成！

    如果沒有Flash怎么辦呢？就放一個gif動畫也不錯，gif動畫很好做，萬山會另外介紹制作gif動畫的軟件Ulead GIF Animator 5！ 那怎么讓文字也滾動呢？那就要執行“插入”/“web組件”，在“組件類型”里選“動態效果”，在“選擇一個控件”里選“字幕”，點“完成”在字幕屬性的“文字”對話框內輸入想要顯示的文字，調整“方向”“速度”和“表現方式”等，直到滿意為止！

    打開contents.htm，選中自我簡介，右擊 ，選“超鏈接”，在地址欄內輸入me.htm，順便確認一下“目標框架”里是“main”，同樣給我的像冊也做一個超鏈接！瀏覽是點擊“我的像冊”在main框架里就會顯示你的靚照！感覺是不是很好呀！

    再打開bottom.htm，在適當的位置右擊選中“超鏈接”在地址欄內輸入internet地址，可以直接從網上獲取圖片或打開相應的網 頁！例如：在地址欄內輸入“http://wanshanshare.web1000.com”,在顯示文字欄內輸入“萬山共享”， 在你的主頁里就會有我的網站的鏈接了！當然還可以把我網站上的Flash站標也鏈接過來，方法是先插入一個“Shockwave Flash Object”控件，在控件屬性里的影片URL和基本URL里分別輸入“http://wanshanshare.web1000.com/wanshanshare.swf”、“http://wanshanshare.web1000.com”上傳后你的網站就有了我的Flash站標了！

    最后打開index.htm調整各框架的位置大小，就基本完成了！點“文件”/“用瀏覽器預覽”，查看一下效果，調整到各網頁都滿意為止！哦，對了，請點擊左邊“視圖”欄里的“文件夾”看一看你網站的文件，查看一下各網頁對應的標題是不是你想在瀏覽時顯示在網頁標題上的文字，若不是請先選中該網頁，然后在其對應于標題欄的文字上單擊一下，進入修改狀態，修改即可！

    好了，終于可以松一口氣了，你的網站已建好！那怎么傳到網上去呢？是呀，怎樣才能傳上去呢？

    二、申請域名

    域名是什么呀？哦，那應該就是網址吧，嗯！我想是地！:-) 對，沒有網址別人怎么訪問我的網站呢？有道理！那就申請一個吧！說得輕巧，那么容易就能申請到啊！我知道你肯定是不會出money買的了！沒辦法，來一個二級域名吧，這可是要找的哦，“當年”我就找了兩天兩夜（夸張了點！），不是空間太小，就是要加廣告， 更可氣的是搜索的很多很多，可是真正提供免費主頁空間的卻很少很少，有的就干脆打不開！免費的午餐越來越少嘍！別賣關子了，趕快說呀！我都等不及了！不好不好，要有耐——心，知道不？！

    OK，申請域名現在開始，首先到百度或google等搜索引擎上搜索一下，比如免費空間等，可以搜到很多，多點幾次（不要灰心！功夫不付有心人！），最好支持ftp上傳的！可能要填一大堆表格！申請好后會得到用戶名、ftp上傳地址和ftp上傳密碼等等！

    三、上傳網頁

    這下總該可以傳了吧！差不多了！咋傳？當然用工具最方便，哦，ftp好象是文件傳輸協議（File Transfer Protocol）的簡稱，是通過互聯網發送文件的一種方式，ftp上傳工具很多，萬山在這里向大家推薦FlashFXP，這是一個 用winrar壓縮的文件，需要解壓，加壓密碼是：wanshan.net，內含漢化注冊程序！安裝注冊后打開，有四個窗口，左上角是本地文件窗口，坐下角是待傳送文件窗口，右上角為目標文件窗口，右下角為傳送狀態窗口，現在開始連接，點“連接”/“快速連接”或按F8，打開連接窗口！

    在服務器框中輸入ftp上傳地址；用戶名框里輸入你的用戶名；密碼框里當然是輸入密碼了！OK，可以連接了！連接成功后，傳送狀態窗口會顯示“Transfer complete”，這時就可以在本地窗口中找到你的“my webs”夾，把里面你的網頁，儲存圖片的文件夾等內容選中，點“傳送已選定的項目”就開始傳了，傳完后你打開你的網址看一看，是不是在上面呀！

    噢！我終于也有網站了，太好了，謝謝你！不用客氣！

    四、網站維護

    當你修改網頁后，要把最新修改（可以點本地文件窗口上的“修改日期”，文件就乖乖地按時件排序了）的傳上去覆蓋原文件，把不要的文件清除，以免占寶貴的空間！

    對了，你的網站是不是需要一個計數器呢？可以統計訪問人次！為了找一個好的計數器，萬山也是搜索了一上午，終于逮到一個免費的，申請非常簡單，在哪呢？到http://www.315go.com/free/jsq/reg.htm上看看吧 ！申請好后會得到一段代碼！然后把代碼加到你的主頁里即可！代碼我不懂耶，加在哪？ 不懂不要緊，按下面的步驟做就可以！ 復制代碼，打開你的index.htm，光標置于要插入計數器的地方，切換到“HTML”，用快捷鍵“ctrl+V”即可 （最好別用鼠標點，以免位置錯亂或代碼錯誤），瀏覽時點訪問人數，即可進入查詢網頁，訪問者的訪問時間、訪問者的ip、訪問過哪些網頁、訪問者的系統和瀏覽器等就一目了然！ 還可以進行月統計和年度統計等等！