建站全攻略-從入門到精通-基礎(chǔ)知識_第1頁
建站全攻略-從入門到精通-基礎(chǔ)知識_第2頁
建站全攻略-從入門到精通-基礎(chǔ)知識_第3頁
建站全攻略-從入門到精通-基礎(chǔ)知識_第4頁
建站全攻略-從入門到精通-基礎(chǔ)知識_第5頁
已閱讀5頁，還剩24頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、建站全攻略-從入門到精通-基礎(chǔ)知識隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，從外行到菜鳥、菜鳥到老鳥、老鳥又成為了一代大蝦，（本人還只是老鳥而已，還未到大俠的境界），其中不知道發(fā)生了多少的變化，再用激動到顫抖的手按下回車 此后鮮花掌聲千千萬，但麻煩也接踵而來，主要是內(nèi)容收集分類困難，更新不便，界面過于簡陋但筆者并不氣餒，駕著小貓上網(wǎng)找網(wǎng)站制作的教程，DOMN下來拌著方便面和好多個不眠之夜慢慢啃。終于黃天不負(fù)苦心人，在無數(shù)次的失敗后，筆者漸漸積累起的經(jīng)驗反映在個人站點的不斷發(fā)展中了_ 由于深深地體會過自己摸索的痛苦，所以把筆者的建站心得，拿來和眾多同好分享，可惜的是筆者的站點正面臨全面改版，

2、無法留下地址，供大家學(xué)習(xí)參考，水平所限文章中錯誤在所難免，還望高手、大俠不吝賜教_ 注：筆者在這里說的網(wǎng)站指的是個人申請的免費(fèi)主頁，也就是說不具有商業(yè)性質(zhì)，（其實很多提供免費(fèi)主頁申請服務(wù)的站點在網(wǎng)友申請前都有規(guī)定，禁止主頁用于商業(yè)用途），所以筆者在設(shè)計時考慮較多的是網(wǎng)友們興趣愛好，而不是注重商品的展示，但總體的設(shè)計思想和某些技巧也適用于商業(yè)站點，取舍就看您的喜好了。網(wǎng)站制作除了可以按制作的時期分為前期規(guī)劃、中期制作、發(fā)布，及后期維護(hù)外，還可以按工作性質(zhì)分成：結(jié)構(gòu)設(shè)計、資料收集、美工設(shè)計、宣傳推廣等。首先來了解一下我們平時說的萬維網(wǎng)是什么？（沒學(xué)過網(wǎng)絡(luò)知識也沒關(guān)系，筆者會盡量說的淺顯易懂）www

3、（world wide web）是指在internet上的許多計算機(jī)連接在一起而形成的網(wǎng)絡(luò)，這些計算機(jī)相互或是單向的傳遞信息，（包括文字、程序、圖像、聲音和其他眾多多媒體文件）。我們怎么訪問這些信息呢？通過URL和相關(guān)的Protocol就可以做到了。 URL（Uniform Resource Locator）就是統(tǒng)一資源地址，是URI（Universal Resource Identifier，通用資源標(biāo)識）命名體系規(guī)范中的一個分支。顧名思義，URL就是幫助我們在網(wǎng)絡(luò)上找到需要的資源的“路徑”，舉個例子：這個地址說明了通過HTTP協(xié)議，能夠在叫的主機(jī)上，在路徑“/web/”下找到一個index

4、.htm的文件。Protocol（協(xié)議）里用與internet的是TCP/IP（Transmission Control Protocol/Internet Protocol,傳輸控制協(xié)議/網(wǎng)際互聯(lián)協(xié)議），TCP/IP最初由DARPA（美國國防高級研究規(guī)劃局）設(shè)計，用于國防相關(guān)的工程，現(xiàn)在被廣泛的操作系統(tǒng)所支持，（包括Windows, NT, NetWare, Macintosh等），成為了通用的網(wǎng)絡(luò)協(xié)議。HTTP（Hypertext Transfer Protocol，超文本傳輸協(xié)議）是用來在Internet上傳送超文本的傳送協(xié)議，它運(yùn)行在TCP/IP協(xié)議之上。其他常用的協(xié)議還有文件傳輸協(xié)議

5、FTP（File Transfer Protocol）、遠(yuǎn)程登錄協(xié)議Telnet、NEWS以及Gopher等。 HTML（Hypertext Markup Language，超文本標(biāo)識語言）是WWW上的發(fā)布語言、標(biāo)記性語言或頁面格式定義語言，可以用文本編輯器來制作，我們平時見到的網(wǎng)頁就是HTML文件。HTML可以插入圖形、音頻、視頻等對象，使其具有極為豐富的網(wǎng)頁內(nèi)容和很強(qiáng)的可觀賞性，同時文件本身的體積很?。ú话ú迦氲膱D像、聲音之類額定文件），非常適合在網(wǎng)絡(luò)上傳輸，目前版本是4.0。建站全攻略-從入門到精通-細(xì)節(jié)篇1導(dǎo)航欄的設(shè)計每次增加新的欄目或是對原有欄目的調(diào)整，都要對所有的頁面更新。剛開始

