如何做網(wǎng)頁(yè)_愛(ài)的足跡

我想要的，它又不能給，要它有什么用 2009-02-18

展開(kāi)全文

整天在網(wǎng)上逛來(lái)逛去，有沒(méi)有想過(guò)動(dòng)手建一個(gè)網(wǎng)站？讓自己也有一個(gè)網(wǎng)上的家！什么？想都沒(méi)想過(guò)！那就是你的不是了，請(qǐng)記?。骸皼](méi)有做不到的，只有想不到的！有時(shí)候我們真的需要一種目標(biāo)，即使現(xiàn)在達(dá)不到，只要努力，機(jī)會(huì)總是有的！萬(wàn)一沒(méi)能如愿也不會(huì)后悔！不是嗎？讀了本文你也許會(huì)覺(jué)得建網(wǎng)站原來(lái)不是很難啊！這就叫“難者不會(huì)，會(huì)者不難”！我也是剛?cè)腴T(mén)不久，把自己的一些經(jīng)驗(yàn)寫(xiě)出來(lái)，省得那些剛觸網(wǎng)的朋友再走同樣的彎路！好了，閑話(huà)少說(shuō)，Let’s go！

          一、制做網(wǎng)頁(yè)

          要建一個(gè)網(wǎng)站首先要有主題，就象寫(xiě)文章要有中心思想一樣，哦！沒(méi)有??！想呀！還是想不出來(lái)！算了，就建一個(gè)自我簡(jiǎn)介吧，以后有了題材和素材再充實(shí)！要想好你的網(wǎng)站包含哪幾個(gè)部分，比如：自我簡(jiǎn)介、我的像冊(cè)等等！

          網(wǎng)站包括網(wǎng)頁(yè)、圖像、音頻、視頻等等，首先要建一個(gè)主頁(yè)，就是進(jìn)入網(wǎng)站顯示的第一個(gè)網(wǎng)頁(yè)，那么建網(wǎng)頁(yè)要用什么軟件呢？有老大哥MS Frontpage，還有當(dāng)紅小生Dreamweave等，各有所長(zhǎng)！下面就以MS Frontpage 2002為例，因?yàn)樗荕S Oiffice XP組件之一，大家電腦上應(yīng)該都有，而且很容易上手！

          打開(kāi)Frontpage，點(diǎn)“文件”/“新建網(wǎng)頁(yè)或站點(diǎn)”，右邊會(huì)出現(xiàn)一個(gè)“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格，選新建“空白站點(diǎn)”/“空白網(wǎng)頁(yè)”（也可以選“個(gè)人站點(diǎn)”我個(gè)人認(rèn)為不太實(shí)用，還是自己建來(lái)得中意）系統(tǒng)會(huì)新建一個(gè)“my webs”文件夾，點(diǎn)左邊視圖欄里的“文件夾”會(huì)看到“my webs”文件夾里有兩個(gè)文件夾：_private和images，前面一個(gè)可能是儲(chǔ)存回饋信息的（我也不太清楚^_^），后面一個(gè)存放圖片，你還可以建存放其它元素的文件夾，或?yàn)槊恳粋€(gè)網(wǎng)頁(yè)建一個(gè)文件夾。然后點(diǎn)“新建空白網(wǎng)頁(yè)”命名為index.htm。（重要提示：網(wǎng)頁(yè)及其它圖片等的名稱(chēng)最好是字母或數(shù)字，因?yàn)橛械姆?wù)器不支持中文，我就吃過(guò)這方面的虧，傳上去的網(wǎng)頁(yè)怎么也打不開(kāi)，讓我納悶了好幾天，怎么回事呢？最后看到幾個(gè)英文名的圖片能顯示才悟出這個(gè)道理?。┻@就是主頁(yè)了！

          打開(kāi)主頁(yè)，就可以充分發(fā)揮你的個(gè)人想象力和創(chuàng)造力，做一個(gè)能展現(xiàn)自己的有個(gè)性和才華的網(wǎng)頁(yè)了！白色的背景太一般了，換掉！點(diǎn)“格式”/“背景”打開(kāi)背景屬性對(duì)話(huà)框，在背景圖片前的方框里點(diǎn)一下，點(diǎn)瀏覽選擇背景圖片，若沒(méi)有合適的背景圖片，改變一下背景顏色也很酷呀！在背景屬性對(duì)話(huà)框里“常規(guī)”選項(xiàng)卡里還能插入背景音樂(lè)哦！然后點(diǎn)擊“表格”/“插入”/“表格”插入一個(gè)1行1列的表格（“對(duì)齊方式”選“居中”、“邊框粗細(xì)”選“0”、指定寬度760像素），（提示：不能太寬，有的電腦屏幕較小，寬了顯示不全，還要左右拖動(dòng)滾動(dòng)條，太影響效果了?。┤缓缶涂梢暂斎胛淖?，插入圖像、flash動(dòng)畫(huà)等了，還可以拆分合并表格等，就象使用word一樣簡(jiǎn)單！保存就OK了！

          這只是普通網(wǎng)頁(yè)，還有框架網(wǎng)頁(yè)，框架網(wǎng)頁(yè)顯示的效果我舉個(gè)簡(jiǎn)單的例子大家就會(huì)明白：有的網(wǎng)頁(yè)分兩部分，上面一個(gè)導(dǎo)航欄，下面是主窗口，導(dǎo)航欄里有很多鏈接，每點(diǎn)一個(gè)鏈接在主窗口會(huì)顯示相應(yīng)的內(nèi)容，導(dǎo)航欄不變！明白了嗎？下面就簡(jiǎn)單介紹一下框架網(wǎng)頁(yè)的制作，點(diǎn)擊“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格里的“網(wǎng)頁(yè)模板”，點(diǎn)“框架網(wǎng)頁(yè)”選項(xiàng)卡，選擇“標(biāo)題、頁(yè)腳和目錄”，確定即可?？蚣馨丫W(wǎng)頁(yè)分成幾部分：標(biāo)題（top）、目錄（contents）、主窗口（main）和頁(yè)腳（bottom）等，這只是一個(gè)框架，這幾個(gè)區(qū)域分別顯示你指定的網(wǎng)頁(yè)，若沒(méi)有也可以點(diǎn)“新建網(wǎng)頁(yè)”，直接在上面編輯，如：在“標(biāo)題”里輸入“歡迎您訪問(wèn)×××的網(wǎng)站”等；在“目錄”中分別輸入“自我簡(jiǎn)介”和“我的像冊(cè)”；在“主窗口”中寫(xiě)一些本站的介紹等內(nèi)容；然后在頁(yè)腳處輸入友情鏈解或其它內(nèi)容。好了，別忘了保存！保存時(shí)會(huì)分別生成普通網(wǎng)頁(yè)，命名為top.htm、contents.htm、main.htm和bottom.htm，這個(gè)框架網(wǎng)頁(yè)命名為index.htm！以后分別編輯各網(wǎng)頁(yè)就成了！再建兩個(gè)普通網(wǎng)頁(yè)用以編輯自我簡(jiǎn)介（me.htm）和我的像冊(cè)（my_photos.htm）！

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

          到此為止你的網(wǎng)站已初具雛形！只是還需要修飾修飾，有人會(huì)想，要是在我的top.htm里要有一個(gè)站標(biāo)就好了！嗯，不錯(cuò)，這“舉一反三”的發(fā)散思維真是難得！站標(biāo)最好做成動(dòng)畫(huà)，這樣既醒目又能給人留下美好的印象！Flash動(dòng)畫(huà)好看但不好學(xué)，如果你不會(huì)就請(qǐng)人幫做一個(gè)，放在你“my webs”文件夾下，例如文件名為zb.swf光標(biāo)置于top.htm里你要插入的地方，依次點(diǎn)“插入”/“web組件”，在“組件類(lèi)型”里選“高級(jí)控件”，在“選擇一個(gè)控件”里選“ActiveX控件”，點(diǎn)擊“下一步”在“選擇一個(gè)控件”里選“Shockwave Flash Object”，點(diǎn)“完成”，雙擊你插入的控件，打開(kāi)屬性對(duì)話(huà)框，在影片URL里輸入zb.swf，拖動(dòng)控件周?chē)艂€(gè)小方框，調(diào)整至大小合適，任務(wù)完成！如果沒(méi)有Flash怎么辦呢？就放一個(gè)gif動(dòng)畫(huà)也不錯(cuò)，gif動(dòng)畫(huà)很好做，萬(wàn)山會(huì)另外介紹制作gif動(dòng)畫(huà)的軟件Ulead GIF Animator 5！那怎么讓文字也滾動(dòng)呢？那就要執(zhí)行“插入”/“web組件”，在“組件類(lèi)型”里選“動(dòng)態(tài)效果”，在“選擇一個(gè)控件”里選“字幕”，點(diǎn)“完成”在字幕屬性的“文字”對(duì)話(huà)框內(nèi)輸入想要顯示的文字，調(diào)整“方向”“速度”和“表現(xiàn)方式”等，直到滿(mǎn)意為止！

          打開(kāi)contents.htm，選中自我簡(jiǎn)介，右擊，選“超鏈接”，在地址欄內(nèi)輸入me.htm，順便確認(rèn)一下“目標(biāo)框架”里是“main”，同樣給我的像冊(cè)也做一個(gè)超鏈接！瀏覽是點(diǎn)擊“我的像冊(cè)”在main框架里就會(huì)顯示你的靚照！感覺(jué)是不是很好呀！

          再打開(kāi)bottom.htm，在適當(dāng)?shù)奈恢糜覔暨x中“超鏈接”在地址欄內(nèi)輸入internet地址，可以直接從網(wǎng)上獲取圖片或打開(kāi)相應(yīng)的網(wǎng) 頁(yè)！例如：在地址欄內(nèi)輸入“http://wanshanshare.”,在顯示文字欄內(nèi)輸入“萬(wàn)山共享”，在你的主頁(yè)里就會(huì)有我的網(wǎng)站的鏈接了！當(dāng)然還可以把我網(wǎng)站上的Flash站標(biāo)也鏈接過(guò)來(lái)，方法是先插入一個(gè)“Shockwave Flash Object”控件，在控件屬性里的影片URL和基本URL里分別輸入“http://wanshanshare./wanshanshare.swf”、“http://wanshanshare.”上傳后你的網(wǎng)站就有了我的Flash站標(biāo)了！

          最后打開(kāi)index.htm調(diào)整各框架的位置大小，就基本完成了！點(diǎn)“文件”/“用瀏覽器預(yù)覽”，查看一下效果，調(diào)整到各網(wǎng)頁(yè)都滿(mǎn)意為止！哦，對(duì)了，請(qǐng)點(diǎn)擊左邊“視圖”欄里的“文件夾”看一看你網(wǎng)站的文件，查看一下各網(wǎng)頁(yè)對(duì)應(yīng)的標(biāo)題是不是你想在瀏覽時(shí)顯示在網(wǎng)頁(yè)標(biāo)題上的文字，若不是請(qǐng)先選中該網(wǎng)頁(yè)，然后在其對(duì)應(yīng)于標(biāo)題欄的文字上單擊一下，進(jìn)入修改狀態(tài)，修改即可！

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

          二、申請(qǐng)域名

          域名是什么呀？哦，那應(yīng)該就是網(wǎng)址吧，嗯！我想是地！:-) 對(duì)，沒(méi)有網(wǎng)址別人怎么訪問(wèn)我的網(wǎng)站呢？有道理！那就申請(qǐng)一個(gè)吧！說(shuō)得輕巧，那么容易就能申請(qǐng)到?。∥抑滥憧隙ㄊ遣粫?huì)出money買(mǎi)的了！沒(méi)辦法，來(lái)一個(gè)二級(jí)域名吧，這可是要找的哦，“當(dāng)年”我就找了兩天兩夜（夸張了點(diǎn)?。皇强臻g太小，就是要加廣告，更可氣的是搜索的很多很多，可是真正提供免費(fèi)主頁(yè)空間的卻很少很少，有的就干脆打不開(kāi)！免費(fèi)的午餐越來(lái)越少?lài)D！別賣(mài)關(guān)子了，趕快說(shuō)呀！我都等不及了！不好不好，要有耐——心，知道不？！

          OK，申請(qǐng)域名現(xiàn)在開(kāi)始，首先到百度或google等搜索引擎上搜索一下，比如免費(fèi)空間等，可以搜到很多，多點(diǎn)幾次（不要灰心！功夫不付有心人?。?，最好支持ftp上傳的！可能要填一大堆表格！申請(qǐng)好后會(huì)得到用戶(hù)名、ftp上傳地址和ftp上傳密碼等等！

          三、上傳網(wǎng)頁(yè)

          這下總該可以傳了吧！差不多了！咋傳？當(dāng)然用工具最方便，哦，ftp好象是文件傳輸協(xié)議（File Transfer Protocol）的簡(jiǎn)稱(chēng)，是通過(guò)互聯(lián)網(wǎng)發(fā)送文件的一種方式，ftp上傳工具很多，萬(wàn)山在這里向大家推薦FlashFXP，這是一個(gè) 用winrar壓縮的文件，需要解壓，加壓密碼是：wanshan.net，內(nèi)含漢化注冊(cè)程序！安裝注冊(cè)后打開(kāi)，有四個(gè)窗口，左上角是本地文件窗口，坐下角是待傳送文件窗口，右上角為目標(biāo)文件窗口，右下角為傳送狀態(tài)窗口，現(xiàn)在開(kāi)始連接，點(diǎn)“連接”/“快速連接”或按F8，打開(kāi)連接窗口！在服務(wù)器框中輸入ftp上傳地址；用戶(hù)名框里輸入你的用戶(hù)名；密碼框里當(dāng)然是輸入密碼了！OK，可以連接了！連接成功后，傳送狀態(tài)窗口會(huì)顯示“Transfer complete”，這時(shí)就可以在本地窗口中找到你的“my webs”夾，把里面你的網(wǎng)頁(yè)，儲(chǔ)存圖片的文件夾等內(nèi)容選中，點(diǎn)“傳送已選定的項(xiàng)目”就開(kāi)始傳了，傳完后你打開(kāi)你的網(wǎng)址看一看，是不是在上面呀！

          噢！我終于也有網(wǎng)站了，太好了，謝謝你！不用客氣！

          四、網(wǎng)站維護(hù)

          當(dāng)你修改網(wǎng)頁(yè)后，要把最新修改（可以點(diǎn)本地文件窗口上的“修改日期”，文件就乖乖地按時(shí)件排序了）的傳上去覆蓋原文件，把不要的文件清除，以免占寶貴的空間！

          對(duì)了，你的網(wǎng)站是不是需要一個(gè)計(jì)數(shù)器呢？可以統(tǒng)計(jì)訪問(wèn)人次！為了找一個(gè)好的計(jì)數(shù)器，萬(wàn)山也是搜索了一上午，終于逮到一個(gè)免費(fèi)的，申請(qǐng)非常簡(jiǎn)單，在哪呢？到http://www./free/jsq/reg.htm上看看吧！申請(qǐng)好后會(huì)得到一段代碼！然后把代碼加到你的主頁(yè)里即可！代碼我不懂耶，加在哪？不懂不要緊，按下面的步驟做就可以！復(fù)制代碼，打開(kāi)你的index.htm，光標(biāo)置于要插入計(jì)數(shù)器的地方，切換到“HTML”，用快捷鍵“ctrl+V”即可（最好別用鼠標(biāo)點(diǎn)，以免位置錯(cuò)亂或代碼錯(cuò)誤），瀏覽時(shí)點(diǎn)訪問(wèn)人數(shù)，即可進(jìn)入查詢(xún)網(wǎng)頁(yè)，訪問(wèn)者的訪問(wèn)時(shí)間、訪問(wèn)者的ip、訪問(wèn)過(guò)哪些網(wǎng)頁(yè)、訪問(wèn)者的系統(tǒng)和瀏覽器等就一目了然！還可以進(jìn)行月統(tǒng)計(jì)和年度統(tǒng)計(jì)等等！

          到這里你大概已經(jīng)算“師傅領(lǐng)進(jìn)門(mén)”了吧，那“修行就要靠自己了”！

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：我想要的，它... > 《我的圖書(shū)館》

舉報(bào)/認(rèn)領(lǐng)