|
整天在網(wǎng)上逛來逛去，有沒有想過動(dòng)手建一個(gè)網(wǎng)站？讓自己也有一個(gè)
網(wǎng)上的家！
什么？想都沒想過！那就是你的不是了，請(qǐng)記?。骸皼]有做不到的，
只有想不到的！
有時(shí)候我們真的需要一種目標(biāo)，即使現(xiàn)在達(dá)不到，只要努力，機(jī)會(huì)總
是有的！
萬一沒能如愿也不會(huì)后悔！不是嗎？讀了本文你也許會(huì)覺得建網(wǎng)站
原來不是很難??！
這就叫“難者不會(huì)，會(huì)者不難”！我也是剛?cè)腴T不久，把自己的一
些經(jīng)驗(yàn)寫出來，
省得那些剛觸網(wǎng)的朋友再走同樣的彎路！好了，閑話少說，Let's go！
一、制做網(wǎng)頁
要建一個(gè)網(wǎng)站首先要有主題，就象寫文章要有中心思想一樣，
哦！沒有啊！想呀！還是想不出來！算了，就建一個(gè)自我簡(jiǎn)介吧，
以后有了題材和素材再充實(shí)！要想好你的網(wǎng)站包含哪幾個(gè)部分，
比如：自我簡(jiǎn)介、我的像冊(cè)等等！
網(wǎng)站包括網(wǎng)頁、圖像、音頻、視頻等等，首先要建一個(gè)主頁，
就是進(jìn)入網(wǎng)站顯示的第一個(gè)網(wǎng)頁，那么建網(wǎng)頁要用什么軟件呢？
有老大哥MS Frontpage，還有當(dāng)紅小生Dreamweave等，各有所長(zhǎng)！
下面就以MS Frontpage 2002為例，因?yàn)樗荕S Oiffice XP組件之一，
大家電腦上應(yīng)該都有，而且很容易上手！
打開Frontpage，點(diǎn)“文件”/“新建網(wǎng)頁或站點(diǎn)”，
右邊會(huì)出現(xiàn)一個(gè)“新建網(wǎng)頁或站點(diǎn)”任務(wù)窗格，選新建“空白站點(diǎn)”/“
空白網(wǎng)頁”
（也可以選“個(gè)人站點(diǎn)”我個(gè)人認(rèn)為不太實(shí)用，還是自己建來得中意）
系統(tǒng)會(huì)新建一個(gè)“my webs”文件夾，點(diǎn)左邊視圖欄里的“文件夾”
會(huì)看到
“my webs”文件夾里有兩個(gè)文件夾：_private和images，前面一
個(gè)可能是
儲(chǔ)存回饋信息的（我也不太清楚^_^），后面一個(gè)存放圖片，
你還可以建存放其它元素的文件夾，或?yàn)槊恳粋€(gè)網(wǎng)頁建一個(gè)文件夾。
然后點(diǎn)“新建空白網(wǎng)頁”命名為index.htm。（重要提示：網(wǎng)頁及其它
圖片等的名稱最好是字母或數(shù)字，因?yàn)橛械姆?wù)器不支持中文，
我就吃過這方面的虧，傳上去的網(wǎng)頁怎么也打不開，讓我納悶了好幾天，
怎么回事呢？最后看到幾個(gè)英文名的圖片能顯示才悟出這個(gè)道理！）
這就是主頁了！
打開主頁，就可以充分發(fā)揮你的個(gè)人想象力和創(chuàng)造力，做一個(gè)能展現(xiàn)
自己的有個(gè)性和才華的網(wǎng)頁了！白色的背景太一般了，換掉！點(diǎn)“格式”
/“
背景”打開背景屬性對(duì)話框，在背景圖片前的方框里點(diǎn)一下，點(diǎn)瀏覽選擇
背景圖片，若沒有合適的背景圖片，改變一下背景顏色也很酷呀！在背景
屬性對(duì)話框里“常規(guī)”選項(xiàng)卡里還能插入背景音樂哦！然后點(diǎn)擊“表格”/
“插入”/“表格”插入一個(gè)1行1列的表格（“對(duì)齊方式”選“居中”、
“邊框粗細(xì)”選“0”、指定寬度760像素），（提示：不能太寬，
有的電腦屏幕較小，寬了顯示不全，還要左右拖動(dòng)滾動(dòng)條，太影響效果
了?。?/font>
然后就可以輸入文字，插入圖像、flash動(dòng)畫等了，還可以拆分合并表格等，
就象使用word一樣簡(jiǎn)單！保存就OK了！
這只是普通網(wǎng)頁，還有框架網(wǎng)頁，框架網(wǎng)頁顯示的效果我舉個(gè)簡(jiǎn)單的
例子大家就會(huì)明白：有的網(wǎng)頁分兩部分，上面一個(gè)導(dǎo)航欄，下面是主窗口，
導(dǎo)航欄里有很多鏈接，每點(diǎn)一個(gè)鏈接在主窗口會(huì)顯示相應(yīng)的內(nèi)容，導(dǎo)航欄
不變！
明白了嗎？下面就簡(jiǎn)單介紹一下框架網(wǎng)頁的制作，點(diǎn)擊“新建網(wǎng)頁或站點(diǎn)”
任務(wù)窗格里的“網(wǎng)頁模板”，點(diǎn)“框架網(wǎng)頁”選項(xiàng)卡，選擇“標(biāo)題、
頁腳和目錄”，確定即可?？蚣馨丫W(wǎng)頁分成幾部分：標(biāo)題（top）、
目錄（contents）、主窗口（main）和頁腳（bottom）等，這只是一個(gè)
框架，
這幾個(gè)區(qū)域分別顯示你指定的網(wǎng)頁，若沒有也可以點(diǎn)“新建網(wǎng)頁”，直
接在
上面編輯，如：在“標(biāo)題”里輸入“歡迎您訪問×××的網(wǎng)站”等；
在“目錄”
中分別輸入“自我簡(jiǎn)介”和“我的像冊(cè)”；在“主窗口”中寫一些
本站的介紹
等內(nèi)容；然后在頁腳處輸入友情鏈解或其它內(nèi)容。好了，別忘了
保存！保存時(shí)
會(huì)分別生成普通網(wǎng)頁，命名為top.htm、contents.htm、main.
htm和bottom.htm，
這個(gè)框架網(wǎng)頁命名為index.htm！以后分別編輯各網(wǎng)頁就成了！再建
兩個(gè)普通網(wǎng)頁
用以編輯自我簡(jiǎn)介（me.htm）和我的像冊(cè)（my_photos.htm）！
打開me.htm，按剛才的方法插入表格，輸入你的自我簡(jiǎn)介，再
打開my_photos.
htm，也要先插入一個(gè)5行5列（根據(jù)你圖片的多少）的表格，在每個(gè)
單元格內(nèi)點(diǎn)
“插入”/“圖片”/“來自文件”插入你的照片（最好先復(fù)制到你
再“my webs”
文件夾下指定的文件夾如：images里，插入時(shí)從這個(gè)文件夾里找）
，然后右鍵
點(diǎn)擊插入的照片選“自動(dòng)縮略圖”，是不是變小了？別擔(dān)心，這實(shí)
際上是F
rontpage為你自動(dòng)創(chuàng)建的超鏈接，用瀏覽器瀏覽時(shí)，點(diǎn)小圖片會(huì)
自動(dòng)調(diào)出
大圖片！依次插入你所有要插入的照片?。ㄌ崾荆河覔粜D片選
“超鏈接
屬性”在“屏幕提示”里輸入你的圖片介紹，當(dāng)鼠標(biāo)指在小圖片
上時(shí)會(huì)顯示?。?/font>
到此為止你的網(wǎng)站已初具雛形！只是還需要修飾修飾，有人
會(huì)想，要是在我
的top.htm里要有一個(gè)站標(biāo)就好了！嗯，不錯(cuò)，這“舉一反三”
的發(fā)散思維真
是難得！站標(biāo)最好做成動(dòng)畫，這樣既醒目又能給人留下美好
的印象！Flash動(dòng)畫
好看但不好學(xué)，如果你不會(huì)就請(qǐng)人幫做一個(gè)，放在你“my
webs”文件夾下，
例如文件名為zb.swf光標(biāo)置于top.htm里你要插入的地方，
依次點(diǎn)“插入”/
“web組件”，在“組件類型”里選“高級(jí)控件”，在“
選擇一個(gè)控件”里
選“ActiveX控件”，點(diǎn)擊“下一步”在“選擇一個(gè)控件”
里選“Shockwa
ve Flash Object”，點(diǎn)“完成”，雙擊你插入的控件，
打開屬性對(duì)話框，
在影片URL里輸入zb.swf，拖動(dòng)控件周圍九個(gè)小方框，調(diào)整至
大小合適，
任務(wù)完成！如果沒有Flash怎么辦呢？就放一個(gè)gif動(dòng)畫也不錯(cuò)，
gif動(dòng)畫
很好做，萬山會(huì)另外介紹制作gif動(dòng)畫的軟件Ulead GIF Animator 5！
那怎么讓文字也滾動(dòng)呢？那就要執(zhí)行“插入”/“web組件”，在“
組件類型”里選“動(dòng)態(tài)效果”，在“選擇一個(gè)控件”里選“字幕”，
點(diǎn)“完成”在字幕屬性的“文字”對(duì)話框內(nèi)輸入想要顯示的文字，
調(diào)整“方向”“速度”和“表現(xiàn)方式”等，直到滿意為止！
打開contents.htm，選中自我簡(jiǎn)介，右擊，選“超鏈接”，
在地址欄
內(nèi)輸入me.htm，順便確認(rèn)一下“目標(biāo)框架”里是“main”，同
樣給我的
像冊(cè)也做一個(gè)超鏈接！瀏覽是點(diǎn)擊“我的像冊(cè)”在main框架里
就會(huì)顯示
你的靚照！感覺是不是很好呀！
再打開bottom.htm，在適當(dāng)?shù)奈恢糜覔暨x中“超鏈接”在地
址欄內(nèi)
輸入internet地址，可以直接從網(wǎng)上獲取圖片或打開相應(yīng)的網(wǎng)頁！
例如：在地址欄內(nèi)輸入“http://www.”,在顯示文字
欄內(nèi)輸入
“〖萬山共享〗”，在你的主頁里就會(huì)有我的網(wǎng)站的鏈接了！當(dāng)
然還可以把
我網(wǎng)站上的Flash站標(biāo)也鏈接過來，方法是先插入一個(gè)“Shockwa
ve Flash
Object”控件，在控件屬性里的影片URL和基本URL里分別輸入
“http://www./wanshanshare.swf”、“
http://www.”上傳后你的網(wǎng)站就有了我的Flash站
標(biāo)了！
最后打開index.htm調(diào)整各框架的位置大小，就基本完成了！
點(diǎn)“文件”/“用瀏覽器預(yù)覽”，查看一下效果，調(diào)整到各網(wǎng)頁都
滿意為止！哦，對(duì)了，請(qǐng)點(diǎn)擊左邊“視圖”欄里的“文件夾”看一
看你網(wǎng)站的文件，查看一下各網(wǎng)頁對(duì)應(yīng)的標(biāo)題是不是你想在瀏覽時(shí)
顯示在網(wǎng)頁標(biāo)題上的文字，若不是請(qǐng)先選中該網(wǎng)頁，然后在其對(duì)應(yīng)
于標(biāo)題欄的文字上單擊一下，進(jìn)入修改狀態(tài)，修改即可！
好了，終于可以松一口氣了，你的網(wǎng)站已建好！那怎么傳到網(wǎng)
上去呢？是呀，怎樣才能傳上去呢？
二、申請(qǐng)域名
域名是什么呀？哦，那應(yīng)該就是網(wǎng)址吧，嗯！我想是地！:-) 對(duì)，
沒有網(wǎng)址別人怎么訪問我的網(wǎng)站呢？有道理！那就申請(qǐng)一個(gè)吧！說
得
輕巧，那么容易就能申請(qǐng)到啊！我知道你肯定是不會(huì)出money買的了！
沒辦法，來一個(gè)二級(jí)域名吧，這可是要找的哦，“當(dāng)年”我就找了兩天
兩夜（夸張了點(diǎn)！），不是空間太小，就是要加廣告，更可氣的是搜
索的很多很多，可是真正提供免費(fèi)主頁空間的卻很少很少，有的就干脆
打不開！免費(fèi)的午餐越來越少嘍！別賣關(guān)子了，趕快說呀！我都等不
及了！不好不好，要有耐——心，知道不？！
OK，申請(qǐng)域名現(xiàn)在開始，首先到百度或google等搜索引擎上搜索
一下，比如免費(fèi)空間等，可以搜到很多，多點(diǎn)幾次（不要灰心！功夫
不付有心人！），最好支持ftp上傳的！可能要填一大堆表格！申請(qǐng)
好后會(huì)得到用戶名、ftp上傳地址和ftp上傳密碼等等！
三、上傳網(wǎng)頁
這下總該可以傳了吧！差不多了！咋傳？當(dāng)然用工具最方便，
哦，ftp好象是文件傳輸協(xié)議（File Transfer Protocol）的簡(jiǎn)稱，
是通過互聯(lián)網(wǎng)發(fā)送文件的一種方式，ftp上傳工具很多，萬山在這
里向大家推薦http://www./wanshan/download/
FlashFXP v2.0.rarFlashFXP，這是一個(gè)用winrar壓縮的文件，
需要解壓，加壓密碼是：，內(nèi)含漢化注冊(cè)程序！
安裝注冊(cè)后打開，有四個(gè)窗口，左上角是本地文件窗口，坐下角
是待傳送文件窗口，右上角為目標(biāo)文件窗口，右下角為傳送狀態(tài)
窗口，現(xiàn)在開始連接，點(diǎn)“連接”/“快速連接”或按F8，打開連
接窗口！在服務(wù)器框中輸入ftp上傳地址；用戶名框里輸入你的用
戶名；密碼框里當(dāng)然是輸入密碼了！OK，可以連接了！連接成功
后，傳送狀態(tài)窗口會(huì)顯示“Transfer complete”，這時(shí)就可以在本
地窗口中找到你的“my webs”夾，把里面你的網(wǎng)頁，儲(chǔ)存圖片
的文件夾等內(nèi)容選中，點(diǎn)“傳送已選定的項(xiàng)目”就開始傳了，
傳完后你打開你的網(wǎng)址看一看，是不是在上面呀！
噢！我終于也有網(wǎng)站了，太好了，謝謝你！不用客氣！
四、網(wǎng)站維護(hù)
當(dāng)你修改網(wǎng)頁后，要把最新修改（可以點(diǎn)本地文件窗口上的
“修改日期”，文件就乖乖地按時(shí)件排序了）的傳上去覆蓋原文
件，把不要的文件清除，以免占寶貴的空間！
對(duì)了，你的網(wǎng)站是不是需要一個(gè)計(jì)數(shù)器呢？可以統(tǒng)計(jì)訪問
人次！為了找一個(gè)好的計(jì)數(shù)器，萬山也是搜索了一上午，終于
逮到一個(gè)免費(fèi)的，申請(qǐng)非常簡(jiǎn)單，在哪呢？到http://www.
315go.com/free/jsq/reg.htm上看看吧！申請(qǐng)好后會(huì)得到一
段代碼！然后把代碼加到你的主頁里即可！代碼我不懂耶，
加在哪？ 不懂不要緊，按下面的步驟做就可以！復(fù)制代碼，
打開你的index.htm，光標(biāo)置于要插入計(jì)數(shù)器的地方，切換到
“HTML”，用快捷鍵“ctrl+V”即可（最好別用鼠標(biāo)點(diǎn)，以
免位置錯(cuò)亂或代碼錯(cuò)誤），瀏覽時(shí)點(diǎn)訪問人數(shù)，即可進(jìn)入查
詢網(wǎng)頁，訪問者的訪問時(shí)間、訪問者的ip、訪問過哪些網(wǎng)頁、
訪問者的系統(tǒng)和瀏覽器等就一目了然！還可以進(jìn)行月統(tǒng)計(jì)和
年度統(tǒng)計(jì)等等！
到這里你大概已經(jīng)算“師傅領(lǐng)進(jìn)門”了吧，那“修行就要
靠自己了”！如果把“『萬山共享』：http：//www.
/”在你主頁做了鏈接，請(qǐng)通知我，我也會(huì)
把你的網(wǎng)站鏈接到我的主頁上！
http://img20.ph.126.net/Yq_-3JETtkmKk7cKXad31g
==/3167437912926796465.jpgzhuanzai 轉(zhuǎn)載 | ![[轉(zhuǎn)載]教你建網(wǎng)站](http://image72.360doc.com/DownloadImg/2014/04/3016/41204736_1.jpg "[轉(zhuǎn)載]教你建網(wǎng)站")