6、可能還算輕松，因為沒幾個頁面，但當(dāng)有幾十、幾百個網(wǎng)頁后，這工作量實在太大了！如果偷懶只更新幾個主要的網(wǎng)頁，訪問量就會劇減。筆者首先想到的是FLASH可以做出漂亮的導(dǎo)航按鈕，所有的頁都用一樣的導(dǎo)航欄，以后只要更新這個FLASH動畫就可以使整個網(wǎng)站的頁面都得到更新。但實際使用后發(fā)現(xiàn)FLASH造成網(wǎng)頁的體積過大，在加上網(wǎng)站LOGO，商業(yè)BANNER使網(wǎng)頁變的臃腫不堪。這辦法不太好，于是筆者又考慮做個JavaScript的導(dǎo)航欄，體積又很小。假設(shè)我們要做一個包含“動漫專欄”、“游戲天地”、“音樂同人”、“交友直通車”四個欄目的導(dǎo)航欄：首先是便于更新，所以要做個外接的JavaScript腳本，至于用到的

7、語句就只有document.write(“”),新建一個文本文件，打開，輸入： document.write(" "); document.write(" ");/*該行是讓鏈接之間保持一個空格，使鏈接的下劃線不至于連在一起。也可以把空格該成“|”等來制造各種效果*/document.write(" ");document.write(" ");完成后，選擇“文件”菜單的“另存為”，在對話框的“文件名”中輸入“navigation.js”，“文件格式”里選“*.*”，于是，外接的JS腳本就寫好了。接下來就是把JS鏈

8、接到我們主頁的HTML源代碼里了。具體做法：在<body>和</body>之間，選擇想要讓導(dǎo)航欄顯示的地方，定位，輸入：<Script language=“JavaScript” src=navigation.js></script>保存退出。隨后就是測試的工作了。雙擊主頁，看看效果，導(dǎo)航欄是否出現(xiàn)在我們想要的位置上。效果如下：動漫專欄 游戲天地 音樂同人 交友直通車注意： 1在navigation.js里，除了HTML格式本來就必須有的空格外，最好不要有別的空格（包括全角的空格）或是回車，不然的話，裝載網(wǎng)頁時可能會提示出錯。如果覺得語句太長，想

9、讓腳本看得清楚些而使用回車時，可以在每行末用“”來結(jié)束，再打回車。2這個navigation.js要和網(wǎng)頁放在同一目錄下，如果要放在不同的目錄，就要在網(wǎng)頁里的那段代碼里navigation.js的前面加上該文件的路徑。 導(dǎo)航欄真的是網(wǎng)站里非常重要的一環(huán)，如果少了導(dǎo)航欄，你的站點將會是一個漆黑的、讓人摸不到東西南北的大迷宮（大家玩過仙劍吧，和那個迷宮是一樣的：）。即使是經(jīng)驗豐富的老鳥，也會被弄得不知所措，說不定還會以為你的站點就這么一頁呢。所以為了方便訪問者，同時也是為了你的網(wǎng)站能有更多的回頭客，首先就必須做出分類明確、位置醒目的導(dǎo)航欄，把你的站點的風(fēng)采以及你自己的才華完全展現(xiàn)出來。其次還要保持

10、導(dǎo)航欄的便于更新，因為隨著時間的推移，你的站點內(nèi)容會越來越豐富多彩，總得重新整理整理吧，讓自己的網(wǎng)頁隨時保持在最方便訪問的位置，而不是層層的鏈接之下。想想看，要是訪問者為了找到自己感興趣的內(nèi)容必須點上5、6次鼠標(biāo)的話，那你肯定就失去他了。2留下聯(lián)系方法留下E-mail或其它聯(lián)系方法（比如電話號碼、聯(lián)系地址等），給了訪客一個發(fā)泄對你站點的不滿的機(jī)會，同時也可以方便訪客通過這些渠道把網(wǎng)站的BUG反饋給你，之后讓你能及時修改調(diào)整。但建議不要留下ISP給你的E-mail信箱，因為這個信箱在郵件超出限定的容量時，要收取相當(dāng)高的費(fèi)用。如果你的訪客中有人因為對你站點的不滿，而給你發(fā)郵件炸彈的話，你就有得受了

11、！所以最好只留免費(fèi)的信箱，比如新浪網(wǎng)就提供容量達(dá)50M的免費(fèi)信箱，即便有人攻擊也沒什么大不了的用WEB方式登陸新浪后，再刪除就行了，就算真的被炸了，還可以重新申請（反正不收錢）。反觀攻擊者，要塞滿50M的郵箱也夠他累的了_如果你平時使用ICQ或是OICQ的話，不妨也把號碼留在網(wǎng)頁上，因為這種點對點的傳輸方式比E-mail更迅速、更直接，會使向你反饋意見的朋友覺得很親切。3使用統(tǒng)一的風(fēng)格CI（corporate identity）意思是通過視覺來統(tǒng)一整體的形象，包括LOGO、色彩、廣告語等可以作為標(biāo)志性的東西。這原是廣告學(xué)里的一個專用名詞，但用在網(wǎng)站設(shè)計上也很恰當(dāng)。背景顏色、字體顏色大小、導(dǎo)航欄

12、、版權(quán)信息、標(biāo)題、注腳、版面布局，甚至文字說明使用的語氣這些方面都要注意前后一致，或者說前后協(xié)調(diào)。4色彩的搭配暖色系：紅、橙、橙黃、黃等色彩表現(xiàn)溫馨、和煦、熱情。中性系：黃綠、綠等色彩表現(xiàn)舒適、和諧。寒色系：青綠、藍(lán)綠、藍(lán)等色彩表現(xiàn)寧靜、清涼、高雅。一般來說，學(xué)過美術(shù)的人對于色彩的選擇和搭配方面比較具有優(yōu)勢，但這也不是絕對的，只要平時注重自己審美觀的培養(yǎng)，即使不是專業(yè)人員一樣可以有好的創(chuàng)作。再退一步，你不是專業(yè)人士，也沒有這方面的天賦，其實也沒關(guān)系，你可以使用大家一致公認(rèn)的經(jīng)典組合（如黑底白字），即使缺少新意，也不會讓人覺得不舒服。但必須注意的是，在整個站點的色彩選擇上，應(yīng)該盡量使用同一種色系

