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