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