13、的，色彩種類以不超過三、四種為界限。適當(dāng)?shù)膶Ρ壬梢栽黾游淖值目砷喿x性，但如果對比太強(qiáng)的話，就不適于長篇文本的閱讀，并會對瀏覽者的視力造成很大的傷害！5使用CSS控制整體格式CSS（Cascading Style sheets，層疊樣式表）是為網(wǎng)站制作者帶來福音的好東東！它最大的特點是可以使網(wǎng)頁的內(nèi)容和結(jié)構(gòu)版面控制相脫離，大量的減少網(wǎng)頁中重復(fù)使用的HTML代碼，從而減小網(wǎng)頁的體積，這對于在網(wǎng)上傳輸是非常有利的。同時CSS可以使用外接*.CSS文件的方法使一次性修改大批量的網(wǎng)頁成為可能，這就意味著你可以經(jīng)常地改變網(wǎng)站的界面（包括文字、色彩、背景圖片等），而每次只需要上傳一個體積很小的CSS文件就

14、行了！所以，筆者在這里極力向大家推薦使用！接著就簡單扼要地介紹常用功能。具體方法：新建一個文本文件，打開，輸入：body font-size: 10pt; /<body>標(biāo)記里的字體大小為10pt；background-color: rgb(255,255,255); /網(wǎng)頁背景顏色為白色；background-image: url('back.gif') /背景圖片為與網(wǎng)頁同一目錄下的“back.gif”；table border: 0; /表格的邊框隱藏；width: 100%; /表格寬度為100%；text-align: left; /表格文本對齊方式為靠左

15、；th font-size: 11pt; /表頭字體為11pt，較普通字體稍大；color: FFFFFF; /表頭背景色為RGB：FFFFFF；text-align: center; /表頭文本隊旗方式為居中；a text-decoration: none /鏈接無下劃線；a.visited color: rgb(153,52,43); /點擊過的鏈接的顏色；a.active color: rgb(153,0,255); /點擊著的鏈接的顏色；A.hover COLOR: #ffba75; /鼠標(biāo)經(jīng)過時鏈接的顏色；TEXT-DECORATION: underline /鼠標(biāo)經(jīng)過時鏈接加下劃線

16、；完成后，選擇“文件”菜單的“另存為”，在對話框的“文件名”中輸入“base.css”，“文件格式”里選“*.*”，于是，外接的CSS層疊樣式表就寫好了。接著，在網(wǎng)頁的HTML代碼里的<head>和</head>之間加上：<link href="base.css" rel="stylesheet" type="text/css">保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代碼的網(wǎng)頁自動更新了！6使用表格定位想要一張整齊的網(wǎng)頁需要做定位工作，有人使用<DIV>和<SP

17、AN>標(biāo)記，但實際上套用表格更簡單一些，雖然精確度不及前者。很多大的站點都使用表格來定位文字和圖片，制作時很直觀，效果不錯。但值得注意的是，當(dāng)你的頁面很大的時候，千萬別在整個網(wǎng)頁上用一個大的表格套很多小表格！因為如果瀏覽器在接受數(shù)據(jù)時發(fā)現(xiàn)表格，就必須知道表格的結(jié)構(gòu)，也就是說要把整張表格的內(nèi)容都接受完畢才顯示其內(nèi)容，之前會給瀏覽者一張“白板”看，很多人因為沒耐心等待而轉(zhuǎn)去看其他站點了。所以分用幾個小表格，讓他們可以分別顯示，收到多少顯示多少，瀏覽者可以在等待的時候看先收到的部分，這樣一來就增加了瀏覽者繼續(xù)等待的信心。但是你覺得分別顯示頁面會破壞整體的美感，那就用大表格吧！_ 7站點地圖即使

18、導(dǎo)航欄條理分明，結(jié)構(gòu)合理，但對于內(nèi)容較多的站點來說，還是做一份站點的導(dǎo)航地圖，才對得起訪客。在站點地圖里，你可以詳細(xì)的介紹素有的欄目，以及每個欄目里分別包括些什么小欄目或是含有什么樣的具體內(nèi)容，應(yīng)該盡力寫得詳實明了，讓人有一目了然的感覺才達(dá)到我們的目的，不要擔(dān)心版面不夠，因為整個地圖版面存在的理由就在于此（如果沒有起到它應(yīng)起的作用，還不如不要呢）。8使用模版 很多剛開始做網(wǎng)站的朋友往往在收集了大量的素材后，立即投入制作，生成了絕大部分成品網(wǎng)頁，但由于經(jīng)驗不足或其他什么原因，做完了才發(fā)現(xiàn)問題，只好一個個網(wǎng)頁的修改，結(jié)果浪費(fèi)了巨大的精力。所以筆者建議：在完成了所有的構(gòu)思以后，先要做一個模版網(wǎng)頁，在

19、這個網(wǎng)頁里包括了所有網(wǎng)頁的公共元素（比如LOGO、導(dǎo)航欄、更新時間、推薦欄目、外接的CSS樣式表的鏈接、加入收藏夾、返回首頁、站點地圖、E-mail地址、滾動的狀態(tài)欄、廣告條、版權(quán)信息等等），之后只要復(fù)制多份，填入不同的內(nèi)容就相對輕松多了。 建議：如果頁面太多而沒有給每個網(wǎng)頁寫TITLE的話，F(xiàn)rontPage2000就會自動給每個網(wǎng)頁加上按“new page 1”、“new page 2”的順序排列的TITLE，很不美觀和規(guī)范，或是使人產(chǎn)生“站長是個懶鬼”的想法。所以，在制作模版的時候，就可以在TITLE里加上一句無論放在哪個頁面里都合適的歡迎詞（比如“歡迎您的光臨！”之類）。這樣一來，網(wǎng)頁

20、才不會讓人當(dāng)成“半成品”來看待。_ 9少用JAVA 雖然使用JAVA可以做出許多精彩的網(wǎng)頁特效，但由于現(xiàn)在JAVA程序的處理速度實在讓人不敢恭維，往往是等上老半天還看不到網(wǎng)頁的內(nèi)容，更有甚者，在漫長的等待后，瀏覽器提示APPLET不能啟動。過分追求技巧和特效，結(jié)果卻適得其反，把最重要的內(nèi)容給拉下了，這種做法顯然是不可取的。10控制圖片的大小 除了文字說明，圖片就是我們網(wǎng)頁上最重要的內(nèi)容了。許多漂亮的字體，瀏覽器可能并不支持，所以要用圖片的方式來顯示；單純的文字網(wǎng)頁信息量巨大，瀏覽者很難快速地了解網(wǎng)頁想要表達(dá)的內(nèi)容，但通過圖片就能比較形象地把意思傳達(dá)給瀏覽者了。此外統(tǒng)一風(fēng)格（每個網(wǎng)頁使用相同的L

21、OGO）、美化網(wǎng)頁（用色彩鮮艷的花邊修飾網(wǎng)頁邊框、分隔大段的文本）、烘托氣氛等作用也是文字說明無法做到的，特別是GIF089a格式保存的圖片，不但可以制造動畫效果、活潑網(wǎng)頁的氣氛，還能夠在顯示較大的圖片時逐漸的顯示，先顯示分辨率比較低的圖片，讓瀏覽者有個初步了解，知道自己等待的是什么？究竟有沒有必要再等待？這對于速度相對較慢的中國互聯(lián)網(wǎng)來說是一件天大的好事。一般來說，一張網(wǎng)頁上的圖片總體積不應(yīng)該超過50KB，這樣光圖片的下載將花去瀏覽者近10秒的時間（按使用56K的MODEM計算，不過56K的MODEM在中國已經(jīng)是標(biāo)準(zhǔn)配置了），而即使加上文字也多不了多少時間，對于習(xí)慣了慢如螞蟻的網(wǎng)絡(luò)的用戶是可

22、以接受的。因此，可以說圖片是造成網(wǎng)頁下載速度過慢的“罪魁禍?zhǔn)住薄Ｋ?，必須在美觀和速度之間做出選擇，兩者都要兼顧，大家自己平衡吧_ 11選擇使用框架 框架（FRAME）也叫幀頁，是現(xiàn)在制作網(wǎng)頁是較為常用的一種技術(shù)。該技術(shù)可以把瀏覽器窗口劃分為幾個小窗口，每一個窗口都顯示一個網(wǎng)頁的內(nèi)容，并分別設(shè)置大小、有無滾動條等信息。這樣就方便了設(shè)計網(wǎng)站的結(jié)構(gòu)，可以在上方的框架里放置網(wǎng)站的LOGO，在左面的框架里顯示導(dǎo)航欄，而在下方的框架里安置版權(quán)信息。當(dāng)然這只是一個比較公式化的設(shè)計，每個人可以根據(jù)自己的實際需要和創(chuàng)意來做安排。而且瀏覽時，可以指定鏈接的網(wǎng)頁在哪個框架里顯示，從而避免了網(wǎng)頁上相同內(nèi)容的重復(fù)下載

23、，而這些內(nèi)容往往是LOGO、BANNER等體積較大，需要很長下載時間的圖片。這對于提高網(wǎng)頁顯示速度和網(wǎng)絡(luò)傳輸效率方面都有著積極的意義。盡管這是種方便網(wǎng)站設(shè)計者的技術(shù)，但對于瀏覽者來說就不一定了。因為框架技術(shù)是一種新興技術(shù)，很多瀏覽器還不支持它，也就是是說，有一部分的瀏覽者并不能正常的看到你那美侖美奐的網(wǎng)頁。所以，筆者建議：為了這些網(wǎng)友，盡量不要使用框架。如果實在要用，就一定要記得在框架網(wǎng)頁的HTML代碼里加上<NOFRAMES>元素，在<NOFRAMES>里可以設(shè)定當(dāng)瀏覽器不支持框架的時候在瀏覽器里顯示的替代內(nèi)容，讓沒有使用最新版本的用戶也可以看到網(wǎng)頁的內(nèi)容。 12發(fā)布

24、更新消息 更新消息可以通過多種方式傳達(dá)給瀏覽者，最常用的就是在主頁上逐條列出最新的內(nèi)容，或是專門做一個“最近更新”的網(wǎng)頁，在網(wǎng)頁上詳細(xì)地介紹最幾一次、幾次更新的內(nèi)容，并提供通往新內(nèi)容的鏈接。還有一種方法用的也比較普遍，但一般需要存放站點的服務(wù)器方面支持提交表單才行。就是瀏覽者通過提交表單的方式，將自己具體的聯(lián)系方法送到站長指定的E-MAIL、CGI、文本文件等目的地，然后再由站長定期或在更新后，向這些地址發(fā)送網(wǎng)站最近更新的消息，讓瀏覽者知道是否真的有自己感興趣的內(nèi)容，是否值得花費(fèi)時間和金錢去瀏覽你的網(wǎng)站。既方便了瀏覽者，又顯得站長很專業(yè)、很盡責(zé)。13堅持經(jīng)常更新 更新包括兩方面的內(nèi)容： 首先是

25、內(nèi)容，即使是內(nèi)容豐富多彩的站點，也需要經(jīng)常更新。因為瀏覽者不可能喜歡你網(wǎng)站所有的內(nèi)容，大多數(shù)網(wǎng)友只喜歡其中的一小部分，而且也只瀏覽這一小部分，所以你要經(jīng)常把新的內(nèi)容加進(jìn)去，來滿足網(wǎng)友的需求。當(dāng)然有會有例外，一些專門提供下載服務(wù)的站點相對而言就不是特別需要經(jīng)常的更新了，因為供網(wǎng)友下載的大多是流行音樂的MP3、游戲DEMO、商業(yè)軟件的BETA等體積很大的文件，網(wǎng)友光是下載這些文件就要花上很長很長的時間。記得有一次，筆者找到一個很大的MP3下載站點，一下子往網(wǎng)絡(luò)螞蟻里加入了近80首MP3，之后的一個月筆者就再也沒去過那個站點，直到所有的MP3下載完畢為止。但如果你做的不是這樣的下載站點的話（一般的個

26、人主頁也不太可能提供大量的下載，畢竟上傳也要花很多人民幣），就必須要經(jīng)常更新了。 其次是維護(hù)，也可以說是對網(wǎng)站結(jié)構(gòu)、美工方面的更新。沒人會喜歡老是看到相同的頁面，而且還可能是不怎么漂亮的頁面。時間久了，內(nèi)容多了，也會需要對站點的結(jié)構(gòu)、導(dǎo)航做些調(diào)整的。建議：如果真的是很忙，沒時間天天更新，希望能在主頁上留一個“站長自述”的版塊，沒天抽出一小會兒，為瀏覽者寫幾句話，甚至可以寫自己的生活日記。瀏覽者就會覺得站長和自己距離很近，是個很親切友好的人。14注意文件名的長度 一般來說，我們使用的Windows98、ME、2000、NT和Linux等操作系統(tǒng)均支持長文件名、大寫的和中文文件名，但大多數(shù)提供免費(fèi)

27、主頁的服務(wù)器都不支持長文件名大寫的和中文文件名。也就是說，如果使用了服務(wù)器不支持的文件名格式，會造成你辛苦做成的網(wǎng)頁成為“死頁”，別人將無法訪問這些網(wǎng)頁，即使是你自己也不能瀏覽，當(dāng)然你還是可以對之行使服務(wù)開放給你的FTP權(quán)利（包括改名、刪除等）。 另外需要注意的是，很多服務(wù)器對于主頁的命名都有特別的要求，最常見的是index.htm，其他還可能有index.html、default.htm、default.html、welcome.htm、welcome.html等。如果服務(wù)器向用戶開放CGI、ASP和PHP的權(quán)限的話，還會有以asp和php3等結(jié)尾的網(wǎng)頁名出現(xiàn)。所以在不太清楚服務(wù)器情況的時候

28、，為了避免出現(xiàn)無法訪問的網(wǎng)頁，最好還是使用在DOS下通用的8。3命名規(guī)則較為保險。15廣告代碼面對中國目前不匪的上網(wǎng)費(fèi)用，大多數(shù)的網(wǎng)友不是縮衣節(jié)食，就是盡力克制自己上網(wǎng)的沖動。但隨著上網(wǎng)時間的增加，接觸到的新事物也在不斷增加，忽然有朋友發(fā)現(xiàn)上網(wǎng)也能掙些美元（不管最后是不是真的到手，但這確實是個能緩解上網(wǎng)費(fèi)用過高的辦法）。就是在自己的主頁上加一段廣告代碼，只要訪客能適時地點擊廣告，一個月下來，就能為站長帶來那么幾個美元補(bǔ)貼上網(wǎng)費(fèi)，不過可能要過好幾個月才能收到支票。但需要注意的是，有些朋友為了多賺些美元，就自己拼命點擊廣告條，但他們不知道在極短的時間里有太大的點擊率、這些點擊全出自同一個IP地址，

29、又或是你的廣告條放的位置不符合廣告商的要求的話，你就將收不到支票，并且會被廣告公司加入黑名單。結(jié)果自然是“賠了夫人又折兵”，既賺不到美元，又花了自己的時間和精力（點擊廣告時花費(fèi)的）。即使靠廣告條能增加收入，但也要考慮到由于大家都和你有相同的想法，所以在Internet上早就是廣告滿天飛了，現(xiàn)在的網(wǎng)友可是一看到廣告就反感，接著是連看也不看你的網(wǎng)站里有些什么內(nèi)容就鍵入別的地址了。因此很可能發(fā)生的是，放了廣告代碼后，非但沒收到美元，反而連自己的訪客也給嚇走了，有句老話就是形容這種情況的：“偷雞不成蝕把米”_ 可是，就算不放置為自己謀福利的廣告條，但提供主頁空間給你的那個網(wǎng)站的那個廣告你還是得放在主頁

30、上的，不然的話，很可能會不經(jīng)通知就刪除你的主頁空間哦！ 了解了以上幾個方面后，再來將一些實用技巧。建站全攻略-從入門到精通-技巧篇1特色I(xiàn)CO 每次看到好的網(wǎng)頁總想把它保存在收藏夾里方便以后再去，但時間一久，太多的鏈接就讓人眼花繚亂了，沒辦法，刪！你不想讓自己的網(wǎng)頁也遭到這樣的命運(yùn)吧？ 具體方法：先打開網(wǎng)頁的HTML源文件，在<head>和</head>之間找個空的地方點一下鼠標(biāo)，（千萬別點在<>里），輸入：<link rel="shortcut icon" href="logo.ico">保存退出。其中“

31、logo.ico”替換成你自己的ICO圖標(biāo)文件的路徑。最后記得把網(wǎng)頁和ICO圖標(biāo)文件都上傳到網(wǎng)上就行了，不過ICO的路徑不要變。這樣一來，當(dāng)別人把你的網(wǎng)頁保存到收藏夾的時候看到的不再是千篇一律的HTML文件的圖標(biāo)了，怎么樣，很跳吧？_2設(shè)為主頁在網(wǎng)頁顯眼的地方加上“設(shè)為主頁”的鏈接一定會增加被設(shè)為主頁的機(jī)會，畢竟在IE菜單欄上操作太麻煩了，而現(xiàn)在只需要點擊一下鼠標(biāo)。具體方法： 在網(wǎng)頁HTML源文件的<body>和<"if(today.getDay()=1) day = "星期一 "if(today.getDay()=2) day = "

32、星期二 "if(today.getDay()=3) day = "星期三 "if(today.getDay()=4) day = "星期四 "if(today.getDay()=5) day = "星期五 "if(today.getDay()=6) day = "星期六 "document.fgColor = " FF0072"date1 =(today.getYear() + "年" + (today.getMonth() + 1 ) + "月"

33、; + today.getDate() + "日 " ;date2 = day ;document.write(date1.fontsize(2);document.write(date2.fontsize(2);document.write("<span id='clock'></span>");var now,hours,minutes,seconds,timeValue;function showtime()now = new Date();hours = now.getHours();minutes = n

34、ow.getMinutes();seconds = now.getSeconds();timeValue = (hours >= 12) ? "下午 " : "上午 "timeValue += hours+ ":"timeValue += (minutes < 10) ? "0" : "") + minutes + ":"timeValue += (seconds < 10) ? "0" : "") + seconds

35、 + ""clock.innerHTML = timeValue;setTimeout("showtime()",100);showtime();-></Script>保存退出。這里就不要再做什么替換了。5顯示來了幾次 當(dāng)訪客每次來的時候，都可以知道自己究竟來的幾次，他會覺得站長一直把他當(dāng)作貴賓對待而心存感激，而你要做的只是加一段代碼罷了_具體方法：在網(wǎng)頁H你已經(jīng)來了”);document.write("<font color=red ><B>"+visits+"</font&

36、gt;"+"</B> ");document.write(“次了！”);-></Script>保存退出。我設(shè)置的數(shù)字字體顏色是大紅，漢字顏色是默認(rèn)的。6動態(tài)顯示歡迎詞 歡迎詞幾乎是每個網(wǎng)站必備的裝備之一，但天天看千篇一律的“歡迎光臨”之類的歡迎詞，任誰都會覺得厭煩的。所以我們要做個與眾不同的，能按具體情況具體分析的“智能型”歡迎詞_具體方法：在網(wǎng)頁HTML源文件的<body>和</body>之間的空白處點擊鼠標(biāo)，輸入：<Script language=”JavaScript”><!-now=n

37、ew Date(),hour=now.getHours()if (hour<6)document.write("今天不上班？_")else if (hour<8)document.write("早上好！上班前記得吃早餐！_")else if (hour<12)document.write("不怕老板來檢查嗎？_")else if (hour<14)document.write("午餐吃得還好嗎？_")else if (hour<18)document.write("下午好!&

38、quot;)else if (hour<22)document.write("不看電視，選擇上網(wǎng)是明智的！_")else if (hour<24)document.write("夜貓子,還不去睡？_")-></Script>保存退出。看明白了嗎？其實原理很簡單，就是根據(jù)系統(tǒng)的時間，決定該用什么樣的歡迎詞，可以把時間的間隔分得更小一些，顯示的歡迎詞也可以更富有人情味。7解決亂碼 大陸地區(qū)和臺灣地區(qū)雖然都使用中文，但在電腦網(wǎng)絡(luò)上的編碼方式卻有很大的不同，前者使用的是GB2312碼（國標(biāo)碼），而后者用的是BIG5碼（大五碼），兩者

39、互相不兼容，這就使通過網(wǎng)絡(luò)在兩地之間交流變得很不方便，出現(xiàn)了亂碼的E-mail和網(wǎng)頁。要正確顯示兩種編碼不但要用戶的計算機(jī)安裝相關(guān)軟件，還要做相關(guān)設(shè)置，并且每次都要用手動切換，很不方便。其實，只要在網(wǎng)頁中加上一行代碼就至少可以避免每次手動切換的麻煩了。具體方法：在網(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入：<meta http-equiv="Content-Type" content="text/html; charset=gb2312">保存退出。這樣就可以強(qiáng)制瀏覽者用GB碼來看你的網(wǎng)

40、頁，只要他的計算機(jī)安裝了相關(guān)的IE字符包就能正常顯示國標(biāo)碼了。如果想顯示的是BIG5碼，只要把“gb2312”替換成“big5”就行了。8禁止使用鼠標(biāo)右鍵使用鼠標(biāo)右鍵可以對所瀏覽的網(wǎng)頁做多項操作（比如保存圖片等），如果不想自己的網(wǎng)頁讓別人“共享”的話，可以把鼠標(biāo)右鍵的功能屏蔽掉。具體方法：在網(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入：<Script language=”JavaScript”><!-function click()if(event.button=2)alert(“你的鼠標(biāo)功能挺多的嘛！_”)documen

41、t.onmousedown=click</Script>->保存退出。其中“你的鼠標(biāo)功能挺多的嘛！_”可以替換成你想要顯示的警告信息。不過一定要把腳本加在<head>里，不然的話瀏覽者可以在網(wǎng)頁沒下載完前使用鼠標(biāo)右鍵的。9自動彈出歡迎窗口 每次訪問都自動彈出歡迎窗口有可能會讓人心煩，但如果你覺得好就加上去。具體方法：在網(wǎng)頁HTML源文件的<body>標(biāo)記里的空白處點擊鼠標(biāo)，輸入：onLoad= alert("你好，歡迎訪問！")保存退出。其中“你好，歡迎訪問！”可以替換成別的歡迎詞。10自動彈出歡送窗口和自動彈出歡迎窗口差不多。具體

42、方法：在網(wǎng)頁HTML源文件的<body>標(biāo)記里的空白處點擊鼠標(biāo)，輸入：onUnload= alert("再見，有時間再來??！")保存退出。其中“再見，有時間再來啊！”可以替換成別的歡送詞。11去除連接的下劃線 鏈接有下劃線是天經(jīng)地義的事，但我們要改變它！具體方法：在網(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入：<style>a text-decoration:none</style>保存退出。其中的“none”可以替換成“underline”，就是顯示下劃線。12標(biāo)題欄跑馬燈 網(wǎng)頁的垂

43、直版面是“寸土寸金”的寶地，往往是訪客第一眼看到的內(nèi)容，所以不能浪費(fèi)在歡迎詞和不太重要的消息發(fā)布上，那么只好來“開發(fā)”標(biāo)題欄了！_具體方法：在網(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入：<Script language=”JavaScript”><!- var msg = "內(nèi)容豐富，經(jīng)常更新，時有抽獎，敬請光臨！"var speed = 300;var msgud = " " + msg; function titleScroll() if (msgud.length msgud

44、 = msgud.substring(1, msgud.length); document.title = msgud.substring(0, msg.length);window.setTimeout("titleScroll()", speed); -></Script>在網(wǎng)頁HTML源文件的<body>標(biāo)記里的空白處點擊鼠標(biāo)，輸入：onload="window.setTimeout('titleScroll()', 500)"保存退出。其中“內(nèi)容豐富，經(jīng)常更新，時有抽獎，敬請光臨！”就是滾動顯示的內(nèi)容

45、。14自動跳出別人的Frame（框架） 因為本身站點的內(nèi)容太少，而把別人的網(wǎng)頁當(dāng)成自己的，并顯示在自己網(wǎng)站的框架中的人還是大有人在的。如果你覺得這是對你勞動成果的不尊重，可以通過E-mail警告對方，也可以直接在自己的網(wǎng)頁里加一句代碼。具體方法：在網(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入：<Script language=”JavaScript”><!- if (top.location != self.location) top.location=self.location;-></Script>保

46、存退出?；蛘咴诰W(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入： <SCRIPT language="JavaScript"><!-/ -></SCRIPT>保存退出。15網(wǎng)頁自動滾屏 在網(wǎng)頁HTML源文件的<head>和</head>之間的空白處點擊鼠標(biāo)，輸入：<Script language="JavaScript"><!-locate = 0;function scroller()if (locate !=400 )loc

47、ate+;scroll(0,locate);clearTimeout(timer);var timer = setTimeout("scroller()",3);timer;-></script>在網(wǎng)頁HTML源文件的<body>標(biāo)記里的空白處點擊鼠標(biāo)，輸入：onload="scroller()"保存退出。其中“l(fā)ocate！=400”控制文件的長度，“setTimeout("scroller()",3);”控制滾動的速度。16為圖片加注釋這不但適用于圖片，還可以針對網(wǎng)頁上所有的鏈接，在瀏覽者將鼠標(biāo)放在圖

48、片或鏈接上的時候自動顯示的一小段預(yù)先準(zhǔn)備的文本，可以是對圖片本身的解釋，也可以告知鏈接通向哪兒。 具體方法： 打開網(wǎng)頁的HTML源文件，在<IMG>標(biāo)記里加上：alt=”image information” 保存退出。其中的“image information”替換為每個圖片的具體解釋。如果是文字鏈接需要加注釋，在<a>標(biāo)記里加上：title=”link information” 保存退出。其中“l(fā)ink information”就是注釋內(nèi)容。 17顯示替代圖片 如果要顯示的圖片體積太大，可以用一個體積較小的圖片在原圖片位置先作替代性的顯示，使瀏覽者可以在先看到這些信息

49、的同時，再等待原圖片的下載。具體方法：打開網(wǎng)頁的HTML源文件，在<IMG>標(biāo)記里加上：LOWSRC=”standin.gif”保存退出。其中的“standin.gif”就是用來替換的圖片。 18定義網(wǎng)頁的關(guān)鍵字網(wǎng)頁的關(guān)鍵字（KEYWORD）是供搜索引擎（比如YAHOO、SOHU等）檢索的文字說明，搜索引擎根據(jù)用戶查找網(wǎng)頁時提交的搜索關(guān)鍵字和網(wǎng)頁所包含的關(guān)鍵字作比較，按照符合要求的程度不同而作相應(yīng)的順序排列。很顯然，在網(wǎng)頁的關(guān)鍵字上做些文章就能明顯地改善網(wǎng)頁在那些著名的搜索引擎中的“地位”，從而增加網(wǎng)站的訪問率！所以，我總結(jié)了一部分搜索率較高的關(guān)鍵字供大家選擇使用：“性”（sex）

50、、“音樂”（music or mp3）、“電影”（movie、film or video）、“新聞”（news）、“圖片”（picture or photo）、“明星”（star or art）、“軍事”（military）、“小說”（novel）、“交友”（friend or love）、“電腦”（computer or IT）、“招聘”（invite）另外關(guān)鍵字也不是一成不變的，例如去年“克林頓”（Clinton）也成了關(guān)鍵字呢！至于原因嘛相信我不說大家也明白_ 記住，具體問題具體分析總是不會錯的，什么最熱門，關(guān)鍵字就用什么，但是也別編造些自己站點上沒有的“關(guān)鍵字”哦！因為即使別人上了一次

51、當(dāng)，讓你的記數(shù)器跳了一格，但他應(yīng)該再也不會是你站點的訪客了！ 其實，想用熱門的關(guān)鍵字和去騙人并沒有必然的聯(lián)系，就拿“克林頓”來說吧，你可以在使用它做關(guān)鍵字后，對你的網(wǎng)站也做少許的修改，真的只是“少許的修改”，因為筆者的建議是：收集、整理一些克林頓緋聞的相關(guān)報道（SINA上面有得是），做成一個專題報告就行了。這樣一來，既沒有騙人，又成功地把網(wǎng)友吸引來了，即使你的克林頓專題報告做得不怎么樣，但通過這個專題卻讓瀏覽者有機(jī)會看到你的站點上還有很多別的信息和資源。也就是把設(shè)立關(guān)鍵字作為一種提高訪問量的手段，建立相關(guān)專題作為橋梁，把潛在的訪客領(lǐng)到你的站點里來。具體方法： 打開網(wǎng)頁的HTML源文件，在 標(biāo)記

52、里加上：name=”keyword” content=”music, mp3, news, movie, photo, star” 保存退出。其中的“music, mp3, news, movie, photo, star”就是網(wǎng)頁的關(guān)鍵字，可以根據(jù)需要修改（可以使用中文信息），但是字母區(qū)分大小寫，長度以不超過255個字符為宜（因為即使為了面面俱到而加了上千個關(guān)鍵字，也會被搜索引擎的服務(wù)器刪除的，所以應(yīng)該盡量簡潔明了，避免重復(fù)），每個關(guān)鍵字之間要用“，”分隔。19防止背景圖片滾動 當(dāng)網(wǎng)頁的內(nèi)容很長，需要使用滾動條來瀏覽的時候，背景圖片也會隨之滾動，好像和文字說明粘合在一起似的。這樣對于定位視線

53、有些不良的影響，特別是色彩花哨的背景圖片，感覺則更不適。對此，我們可以將背景和文字說明相分離，浮動在瀏覽器窗口里。具體方法：打開網(wǎng)頁的HTML源文件，在標(biāo)記里加上：Bgproperties="fixed" 保存退出。 20用wingdings字體作畫 wingdings字體可以讓普通的ASCII碼以一些簡單預(yù)定圖形的方式在瀏覽器里顯示，如果我們用Wingdings字體來替代部分圖片的話，必然將大大加快網(wǎng)頁的下載速度，因為只要看看HTML源文件就會知道網(wǎng)頁上的圖形只是一小段代碼而已。 雖然大多數(shù)的圖形都很簡單，但是還是可以起到一些作用的，比如用“*”的Wingdings字體*

54、表示E-mail或信箱，用“（”的Wingdings字體(表示電話號碼，用“<” 的Wingdings字體<表示下載具體應(yīng)用就看大家的想象力了_ 不過需要注意的是，IE對于Wingdings字體的支持很好，而Netscape可能會出現(xiàn)一些顯示上的問題。附錄部分Wingdings字體、ASCII碼和普通字體的對照表（見附錄1）。 21網(wǎng)頁變換效果 只要搭配得當(dāng)，這些變換效果會給訪客留下非常深刻的印象，即使是那些本來對你的站點沒興趣的訪客。特別是喜歡學(xué)習(xí)網(wǎng)頁制作的朋友，很可能就把你的網(wǎng)頁復(fù)制下來，以供學(xué)習(xí)研究之用。其實你不過是加了短短一段代碼而已_ 網(wǎng)頁變換效果（Trans）共分四大類

55、："進(jìn)入網(wǎng)頁"（Page-Enter）、"離開網(wǎng)頁"（Page-Exit）、"進(jìn)入站點"（Site-Enter）、"離開站點"（Site-Exit）。每一大類又分為25個小類，先用進(jìn)入網(wǎng)頁效果來舉例說明：進(jìn)入網(wǎng)頁時的效果 1混合效果 代碼如下： <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">2盒狀收縮效果 代碼如下： <meta http-equiv="Page-E

56、nter" content="revealTrans(Duration=1.0,Transition=0)">3盒狀放射效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">4圓形收縮效果 代碼如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)

57、">5圓形放射效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">6向上擦除效果 代碼如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">7向下擦除效果 代碼如下： <meta http-equiv="Page-Enter&qu

58、ot; content="revealTrans(Duration=1.0,Transition=4)">8向右擦除效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">9向左擦除效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)"

59、>10垂直遮蔽效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">11水平遮蔽效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">12橫向棋盤式效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">13縱向棋盤式效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">14隨即分解效果 代碼如下： <meta http-equiv="

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論