[操作系統]新手入門(mén)之------建站全攻略-從入門(mén)到精通(轉載)

3年前 (2021-07-02)閱讀1181回復0
郗憐蕾
郗憐蕾
  • 管理員
  • 發(fā)消息
  • 注冊排名2886
  • 經(jīng)驗值80
  • 級別管理員
  • 主題16
  • 回復0
樓主
印刷廠(chǎng)直印加工●彩頁(yè)1000張只需要69元●名片5元每盒-更多產(chǎn)品印刷報價(jià)?聯(lián)系電話(huà):138-1621-1622(微信同號)

建站全攻略-從入門(mén)到精通--準備篇

  1.HTML語(yǔ)言*:

    先要學(xué)習HTML超文本語(yǔ)言,也許有人認為有了Frontpage2000和Dreamweaver之類(lèi)的圖形化網(wǎng)頁(yè)制作工具就不再需要學(xué)習HTML語(yǔ)言了,其實(shí)這是個(gè)很普遍的認識誤區。因為即便有強大的軟件,但它們都只能自動(dòng)生成很簡(jiǎn)單的HTML代碼,對于想創(chuàng )作復雜的網(wǎng)頁(yè)結構還不太使用。所以在很多時(shí)候,比如用FrontPage做好一個(gè)網(wǎng)頁(yè)后,還經(jīng)常需要直接在網(wǎng)頁(yè)的HTML代碼里作修改,加以完善,以求達到想要的效果。

    另外,懂得HTML語(yǔ)言也可以幫助我們看懂別人做的網(wǎng)頁(yè)里的結構和特效,從而提高自己的水平,這也是一個(gè)學(xué)習網(wǎng)頁(yè)制作的大好機會(huì )。建議大家去學(xué),但如果實(shí)在不愿意,筆者也不勉強。^_^

    2.工具的選擇:

    除了學(xué)習一些基本的HTML語(yǔ)言知識外,一般說(shuō)來(lái)還需要學(xué)習諸如:網(wǎng)頁(yè)制作工具、圖形工具、網(wǎng)頁(yè)動(dòng)畫(huà)工具、FTP上傳工具等常用的軟件。筆者簡(jiǎn)單地來(lái)介紹一下:

    網(wǎng)頁(yè)制作工具:

    Frontpage2000*是Microsoft公司的產(chǎn)品,包括在Office2000專(zhuān)業(yè)版的套裝里,支持所見(jiàn)即所得的編輯方式,在站點(diǎn)的管理方面做的很出色。不需要你掌握很深的網(wǎng)頁(yè)制作技術(shù)知識,甚至不需要你了解HTML的基本語(yǔ)法,很適合新手。事實(shí)上,如果你會(huì )使用MS Word的話(huà),你很快就會(huì )學(xué)會(huì )使用FrontPage,并發(fā)現這其實(shí)是一件再簡(jiǎn)單不過(guò)的事,因它的基本使用方法和Word十窒嗨啤?br>

    Dreamweaver*是Macromedia公司的產(chǎn)品,和FrontPage的功能類(lèi)似,也是圖形化的網(wǎng)頁(yè)制作工具,還支持層的操作,并且可以避免生成冗余代碼。現在,不少網(wǎng)站在招聘網(wǎng)站設計人員時(shí),都要求應聘該職位的人員能熟練地操作Dreamweaver,所以立志于將來(lái)從事網(wǎng)站制作工作的朋友一定要學(xué)好Dreamweaver才行。

    以上工具同時(shí)支持對HTML源代碼進(jìn)行直接編寫(xiě)。

    Hotdog是純代碼工具,只支持手寫(xiě)HTML代碼,但由于軟件本身包含的了很多制作網(wǎng)頁(yè)時(shí)要用到的基本元素,所以筆者認為還是非常順手的,特別對于熟悉HTML語(yǔ)言的朋友和代碼狂人來(lái)說(shuō)。^_^

    圖形工具:

    Photoshop5.5*是Adobe公司的產(chǎn)品,是功能非常強大的專(zhuān)業(yè)圖形軟件,可以制作任何你想要的平面效果。其中包含的ImageReady是用于網(wǎng)頁(yè)圖片制作的。缺點(diǎn)是體積龐大,操作比較復雜,非專(zhuān)業(yè)人士很難熟練掌握。

    Paint Pro則是一款小巧玲瓏、使用簡(jiǎn)便的軟件,功能也很多,基本上可以滿(mǎn)足一般的圖形制作,而且最大的優(yōu)勢是完全的!

    另外,矢量圖形工具有CorelDraw等,可以做出體積很小的矢量圖片,缺點(diǎn)是網(wǎng)頁(yè)上無(wú)法直接插入顯示。

    網(wǎng)頁(yè)動(dòng)畫(huà)工具:

    ImageReady已經(jīng)介紹過(guò)了,可以制作GIF89a格式的圖片。隨著(zhù)圖片幀數的增加,動(dòng)畫(huà)形象會(huì )更豐滿(mǎn),當然體積也會(huì )更大。特點(diǎn)是與Photoshop交換作品方便,缺點(diǎn)是制作的位圖體積較大。

    Flash*是Macromedia公司的產(chǎn)品,與Dreamweaver和firework并稱(chēng)網(wǎng)頁(yè)制作三劍客,可以非常方便地制作動(dòng)畫(huà)效果,并根據鼠標事件(Event)來(lái)引發(fā)一些特效,適合制作交互動(dòng)畫(huà)、小游戲。最吸引人的還是作品SWF體積出奇的小,并且可以以插件的形式加入到網(wǎng)頁(yè)中。通常幾分鐘的復雜動(dòng)畫(huà)才幾百K,比起AVI格式真有天淵之別,很多在網(wǎng)上傳播的流行音樂(lè )的MTV,5分鐘左右連圖像帶歌曲也只有2、3百K,而以壓縮比高著(zhù)稱(chēng)的MP3格式光5分鐘的歌曲就要4M呢!Flash在兩年來(lái)迅速發(fā)展,相信成為網(wǎng)絡(luò )上廣為接受的標準格式已經(jīng)為期不遠了。

    FTP上傳工具:

    制作好的網(wǎng)頁(yè)要上傳到提供給我們主頁(yè)空間的服務(wù)器后,才能讓網(wǎng)友去訪(fǎng)問(wèn)。上傳工具將影響到我們對站點(diǎn)更新維護的效率。

    CuteFTP:老牌的上傳軟件,功能強大,使用方便,支持拖放。

    UploadNow!:中文軟件,可以自動(dòng)把本地站點(diǎn)上更新過(guò)的文件上傳,避免上傳沒(méi)有更新過(guò)的文件,節省的上網(wǎng)的時(shí)間和費用。

    WS-FTP*:速度特別快,支持拖放,對有多個(gè)站點(diǎn)要維護的朋友比較適用。

    3.其它技術(shù):

    此外,掌握少量的編程技巧和多方面的先進(jìn)技術(shù)也是有益無(wú)害的。

    首先是腳本語(yǔ)言JavaScript*和Vbscript,JavaScript是Netscape公司的產(chǎn)品,它介于JAVA和HTML之間,是基于對象(Object)和事件驅動(dòng)(Event Driven)并運行于客戶(hù)端的編程語(yǔ)言。對于新版本的Netscape Navigator和Internet Explore的兼容性都相當的好。特別是JavaScript,不允許訪(fǎng)問(wèn)本地硬盤(pán)的安全性和與操作環(huán)境無(wú)關(guān)的跨平臺性也對它的推廣起了很大的作用,在一定程度上可以代替JAVA完成一些網(wǎng)頁(yè)特效。學(xué)過(guò)C、C++的朋友會(huì )覺(jué)得JavaScript是一種很容易學(xué)的腳本語(yǔ)言。建議先了解DHTML的對象模型再學(xué)JavaScript。

    其次是CGI(Common Gate Interface,通用網(wǎng)關(guān)接口)不同于JavaScript,它運行于服務(wù)器端,動(dòng)態(tài)響應用戶(hù)的操作(包括用戶(hù)搜索、提交表單、記數器等),可用任何編譯型語(yǔ)言進(jìn)行編寫(xiě)(如Delphi、C++等)。

    ASP(Active Server Pages)是包括HTML標記、文本和腳本命令的文件,使用它可以創(chuàng )建動(dòng)態(tài)、交互的 Web 服務(wù)器應用程序,并可以組合HTML頁(yè)、腳本命令和ActiveX組件以創(chuàng )建交互的Web頁(yè)和基于Web的功能強大的應用程序。

    IDC(Internet Database Connector,網(wǎng)絡(luò )數據庫接口)包含于Windows NT Server里的IIS(Internet Information Server),提供了一種網(wǎng)絡(luò )數據庫內容得以發(fā)布并可與用戶(hù)交互的方法,它實(shí)際上是一個(gè)ISAPI應用程序。

    ADO(ActiveX Data Object)可以與ASP結合,以建立提供數據資訊的網(wǎng)頁(yè)內容,只需在網(wǎng)頁(yè)面中執行SQL指令(Structured Query Language,結構化查詢(xún)語(yǔ)言),讓用戶(hù)在瀏覽器界面中輸入、更新和刪除WEB服務(wù)器上的數據資料。

    PHP(Hypertext Preprocessor)與IIS上的ASP相似,是一種HTML內嵌式的語(yǔ)言。用 PHP寫(xiě)出來(lái)的Web后端CGI程序,可以很輕易的移植到不同的平臺上,而且是的。

    XML(Extensible Markup Language,可擴展標記語(yǔ)言),是SGML(Standard Generic Markup Language,標準通用標記語(yǔ)言)的一個(gè)子集,可以很方便對結構化數據進(jìn)行描述,允許用戶(hù)對自己的標記語(yǔ)言進(jìn)行定義,實(shí)際上提供了一個(gè)直接處理Web數據的通用方法。

    VRML(Virtual Reality Modeling Language,虛擬現實(shí)模型語(yǔ)言)是一種網(wǎng)上虛擬現實(shí)語(yǔ)言,可以實(shí)現實(shí)物虛擬化,由于能在電腦上虛擬真實(shí)的產(chǎn)品,所以對于商品展示和電子商務(wù)的發(fā)展起到很大的推動(dòng)作用。

    WML類(lèi)似于HTML語(yǔ)言,是信息家電上網(wǎng)瀏覽所使用的,隨著(zhù)更多的人加入到網(wǎng)絡(luò )中來(lái)和信息家電的普及,WML可能發(fā)展到象HTML一樣成為一種標準。

    注:帶*的軟件是筆者特別推薦使用的。

  建站全攻略-從入門(mén)到精通--規劃篇

   設計網(wǎng)站需要考慮的因素非常多,從前期網(wǎng)站開(kāi)發(fā)時(shí)的設計、規劃,到中期的資料收集、頁(yè)面美工,再最后的調試、發(fā)布、宣傳是一個(gè)龐大的工程,要花費大量的時(shí)間和金錢(qián)(除非想做一個(gè)臨時(shí)的,只有很少網(wǎng)頁(yè)的站點(diǎn))。所以能找些志同道合的朋友一起來(lái)做比較現實(shí),最好大家有各自的特色,每人負責自己拿手的方面,管理最熟悉的版面。也可以按別的標準來(lái)分工協(xié)作,比如一人收集整理資料,一人做美工,文筆出色的搞創(chuàng )作,外文過(guò)硬的做翻譯,工作學(xué)習不怎么忙的人負責維護,站點(diǎn)的全局結構布局則一起討論決定,總之各取所長(cháng),各司其職,各盡所能就是了。

    1.站點(diǎn)的訪(fǎng)客定位

    只有確定了自己服務(wù)的對象是誰(shuí),才能有的放矢地投其所好,在內容選取、美工設計、劃分欄目各方面盡力做到合理,并吸引住更多的眼球。就個(gè)人站點(diǎn)而言,目的大多是為了展示自我表現的風(fēng)采,為眾多有共同興趣愛(ài)好的朋友(網(wǎng)友)提供其所需的咨詢(xún)(如新聞、公告等)和資源(如計算機教程、游戲攻略、桌面屏保等)。所以把訪(fǎng)問(wèn)者定位于和自己年齡相仿的網(wǎng)友是比較合適的(筆者建議的范圍是15~30,其中有學(xué)生和年輕的上班族,是上網(wǎng)的主要人群,而且對新事物充滿(mǎn)的好奇心,估計興趣在動(dòng)漫、音樂(lè )、小說(shuō)、軍事、電腦、游戲等方面),按這部分網(wǎng)友的興趣把內容收集起來(lái),加以分類(lèi)整理就可以大致上確定站點(diǎn)的發(fā)展方向了。當然,在站點(diǎn)正式運作后,也可以通過(guò)調查表單和E-mail來(lái)了解訪(fǎng)問(wèn)者對站點(diǎn)的看法和建議,從而及時(shí)做出調整和修改,讓站點(diǎn)更適合來(lái)訪(fǎng)者的口味,具體方法會(huì )在下文中涉及,這里就不重復了。

    2.站點(diǎn)的主題選擇

    可選擇的范圍很廣,但建議選自己擅長(cháng)的或是非常喜歡的,并且立志做到最好。因為網(wǎng)絡(luò )上各種各樣的咨詢(xún)信息很多,別人可以輕易的在知名站點(diǎn)查找幾乎所有自己想要的信息,但可能要花上不少時(shí)間或只能找到一部分信息,所以我們要關(guān)注的是怎樣節省網(wǎng)友的時(shí)間,讓他能更快更便捷的找到想要的(如果能提供他找不到的部分就更好了),這就是我們和那些知名的大站點(diǎn)所要競爭的地方了。

    往往內容特別豐富多彩的站點(diǎn)都有一個(gè)致命的弱點(diǎn),那就是查找信息困難。為什么會(huì )這樣呢?其實(shí)原因很簡(jiǎn)單,正是因為注意面面俱到,使內容太多、太雜,網(wǎng)友查一個(gè)消息要點(diǎn)上很多次鼠標,而且還會(huì )象進(jìn)了大觀(guān)園一樣找不到來(lái)時(shí)的“路”。最難的是這個(gè)弱點(diǎn)沒(méi)法克服,只能使用導航欄和有條理的索引來(lái)緩和。所以筆者不建議大家做這種“面面俱到、什么都有”的站點(diǎn),就讓那些有錢(qián)的大公司去做吧^_^

    如果有時(shí)間的話(huà),還可以自己寫(xiě)些文件,放上去。不管是散文、小說(shuō)還是軟件教程,甚至是游戲攻略也行,只要有你的特色,相信一定會(huì )被網(wǎng)友所接受。

    3.站點(diǎn)整體風(fēng)格的確定

    知道了什么樣的人會(huì )來(lái)以及要做什么樣的內容,就可以確定需要什么樣的風(fēng)格了。如果有美工基礎的話(huà),只要再加上少許的創(chuàng )意,就可以做出非同一般的效果。讓人看一眼就留下深刻印象的站點(diǎn),無(wú)論對于吸引眼球還是增加回頭率都是大有裨益的。(建議:使用FrontPage2000里設定的模版——其實(shí)就是Microsoft請專(zhuān)業(yè)美工師為我們設計的站點(diǎn)布局,而且每個(gè)模版都各具特色——相信對于網(wǎng)站制作的新手動(dòng)手做出自己的個(gè)性,一定會(huì )有很大幫助。)

    另外,風(fēng)格(Style)是非常抽象的概念,往往要結合整個(gè)站點(diǎn)來(lái)看,而且不同的人的審美觀(guān)都不同,對于風(fēng)格的喜好也很不同。所以想使每一個(gè)人都滿(mǎn)意是不可能的,重要的是讓自己滿(mǎn)意先(當然自己的滿(mǎn)意有很大程度是建立在訪(fǎng)問(wèn)者滿(mǎn)意上的),再照顧忠實(shí)的支持者。

    建議:如果站點(diǎn)內容范圍不太廣,屬于相同的主題,可以考慮整個(gè)站點(diǎn)設計為同一種風(fēng)格;但如果各欄目的差異很大,比如站點(diǎn)里既有嚴肅的軍事欄目,同時(shí)也有輕松活潑的動(dòng)漫欄目,很顯然將這兩者設計成各有特色的風(fēng)格會(huì )更使人感覺(jué)舒適。可是不管用什么風(fēng)格,都要記得風(fēng)格是為主題服務(wù)的,也就是要讓它做好襯托氣氛的任務(wù),而不是單純地照搬照抄別人的特色,因為也許那并不適合你的站點(diǎn)。

    4.瀏覽器版本和分辨率

    不同的瀏覽器對網(wǎng)頁(yè)會(huì )做出不同的顯示,在Internet Explore里非常漂亮的頁(yè)面,用Netscape Navigator顯示可能是一團糟。所以即使在現在這種IE一統天下的時(shí)候,也要考慮少數使用NN的用戶(hù),也許他們正是你的潛在訪(fǎng)客,你總不愿意因為自己的懶惰而失去他們吧!把每個(gè)網(wǎng)頁(yè)都放在兩種瀏覽器里看看,有什么問(wèn)題馬上解決。

    如果考慮到IE和NN老版本的兼容性就更好了,因為有寫(xiě)新的網(wǎng)頁(yè)技術(shù)(比如框架)老版本的瀏覽器并不支持。

    排除在UNIX操作系統下使用的瀏覽器(比如Emacs-W3、Arena、Amaya等),另外有些瀏覽器使用的是IE內核(很多國產(chǎn)的瀏覽器都是),又或是市場(chǎng)占有率不高(比如Opera、Mozilla Milestone18等),這里就不一一敘述了。

    1024x768,800x600,640x480是使用最多的三種分辨率,一個(gè)網(wǎng)頁(yè)能在這三種分辨率里都很好的顯示是最好的,但如果不行的話(huà),請最先考慮800x600,因為現在大多數人都在使用它。具體做法:可以在網(wǎng)頁(yè)里做個(gè)表格,并且把寬度設置為“100%”,而不是具體的象素值,這樣一來(lái),網(wǎng)頁(yè)就會(huì )在不同的分辨率里自動(dòng)調整。但需要注意的是,這樣設置后,如果你的表格里又都是文字內容的話(huà),只要瀏覽者縮小瀏覽器的窗口,網(wǎng)頁(yè)上的內容可能會(huì )變得很不協(xié)調,甚至會(huì )破壞你原先所期待的效果。解決辦法是在表格里插入一個(gè)寬度為800象素的圖片,把表格“撐滿(mǎn)”,當瀏覽器窗口再縮小的時(shí)候將會(huì )出現滾動(dòng)條來(lái)代替內容上的調整。

    5.尊重版權

    互聯(lián)網(wǎng)的精神是“共享”,但這并不意味著(zhù)你可以隨便抄襲別人的作品,因為網(wǎng)上的作品也是某個(gè)人或某些人辛勤勞動(dòng)的成果,不管在什么情況下剽竊都是不道德的行為!甚至會(huì )引起法律問(wèn)題:在外國版權問(wèn)題受到重視是由來(lái)已久的,美國的MP3。COM網(wǎng)站因為向網(wǎng)友提供無(wú)版權的MP3音樂(lè ),而被唱片公司聯(lián)名告上法庭;Napster公司因為發(fā)布了同名網(wǎng)絡(luò )音樂(lè )搜索軟件而被告得一敗涂地,現在還在停業(yè)整頓中;中國在版權問(wèn)題上的立法和執法上歷來(lái)都比較薄弱,但著(zhù)名的原創(chuàng )文學(xué)網(wǎng)站榕樹(shù)下,和未經(jīng)授權就出版榕樹(shù)下網(wǎng)站原創(chuàng )作品的某家出版社對簿公堂,而法院最終判決榕樹(shù)下網(wǎng)站勝訴,就意味著(zhù)中國在版權問(wèn)題上也有法可依,有法必依的時(shí)代來(lái)到了。所以在轉載別人作品的時(shí)候要先征得對方同意,并在網(wǎng)站上注明作者和其他相關(guān)信息,“先斬后奏”、甚至“光斬不奏”的做法只會(huì )害了自己!

  建站全攻略-從入門(mén)到精通--細節篇

  1.導航欄的設計

    每次增加新的欄目或是對原有欄目的調整,都要對所有的頁(yè)面更新。剛開(kāi)始可能還算輕松,因為沒(méi)幾個(gè)頁(yè)面,但當有幾十、幾百個(gè)網(wǎng)頁(yè)后,這工作量實(shí)在太大了!如果偷懶只更新幾個(gè)主要的網(wǎng)頁(yè),訪(fǎng)問(wèn)量就會(huì )劇減。

    筆者首先想到的是FLASH可以做出漂亮的導航按鈕,所有的頁(yè)都用一樣的導航欄,以后只要更新這個(gè)FLASH動(dòng)畫(huà)就可以使整個(gè)網(wǎng)站的頁(yè)面都得到更新。但實(shí)際使用后發(fā)現FLASH造成網(wǎng)頁(yè)的體積過(guò)大,在加上網(wǎng)站LOGO,商業(yè)BANNER……使網(wǎng)頁(yè)變的臃腫不堪。

    這辦法不太好,于是筆者又考慮做個(gè)JavaScript的導航欄,體積又很小。假設我們要做一個(gè)包含“動(dòng)漫專(zhuān)欄”、“游戲天地”、“音樂(lè )同人”、“交友直通車(chē)”四個(gè)欄目的導航欄:

    首先是便于更新,所以要做個(gè)外接的JavaScript腳本,至于用到的語(yǔ)句就只有document.write(“”),新建一個(gè)文本文件,打開(kāi),輸入: document.write(" ");

021yin.com021yin.com”。(以下相同)*/

  document.write(" ");/*該行是讓鏈接之間保持一個(gè)空格,使鏈接的下劃線(xiàn)不至于連在一起。也可以把空格該成“|”等來(lái)制造各種效果*/

021yin.com/game/index.htm>游戲天地</a>");

  document.write(" ");

021yin.com/music/index.htm>音樂(lè )同人</a>");

  document.write(" ");

021yin.com/friend/tuili/index.htm>交友直通車(chē)</a>");

    完成后,選擇“文件”菜單的“另存為”,在對話(huà)框的“文件名”中輸入“navigation.js”,“文件格式”里選“*.*”,于是,外接的JS腳本就寫(xiě)好了。

    接下來(lái)就是把JS鏈接到我們主頁(yè)的HTML源代碼里了。

    具體做法:

    在<body>和</body>之間,選擇想要讓導航欄顯示的地方,定位,輸入:

  <Script language=“JavaScript” original=navigation.js></script>

    保存退出。隨后就是測試的工作了。雙擊主頁(yè),看看效果,導航欄是否出現在我們想要的位置上。效果如下:

    動(dòng)漫專(zhuān)欄 游戲天地 音樂(lè )同人 交友直通車(chē)

    注意:

    1.在navigation.js里,除了HTML格式本來(lái)就必須有的空格外,最好不要有別的空格(包括全角的空格)或是回車(chē),不然的話(huà),裝載網(wǎng)頁(yè)時(shí)可能會(huì )提示出錯。如果覺(jué)得語(yǔ)句太長(cháng),想讓腳本看得清楚些而使用回車(chē)時(shí),可以在每行末用“\”來(lái)結束,再打回車(chē)。

    2.這個(gè)navigation.js要和網(wǎng)頁(yè)放在同一目錄下,如果要放在不同的目錄,就要在網(wǎng)頁(yè)里的那段代碼里navigation.js的前面加上該文件的路徑。

    導航欄真的是網(wǎng)站里非常重要的一環(huán),如果少了導航欄,你的站點(diǎn)將會(huì )是一個(gè)漆黑的、讓人摸不到東西南北的大迷宮(大家玩過(guò)仙劍吧,和那個(gè)迷宮是一樣的:)。即使是經(jīng)驗豐富的老鳥(niǎo),也會(huì )被弄得不知所措,說(shuō)不定還會(huì )以為你的站點(diǎn)就這么一頁(yè)呢。所以為了方便訪(fǎng)問(wèn)者,同時(shí)也是為了你的網(wǎng)站能有更多的回頭客,首先就必須做出分類(lèi)明確、位置醒目的導航欄,把你的站點(diǎn)的風(fēng)采以及你自己的才華完全展現出來(lái)。其次還要保持導航欄的便于更新,因為隨著(zhù)時(shí)間的推移,你的站點(diǎn)內容會(huì )越來(lái)越豐富多彩,總得重新整理整理吧,讓自己的網(wǎng)頁(yè)隨時(shí)保持在最方便訪(fǎng)問(wèn)的位置,而不是層層的鏈接之下。想想看,要是訪(fǎng)問(wèn)者為了找到自己感興趣的內容必須點(diǎn)上5、6次鼠標的話(huà),那你肯定就失去他了。

    2.留下聯(lián)系方法

    留下E-mail或其它聯(lián)系方法(比如電話(huà)號碼、聯(lián)系地址等),給了訪(fǎng)客一個(gè)發(fā)泄對你站點(diǎn)的不滿(mǎn)的機會(huì ),同時(shí)也可以方便訪(fǎng)客通過(guò)這些渠道把網(wǎng)站的BUG反饋給你,之后讓你能及時(shí)修改調整。

    但建議不要留下ISP給你的E-mail信箱,因為這個(gè)信箱在郵件超出限定的容量時(shí),要收取相當高的費用。如果你的訪(fǎng)客中有人因為對你站點(diǎn)的不滿(mǎn),而給你發(fā)郵件炸彈的話(huà),你就有得受了!所以最好只留的信箱,比如新浪網(wǎng)就提供容量達50M的信箱,即便有人攻擊也沒(méi)什么大不了的——用WEB方式登陸新浪后,再刪除就行了,就算真的被炸了,還可以重新申請(反正不收錢(qián))。反觀(guān)攻擊者,要塞滿(mǎn)50M的郵箱也夠他累的了^_^

    如果你平時(shí)使用ICQ或是OICQ的話(huà),不妨也把號碼留在網(wǎng)頁(yè)上,因為這種點(diǎn)對點(diǎn)的傳輸方式比E-mail更迅速、更直接,會(huì )使向你反饋意見(jiàn)的朋友覺(jué)得很親切。

    3.使用統一的風(fēng)格

    CI(corporate identity)意思是通過(guò)視覺(jué)來(lái)統一整體的形象,包括LOGO、色彩、廣告語(yǔ)等可以作為標志性的東西。這原是廣告學(xué)里的一個(gè)專(zhuān)用名詞,但用在網(wǎng)站設計上也很恰當。背景顏色、字體顏色大小、導航欄、版權信息、標題、注腳、版面布局,甚至文字說(shuō)明使用的語(yǔ)氣這些方面都要注意前后一致,或者說(shuō)前后協(xié)調。

    4.色彩的搭配

    暖色系:紅、橙、橙黃、黃等色彩表現溫馨、和煦、熱情。

    中性系:黃綠、綠等色彩表現舒適、和諧。

    寒色系:青綠、藍綠、藍等色彩表現寧靜、清涼、高雅。

    一般來(lái)說(shuō),學(xué)過(guò)美術(shù)的人對于色彩的選擇和搭配方面比較具有優(yōu)勢,但這也不是絕對的,只要平時(shí)注重自己審美觀(guān)的培養,即使不是專(zhuān)業(yè)人員一樣可以有好的創(chuàng )作。再退一步,你不是專(zhuān)業(yè)人士,也沒(méi)有這方面的天賦,其實(shí)也沒(méi)關(guān)系,你可以使用大家一致公認的經(jīng)典組合(如黑底白字),即使缺少新意,也不會(huì )讓人覺(jué)得不舒服。

    但必須注意的是,在整個(gè)站點(diǎn)的色彩選擇上,應該盡量使用同一種色系的,色彩種類(lèi)以不超過(guò)三、四種為界限。

    適當的對比色可以增加文字的可閱讀性,但如果對比太強的話(huà),就不適于長(cháng)篇文本的閱讀,并會(huì )對瀏覽者的視力造成很大的傷害!

  5.使用CSS控制整體格式

    CSS(Cascading Style sheets,層疊樣式表)是為網(wǎng)站制作者帶來(lái)福音的好東東!它最大的特點(diǎn)是可以使網(wǎng)頁(yè)的內容和結構版面控制相脫離,大量的減少網(wǎng)頁(yè)中重復使用的HTML代碼,從而減小網(wǎng)頁(yè)的體積,這對于在網(wǎng)上傳輸是非常有利的。同時(shí)CSS可以使用外接*.CSS文件的方法使一次性修改大批量的網(wǎng)頁(yè)成為可能,這就意味著(zhù)你可以經(jīng)常地改變網(wǎng)站的界面(包括文字、色彩、背景圖片等),而每次只需要上傳一個(gè)體積很小的CSS文件就行了!

    所以,筆者在這里極力向大家推薦使用!接著(zhù)就簡(jiǎn)單扼要地介紹常用功能。

    具體方法:

  新建一個(gè)文本文件,打開(kāi),輸入:

  body {

  font-size: 10pt; //<body>標記里的字體大小為10pt;

  background-color: rgb(255,255,255); //網(wǎng)頁(yè)背景顏色為白色;

  background-image: url('back.gif') //背景圖片為與網(wǎng)頁(yè)同一目錄下的“back.gif”;

  table {

  border: 0; //表格的邊框隱藏;

  width: 100%; //表格寬度為100%;

  text-align: left; //表格文本對齊方式為靠左;

  th {

  font-size: 11pt; //表頭字體為11pt,較普通字體稍大;

  color: FFFFFF; //表頭背景色為RGB:FFFFFF;

  text-align: center; //表頭文本隊旗方式為居中;

  a {text-decoration: none} //鏈接無(wú)下劃線(xiàn);

  a.visited {color: rgb(153,52,43);} //點(diǎn)擊過(guò)的鏈接的顏色;

  a.active {color: rgb(153,0,255);} //點(diǎn)擊著(zhù)的鏈接的顏色;

  A.hover {

  COLOR: #ffba75; //鼠標經(jīng)過(guò)時(shí)鏈接的顏色;

  TEXT-DECORATION: underline //鼠標經(jīng)過(guò)時(shí)鏈接加下劃線(xiàn);

  完成后,選擇“文件”菜單的“另存為”,在對話(huà)框的“文件名”中輸入“base.css”,“文件格式”里選“*.*”,于是,外接的CSS層疊樣式表就寫(xiě)好了。

  接著(zhù),在網(wǎng)頁(yè)的HTML代碼里的<head>和</head>之間加上:

  <link href="base.css" rel="stylesheet" type="text/css">

  保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代碼的網(wǎng)頁(yè)自動(dòng)更新了!

    6.使用表格定位

    想要一張整齊的網(wǎng)頁(yè)需要做定位工作,有人使用<DIV>和<SPAN>標記,但實(shí)際上套用表格更簡(jiǎn)單一些,雖然精確度不及前者。很多大的站點(diǎn)都使用表格來(lái)定位文字和圖片,制作時(shí)很直觀(guān),效果不錯。但值得注意的是,當你的頁(yè)面很大的時(shí)候,千萬(wàn)別在整個(gè)網(wǎng)頁(yè)上用一個(gè)大的表格套很多小表格!因為如果瀏覽器在接受數據時(shí)發(fā)現表格,就必須知道表格的結構,也就是說(shuō)要把整張表格的內容都接受完畢才顯示其內容,之前會(huì )給瀏覽者一張“白板”看,很多人因為沒(méi)耐心等待而轉去看其他站點(diǎn)了。所以分用幾個(gè)小表格,讓他們可以分別顯示,收到多少顯示多少,瀏覽者可以在等待的時(shí)候看先收到的部分,這樣一來(lái)就增加了瀏覽者繼續等待的信心。但是你覺(jué)得分別顯示頁(yè)面會(huì )破壞整體的美感,那就用大表格吧!^_^

    7.站點(diǎn)地圖

    即使導航欄條理分明,結構合理,但對于內容較多的站點(diǎn)來(lái)說(shuō),還是做一份站點(diǎn)的導航地圖,才對得起訪(fǎng)客。在站點(diǎn)地圖里,你可以詳細的介紹素有的欄目,以及每個(gè)欄目里分別包括些什么小欄目或是含有什么樣的具體內容,應該盡力寫(xiě)得詳實(shí)明了,讓人有一目了然的感覺(jué)才達到我們的目的,不要擔心版面不夠,因為整個(gè)地圖版面存在的理由就在于此(如果沒(méi)有起到它應起的作用,還不如不要呢)。

  8.使用模版

    很多剛開(kāi)始做網(wǎng)站的朋友往往在收集了大量的素材后,立即投入制作,生成了絕大部分成品網(wǎng)頁(yè),但由于經(jīng)驗不足或其他什么原因,做完了才發(fā)現問(wèn)題,只好一個(gè)個(gè)網(wǎng)頁(yè)的修改,結果浪費了巨大的精力。所以筆者建議:在完成了所有的構思以后,先要做一個(gè)模版網(wǎng)頁(yè),在這個(gè)網(wǎng)頁(yè)里包括了所有網(wǎng)頁(yè)的公共元素(比如LOGO、導航欄、更新時(shí)間、推薦欄目、外接的CSS樣式表的鏈接、加入收藏夾、返回首頁(yè)、站點(diǎn)地圖、E-mail地址、滾動(dòng)的狀態(tài)欄、廣告條、版權信息等等),之后只要復制多份,填入不同的內容就相對輕松多了。

    建議:如果頁(yè)面太多而沒(méi)有給每個(gè)網(wǎng)頁(yè)寫(xiě)TITLE的話(huà),FrontPage2000就會(huì )自動(dòng)給每個(gè)網(wǎng)頁(yè)加上按“new page 1”、“new page 2”的順序排列的TITLE,很不美觀(guān)和規范,或是使人產(chǎn)生“站長(cháng)是個(gè)懶鬼”的想法。所以,在制作模版的時(shí)候,就可以在TITLE里加上一句無(wú)論放在哪個(gè)頁(yè)面里都合適的歡迎詞(比如“歡迎您的光臨!”之類(lèi))。這樣一來(lái),網(wǎng)頁(yè)才不會(huì )讓人當成“半成品”來(lái)看待。^_^

    9.少用JAVA

    雖然使用JAVA可以做出許多精彩的網(wǎng)頁(yè)特效,但由于現在JAVA程序的處理速度實(shí)在讓人不敢恭維,往往是等上老半天還看不到網(wǎng)頁(yè)的內容,更有甚者,在漫長(cháng)的等待后,瀏覽器提示APPLET不能啟動(dòng)。過(guò)分追求技巧和特效,結果卻適得其反,把最重要的內容給拉下了,這種做法顯然是不可取的。

    10.控制圖片的大小

    除了文字說(shuō)明,圖片就是我們網(wǎng)頁(yè)上最重要的內容了。許多漂亮的字體,瀏覽器可能并不支持,所以要用圖片的方式來(lái)顯示;單純的文字網(wǎng)頁(yè)信息量巨大,瀏覽者很難快速地了解網(wǎng)頁(yè)想要表達的內容,但通過(guò)圖片就能比較形象地把意思傳達給瀏覽者了。此外統一風(fēng)格(每個(gè)網(wǎng)頁(yè)使用相同的LOGO)、美化網(wǎng)頁(yè)(用色彩鮮艷的花邊修飾網(wǎng)頁(yè)邊框、分隔大段的文本)、烘托氣氛等作用也是文字說(shuō)明無(wú)法做到的,特別是GIF089a格式保存的圖片,不但可以制造動(dòng)畫(huà)效果、活潑網(wǎng)頁(yè)的氣氛,還能夠在顯示較大的圖片時(shí)逐漸的顯示,先顯示分辨率比較低的圖片,讓瀏覽者有個(gè)初步了解,知道自己等待的是什么?究竟有沒(méi)有必要再等待?這對于速度相對較慢的中國互聯(lián)網(wǎng)來(lái)說(shuō)是一件天大的好事。

    一般來(lái)說(shuō),一張網(wǎng)頁(yè)上的圖片總體積不應該超過(guò)50KB,這樣光圖片的下載將花去瀏覽者近10秒的時(shí)間(按使用56K的MODEM計算,不過(guò)56K的MODEM在中國已經(jīng)是標準配置了),而即使加上文字也多不了多少時(shí)間,對于習慣了慢如螞蟻的網(wǎng)絡(luò )的用戶(hù)是可以接受的。因此,可以說(shuō)圖片是造成網(wǎng)頁(yè)下載速度過(guò)慢的“罪魁禍首”。所以,必須在美觀(guān)和速度之間做出選擇,兩者都要兼顧,大家自己平衡吧^_^

    11.選擇使用框架

    框架(FRAME)也叫幀頁(yè),是現在制作網(wǎng)頁(yè)是較為常用的一種技術(shù)。該技術(shù)可以把瀏覽器窗口劃分為幾個(gè)小窗口,每一個(gè)窗口都顯示一個(gè)網(wǎng)頁(yè)的內容,并分別設置大小、有無(wú)滾動(dòng)條等信息。這樣就方便了設計網(wǎng)站的結構,可以在上方的框架里放置網(wǎng)站的LOGO,在左面的框架里顯示導航欄,而在下方的框架里安置版權信息。當然這只是一個(gè)比較公式化的設計,每個(gè)人可以根據自己的實(shí)際需要和創(chuàng )意來(lái)做安排。而且瀏覽時(shí),可以指定鏈接的網(wǎng)頁(yè)在哪個(gè)框架里顯示,從而避免了網(wǎng)頁(yè)上相同內容的重復下載,而這些內容往往是LOGO、BANNER等體積較大,需要很長(cháng)下載時(shí)間的圖片。這對于提高網(wǎng)頁(yè)顯示速度和網(wǎng)絡(luò )傳輸效率方面都有著(zhù)積極的意義。

    盡管這是種方便網(wǎng)站設計者的技術(shù),但對于瀏覽者來(lái)說(shuō)就不一定了。因為框架技術(shù)是一種新興技術(shù),很多瀏覽器還不支持它,也就是是說(shuō),有一部分的瀏覽者并不能正常的看到你那美侖美奐的網(wǎng)頁(yè)。所以,筆者建議:為了這些網(wǎng)友,盡量不要使用框架。如果實(shí)在要用,就一定要記得在框架網(wǎng)頁(yè)的HTML代碼里加上<NOFRAMES>元素,在<NOFRAMES>里可以設定當瀏覽器不支持框架的時(shí)候在瀏覽器里顯示的替代內容,讓沒(méi)有使用版本的用戶(hù)也可以看到網(wǎng)頁(yè)的內容。

    12.發(fā)布更新消息

    更新消息可以通過(guò)多種方式傳達給瀏覽者,最常用的就是在主頁(yè)上逐條列出的內容,或是專(zhuān)門(mén)做一個(gè)“最近更新”的網(wǎng)頁(yè),在網(wǎng)頁(yè)上詳細地介紹最幾一次、幾次更新的內容,并提供通往新內容的鏈接。

    還有一種方法用的也比較普遍,但一般需要存放站點(diǎn)的服務(wù)器方面支持提交表單才行。就是瀏覽者通過(guò)提交表單的方式,將自己具體的聯(lián)系方法送到站長(cháng)指定的E-MAIL、CGI、文本文件等目的地,然后再由站長(cháng)定期或在更新后,向這些地址發(fā)送網(wǎng)站最近更新的消息,讓瀏覽者知道是否真的有自己感興趣的內容,是否值得花費時(shí)間和金錢(qián)去瀏覽你的網(wǎng)站。既方便了瀏覽者,又顯得站長(cháng)很專(zhuān)業(yè)、很盡責。

    13.堅持經(jīng)常更新

    更新包括兩方面的內容:

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

    其次是維護,也可以說(shuō)是對網(wǎng)站結構、美工方面的更新。沒(méi)人會(huì )喜歡老是看到相同的頁(yè)面,而且還可能是不怎么漂亮的頁(yè)面。時(shí)間久了,內容多了,也會(huì )需要對站點(diǎn)的結構、導航做些調整的。

    建議:如果真的是很忙,沒(méi)時(shí)間天天更新,希望能在主頁(yè)上留一個(gè)“站長(cháng)自述”的版塊,沒(méi)天抽出一小會(huì )兒,為瀏覽者寫(xiě)幾句話(huà),甚至可以寫(xiě)自己的生活日記。瀏覽者就會(huì )覺(jué)得站長(cháng)和自己距離很近,是個(gè)很親切友好的人。

    14.注意文件名的長(cháng)度

    一般來(lái)說(shuō),我們使用的Windows98、ME、2000、NT和Linux等操作系統均支持長(cháng)文件名、大寫(xiě)的和中文文件名,但大多數提供主頁(yè)的服務(wù)器都不支持長(cháng)文件名大寫(xiě)的和中文文件名。也就是說(shuō),如果使用了服務(wù)器不支持的文件名格式,會(huì )造成你辛苦做成的網(wǎng)頁(yè)成為“死頁(yè)”,別人將無(wú)法訪(fǎng)問(wèn)這些網(wǎng)頁(yè),即使是你自己也不能瀏覽,當然你還是可以對之行使服務(wù)開(kāi)放給你的FTP權利(包括改名、刪除等)。

    另外需要注意的是,很多服務(wù)器對于主頁(yè)的命名都有特別的要求,最常見(jiàn)的是index.htm,其他還可能有index.html、default.htm、default.html、welcome.htm、welcome.html等。如果服務(wù)器向用戶(hù)開(kāi)放CGI、ASP和PHP的權限的話(huà),還會(huì )有以asp和php3等結尾的網(wǎng)頁(yè)名出現。

    所以在不太清楚服務(wù)器情況的時(shí)候,為了避免出現無(wú)法訪(fǎng)問(wèn)的網(wǎng)頁(yè),最好還是使用在DOS下通用的8。3命名規則較為保險。

    15.廣告代碼

    面對中國目前不匪的上網(wǎng)費用,大多數的網(wǎng)友不是縮衣節食,就是盡力克制自己上網(wǎng)的沖動(dòng)。但隨著(zhù)上網(wǎng)時(shí)間的增加,接觸到的新事物也在不斷增加,忽然有朋友發(fā)現上網(wǎng)也能掙些美元(不管最后是不是真的到手,但這確實(shí)是個(gè)能緩解上網(wǎng)費用過(guò)高的辦法)。就是在自己的主頁(yè)上加一段廣告代碼,只要訪(fǎng)客能適時(shí)地點(diǎn)擊廣告,一個(gè)月下來(lái),就能為站長(cháng)帶來(lái)那么幾個(gè)美元補貼上網(wǎng)費,不過(guò)可能要過(guò)好幾個(gè)月才能收到支票。

    但需要注意的是,有些朋友為了多賺些美元,就自己拼命點(diǎn)擊廣告條,但他們不知道在極短的時(shí)間里有太大的點(diǎn)擊率、這些點(diǎn)擊全出自同一個(gè)IP地址,又或是你的廣告條放的位置不符合廣告商的要求的話(huà),你就將收不到支票,并且會(huì )被廣告公司加入黑名單。結果自然是“賠了夫人又折兵”,既賺不到美元,又花了自己的時(shí)間和精力(點(diǎn)擊廣告時(shí)花費的)。

    即使靠廣告條能增加收入,但也要考慮到由于大家都和你有相同的想法,所以在Internet上早就是廣告滿(mǎn)天飛了,現在的網(wǎng)友可是一看到廣告就反感,接著(zhù)是連看也不看你的網(wǎng)站里有些什么內容就鍵入別的地址了。因此很可能發(fā)生的是,放了廣告代碼后,非但沒(méi)收到美元,反而連自己的訪(fǎng)客也給嚇走了,有句老話(huà)就是形容這種情況的:“偷雞不成蝕把米”^_^

    可是,就算不放置為自己謀福利的廣告條,但提供主頁(yè)空間給你的那個(gè)網(wǎng)站的那個(gè)廣告你還是得放在主頁(yè)上的,不然的話(huà),很可能會(huì )不經(jīng)通知就刪除你的主頁(yè)空間哦! 了解了以上幾個(gè)方面后,再來(lái)將一些實(shí)用技巧。

  建站全攻略-從入門(mén)到精通--技巧篇

  1.特色ICO

  每次看到好的網(wǎng)頁(yè)總想把它保存在收藏夾里方便以后再去,但時(shí)間一久,太多的鏈接就讓人眼花繚亂了,沒(méi)辦法,刪!你不想讓自己的網(wǎng)頁(yè)也遭到這樣的命運吧?

  具體方法:

  先打開(kāi)網(wǎng)頁(yè)的HTML源文件,在<head>和</head>之間找個(gè)空的地方點(diǎn)一下鼠標,(千萬(wàn)別點(diǎn)在<>里),輸入:

  <link rel="shortcut icon" href="logo.ico">

  保存退出。其中“l(fā)ogo.ico”替換成你自己的ICO圖標文件的路徑。最后記得把網(wǎng)頁(yè)和ICO圖標文件都上傳到網(wǎng)上就行了,不過(guò)ICO的路徑不要變。

  這樣一來(lái),當別人把你的網(wǎng)頁(yè)保存到收藏夾的時(shí)候看到的不再是千篇一律的HTML文件的圖標了,怎么樣,很跳吧?^_^

  2.設為主頁(yè)

  在網(wǎng)頁(yè)顯眼的地方加上“設為主頁(yè)”的鏈接一定會(huì )增加被設為主頁(yè)的機會(huì ),畢竟在IE菜單欄上操作太麻煩了,而現在只需要點(diǎn)擊一下鼠標。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<body>和</body>之間的空白處點(diǎn)擊鼠標,輸入:

  <a href="#" onclick="this.style.behavior='url(#default#homepage)';

021yin.com ');">設為主頁(yè)</a>

021yin.com ”替換成你自己的主頁(yè);“設為主頁(yè)”替換成你想要的文字說(shuō)明或是圖片鏈接。 如果想更霸道些,就把“onclick”改成“onmouseover”試試,不過(guò)可能會(huì )引起訪(fǎng)客的反感哦!自己衡量利弊吧^_^

  3.加入收藏夾

  原理和設為主頁(yè)差不多。 具體方法: 在網(wǎng)頁(yè)HTML源文件的和之間的空白處點(diǎn)擊鼠標,輸入:

  <a href="javascript:window.external.AddFavorite

021yin.com ',%20'這是加到收藏夾實(shí)例')">加到收藏夾</a>

021yin.com ”替換成你自己的主頁(yè);“這是加到收藏夾實(shí)例”替換成你想要的文字說(shuō)明(在收藏夾里顯示的說(shuō)明);“加到收藏夾”替換成你想要的文字說(shuō)明或是圖片鏈接。

  4.顯示當前日期和時(shí)間 可以讓來(lái)訪(fǎng)者知道現在的時(shí)間,而且會(huì )隨著(zhù)系統時(shí)間隨時(shí)調整。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<body>和</body>之間你想要時(shí)間顯示的空白處點(diǎn)擊鼠標,輸入:

  <Script language=”JavaScript”>

  <!--

  var enabled = 0; today = new Date();

  var day; var date;

  if(today.getDay()==0) day = "星期日 "

  if(today.getDay()==1) day = "星期一 "

  if(today.getDay()==2) day = "星期二 "

  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 ) + "月" + 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 = now.getMinutes();

  seconds = now.getSeconds();

  timeValue = (hours >= 12) ? "下午 " : "上午 ";

  timeValue += hours+ ":";

  timeValue += ((minutes < 10) ? "0" : "") + minutes + ":";

  timeValue += ((seconds < 10) ? "0" : "") + seconds + "";

  clock.innerHTML = timeValue;

  setTimeout("showtime()",100);

  showtime();

  -->

  </Script>

  保存退出。這里就不要再做什么替換了。

  5.顯示來(lái)了幾次 當訪(fǎng)客每次來(lái)的時(shí)候,都可以知道自己究竟來(lái)的幾次,他會(huì )覺(jué)得站長(cháng)一直把他當作貴賓對待而心存感激,而你要做的只是加一段代碼罷了^_^

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<body>和</body>之間的空白處點(diǎn)擊鼠標,輸入:

  <Script language=”JavaScript”>

  <!--

  function getCookieVal(offset)

  {var endstr=document.cookie.indexOf(";",offset);

  if(endstr==-1)

  endstr=document.cookie.length;

  return unescape(document.cookie.substring(offset,endstr));}

  function GetCookie(name)

  {var arg=name+"=";var alen=arg.length;

  var clen=document.cookie.length;var i=0;

  while(i<clen)

  {var j=i+alen;

  if(document.cookie.substring(i,j)==arg)

  return getCookieVal(j);

  i=document.cookie.indexOf(" ",i)+1;

  if(i==0)

  break;}

  return null;}

  function SetCookie(name,value)

  {var argv=SetCookie.arguments;

  var argc=SetCookie.arguments.length;

  var expires=(2<argc)?argv[2]:null;

  var path=(3<argc)?argv[3]:null;

  var domain=(4<argc)?argv[4]:null;

  var secure=(5<argc)?argv[5]:false;

  document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");}

  var expdate=new Date();

  var visits;

  expdate.setTime(expdate.getTime()+(24*60*60*1000*365));

  if(!(visits=GetCookie("visits")))

  visits=0;

  visits++;

  SetCookie("visits",visits,expdate,"/",null,false);

  if(document.lastModified.substring(2,3)=="/")

  document.write(“你已經(jīng)來(lái)了”);

  document.write("<font color=red ><B>"+visits+"</font>"+"</B> ");

  document.write(“次了!”);

  -->

  </Script>

  保存退出。我設置的數字字體顏色是大紅,漢字顏色是默認的。

  6.動(dòng)態(tài)顯示歡迎詞 歡迎詞幾乎是每個(gè)網(wǎng)站必備的裝備之一,但天天看千篇一律的“歡迎光臨”之類(lèi)的歡迎詞,任誰(shuí)都會(huì )覺(jué)得厭煩的。所以我們要做個(gè)與眾不同的,能按具體情況具體分析的“智能型”歡迎詞^_^

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<body>和</body>之間的空白處點(diǎn)擊鼠標,輸入:

  <Script language=”JavaScript”>

  <!--

  now=new Date(),hour=now.getHours()

  if (hour<6){document.write("今天不上班?^_^")}

  else if (hour<8){document.write("早上好!上班前記得吃早餐!^_^")}

  else if (hour<12){document.write("不怕老板來(lái)檢查嗎?^_^")}

  else if (hour<14){document.write("午餐吃得還好嗎?^_^")}

  else if (hour<18){document.write("下午好!")}

  else if (hour<22){document.write("不看電視,選擇上網(wǎng)是明智的!^_^")}

  else if (hour<24){document.write("夜貓子,還不去睡?^_^")}

  -->

  </Script>

  保存退出。看明白了嗎?其實(shí)原理很簡(jiǎn)單,就是根據系統的時(shí)間,決定該用什么樣的歡迎詞,可以把時(shí)間的間隔分得更小一些,顯示的歡迎詞也可以更富有人情味。

  7.解決亂碼 大陸地區和臺灣地區雖然都使用中文,但在電腦網(wǎng)絡(luò )上的編碼方式卻有很大的不同,前者使用的是GB2312碼(國標碼),而后者用的是BIG5碼(大五碼),兩者互相不兼容,這就使通過(guò)網(wǎng)絡(luò )在兩地之間交流變得很不方便,出現了亂碼的E-mail和網(wǎng)頁(yè)。要正確顯示兩種編碼不但要用戶(hù)的計算機安裝相關(guān)軟件,還要做相關(guān)設置,并且每次都要用手動(dòng)切換,很不方便。其實(shí),只要在網(wǎng)頁(yè)中加上一行代碼就至少可以避免每次手動(dòng)切換的麻煩了。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入:

  <meta ;

  保存退出。這樣就可以強制瀏覽者用GB碼來(lái)看你的網(wǎng)頁(yè),只要他的計算機安裝了相關(guān)的IE字符包就能正常顯示國標碼了。如果想顯示的是BIG5碼,只要把“gb2312”替換成“big5”就行了。

  8.禁止使用鼠標右鍵

  使用鼠標右鍵可以對所瀏覽的網(wǎng)頁(yè)做多項操作(比如保存圖片等),如果不想自己的網(wǎng)頁(yè)讓別人“共享”的話(huà),可以把鼠標右鍵的功能屏蔽掉。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入:

  <Script language=”JavaScript”>

  <!--

  function click(){

  if(event.button==2){

  alert(“你的鼠標功能挺多的嘛!^_^”)

  document.onmousedown=click

  </Script>

  -->

  保存退出。其中“你的鼠標功能挺多的嘛!^_^”可以替換成你想要顯示的警告信息。不過(guò)一定要把腳本加在<head>里,不然的話(huà)瀏覽者可以在網(wǎng)頁(yè)沒(méi)下載完前使用鼠標右鍵的。

  9.自動(dòng)彈出歡迎窗口 每次訪(fǎng)問(wèn)都自動(dòng)彈出歡迎窗口有可能會(huì )讓人心煩,但如果你覺(jué)得好就加上去。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<body>標記里的空白處點(diǎn)擊鼠標,輸入:

  onLoad= alert("你好,歡迎訪(fǎng)問(wèn)!")

  保存退出。其中“你好,歡迎訪(fǎng)問(wèn)!”可以替換成別的歡迎詞。

  10.自動(dòng)彈出歡送窗口

  和自動(dòng)彈出歡迎窗口差不多。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<body>標記里的空白處點(diǎn)擊鼠標,輸入:

  onUnload= alert("再見(jiàn),有時(shí)間再來(lái)??!")

  保存退出。其中“再見(jiàn),有時(shí)間再來(lái)??!”可以替換成別的歡送詞。

  11.去除連接的下劃線(xiàn) 鏈接有下劃線(xiàn)是天經(jīng)地義的事,但我們要改變它!

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入:

  <style>

  a {text-decoration:none}

  </style>

  保存退出。其中的“none”可以替換成“underline”,就是顯示下劃線(xiàn)。

  12.標題欄跑馬燈 網(wǎng)頁(yè)的垂直版面是“寸土寸金”的寶地,往往是訪(fǎng)客第一眼看到的內容,所以不能浪費在歡迎詞和不太重要的消息發(fā)布上,那么只好來(lái)“開(kāi)發(fā)”標題欄了!^_^

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入:

  <Script language=”JavaScript”>

  <!--

  var msg = "內容豐富,經(jīng)常更新,時(shí)有抽獎,敬請光臨!";

  var speed = 300;

  var msgud = " " + msg;

  function titleScroll() {

  if (msgud.length msgud = msgud.substring(1, msgud.length);

  document.title = msgud.substring(0, msg.length);

  window.setTimeout("titleScroll()", speed);

  -->

  </Script>

  在網(wǎng)頁(yè)HTML源文件的<body>標記里的空白處點(diǎn)擊鼠標,輸入:

  onload="window.setTimeout('titleScroll()', 500)"

  保存退出。其中“內容豐富,經(jīng)常更新,時(shí)有抽獎,敬請光臨!”就是滾動(dòng)顯示的內容。

  14.自動(dòng)跳出別人的Frame(框架) 因為本身站點(diǎn)的內容太少,而把別人的網(wǎng)頁(yè)當成自己的,并顯示在自己網(wǎng)站的框架中的人還是大有人在的。如果你覺(jué)得這是對你勞動(dòng)成果的不尊重,可以通過(guò)E-mail警告對方,也可以直接在自己的網(wǎng)頁(yè)里加一句代碼。

  具體方法:

  在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入:

  <Script language=”JavaScript”>

  <!--

  if (top.location !== self.location) {

  top.location=self.location;

  -->

  </Script>

  保存退出。

  或者在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入: <SCRIPT language="JavaScript">

  <!--

  if (parent.frames.length > 0) {

  parent.location.href = location.href;

  // -->

  </SCRIPT>

  保存退出。

  15.網(wǎng)頁(yè)自動(dòng)滾屏 在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標,輸入:

  <Script language="JavaScript">

  <!--

  locate = 0;

  function scroller()

  {if (locate !=400 )

  {locate++;scroll(0,locate);

  clearTimeout(timer);

  var timer = setTimeout("scroller()",3);timer;}

  -->

  </script>

  在網(wǎng)頁(yè)HTML源文件的<body>標記里的空白處點(diǎn)擊鼠標,輸入:

  onload="scroller()"

  保存退出。其中“l(fā)ocate!=400”控制文件的長(cháng)度,“setTimeout("scroller()",3);”控制滾動(dòng)的速度。

  16.為圖片加注釋

  這不但適用于圖片,還可以針對網(wǎng)頁(yè)上所有的鏈接,在瀏覽者將鼠標放在圖片或鏈接上的時(shí)候自動(dòng)顯示的一小段預先準備的文本,可以是對圖片本身的解釋?zhuān)洇傄部梢愿嬷溄油ㄏ蚰膬骸?

  具體方法:

  打開(kāi)網(wǎng)頁(yè)的HTML源文件,在<IMG>標記里加上:

  alt=”image information”

  保存退出。其中的“image information”替換為每個(gè)圖片的具體解釋。

  如果是文字鏈接需要加注釋?zhuān)洇傇?lt;a>標記里加上:

  title=”link information”

  保存退出。其中“l(fā)ink information”就是注釋內容。

  17.顯示替代圖片

  如果要顯示的圖片體積太大,可以用一個(gè)體積較小的圖片在原圖片位置先作替代性的顯示,使瀏覽者可以在先看到這些信息的同時(shí),再等待原圖片的下載。

  具體方法:

  打開(kāi)網(wǎng)頁(yè)的HTML源文件,在<IMG>標記里加上:

  LOWoriGinal=”standin.gif”

  保存退出。其中的“standin.gif”就是用來(lái)替換的圖片。

  18.定義網(wǎng)頁(yè)的關(guān)鍵字

  網(wǎng)頁(yè)的關(guān)鍵字(KEYWORD)是供搜索引擎(比如YAHOO、SOHU等)檢索的文字說(shuō)明,搜索引擎根據用戶(hù)查找網(wǎng)頁(yè)時(shí)提交的搜索關(guān)鍵字和網(wǎng)頁(yè)所包含的關(guān)鍵字作比較,按照符合要求的程度不同而作相應的順序排列。很顯然,在網(wǎng)頁(yè)的關(guān)鍵字上做些文章就能明顯地改善網(wǎng)頁(yè)在那些著(zhù)名的搜索引擎中的“地位”,從而增加網(wǎng)站的訪(fǎng)問(wèn)率!所以,我總結了一部分搜索率較高的關(guān)鍵字供大家選擇使用:“性”(sex)、“音樂(lè )”(music or mp3)、“電影”(movie、film or video)、“新聞”(news)、“圖片”(picture or photo)、“明星”(star or art)、“軍事”(military)、“小說(shuō)”(novel)、“交友”(friend or love)、“電腦”(computer or IT)、“招聘”(invite)…………另外關(guān)鍵字也不是一成不變的,例如去年“克林頓”(Clinton)也成了關(guān)鍵字呢!至于原因嘛~~相信我不說(shuō)大家也明白^_^

  記住,具體問(wèn)題具體分析總是不會(huì )錯的,什么最熱門(mén),關(guān)鍵字就用什么,但是也別編造些自己站點(diǎn)上沒(méi)有的“關(guān)鍵字”哦!因為即使別人上了一次當,讓你的記數器跳了一格,但他應該再也不會(huì )是你站點(diǎn)的訪(fǎng)客了!!!

  其實(shí),想用熱門(mén)的關(guān)鍵字和去騙人并沒(méi)有必然的聯(lián)系,就拿“克林頓”來(lái)說(shuō)吧,你可以在使用它做關(guān)鍵字后,對你的網(wǎng)站也做少許的修改,真的只是“少許的修改”,因為筆者的建議是:收集、整理一些克林頓緋聞的相關(guān)報道(SINA上面有得是),做成一個(gè)專(zhuān)題報告就行了。這樣一來(lái),既沒(méi)有騙人,又成功地把網(wǎng)友吸引來(lái)了,即使你的克林頓專(zhuān)題報告做得不怎么樣,但通過(guò)這個(gè)專(zhuān)題卻讓瀏覽者有機會(huì )看到你的站點(diǎn)上還有很多別的信息和資源。也就是把設立關(guān)鍵字作為一種提高訪(fǎng)問(wèn)量的手段,建立相關(guān)專(zhuān)題作為橋梁,把潛在的訪(fǎng)客領(lǐng)到你的站點(diǎn)里來(lái)。

  具體方法:

  打開(kāi)網(wǎng)頁(yè)的HTML源文件,在 標記里加上:

  name=”keyword” content=”music, mp3, news, movie, photo, star”

  保存退出。其中的“music, mp3, news, movie, photo, star”就是網(wǎng)頁(yè)的關(guān)鍵字,可以根據需要修改(可以使用中文信息),但是字母區分大小寫(xiě),長(cháng)度以不超過(guò)255個(gè)字符為宜(因為即使為了面面俱到而加了上千個(gè)關(guān)鍵字,也會(huì )被搜索引擎的服務(wù)器刪除的,所以應該盡量簡(jiǎn)潔明了,避免重復),每個(gè)關(guān)鍵字之間要用“,”分隔。

  19.防止背景圖片滾動(dòng)

  當網(wǎng)頁(yè)的內容很長(cháng),需要使用滾動(dòng)條來(lái)瀏覽的時(shí)候,背景圖片也會(huì )隨之滾動(dòng),好像和文字說(shuō)明粘合在一起似的。這樣對于定位視線(xiàn)有些不良的影響,特別是色彩花哨的背景圖片,感覺(jué)則更不適。對此,我們可以將背景和文字說(shuō)明相分離,浮動(dòng)在瀏覽器窗口里。

  具體方法:

  打開(kāi)網(wǎng)頁(yè)的HTML源文件,在標記里加上:

  Bgproperties="fixed"

  保存退出。

  20.用wingdings字體作畫(huà)

  wingdings字體可以讓普通的ASCII碼以一些簡(jiǎn)單預定圖形的方式在瀏覽器里顯示,如果我們用Wingdings字體來(lái)替代部分圖片的話(huà),必然將大大加快網(wǎng)頁(yè)的下載速度,因為只要看看HTML源文件就會(huì )知道網(wǎng)頁(yè)上的圖形只是一小段代碼而已。

  雖然大多數的圖形都很簡(jiǎn)單,但是還是可以起到一些作用的,比如用“*”的Wingdings字體*表示E-mail或信箱,用“(”的Wingdings字體(表示電話(huà)號碼,用“<” 的Wingdings字體<表示下載……具體應用就看大家的想象力了^_^

  不過(guò)需要注意的是,IE對于Wingdings字體的支持很好,而Netscape可能會(huì )出現一些顯示上的問(wèn)題。附錄部分Wingdings字體、ASCII碼和普通字體的對照表(見(jiàn)附錄1)。

  21.網(wǎng)頁(yè)變換效果 只要搭配得當,這些變換效果會(huì )給訪(fǎng)客留下非常深刻的印象,即使是那些本來(lái)對你的站點(diǎn)沒(méi)興趣的訪(fǎng)客。特別是喜歡學(xué)習網(wǎng)頁(yè)制作的朋友,很可能就把你的網(wǎng)頁(yè)復制下來(lái),以供學(xué)習研究之用。其實(shí)你不過(guò)是加了短短一段代碼而已^_^

  網(wǎng)頁(yè)變換效果(Trans)共分四大類(lèi):"進(jìn)入網(wǎng)頁(yè)"(Page-Enter)、"離開(kāi)網(wǎng)頁(yè)"(Page-Exit)、"進(jìn)入站點(diǎn)"(Site-Enter)、"離開(kāi)站點(diǎn)"(Site-Exit)。每一大類(lèi)又分為25個(gè)小類(lèi),先用進(jìn)入網(wǎng)頁(yè)效果來(lái)舉例說(shuō)明:

  進(jìn)入網(wǎng)頁(yè)時(shí)的效果

  1.混合效果 代碼如下:

  <meta ;

  2.盒狀收縮效果 代碼如下:

  <meta ;

  3.盒狀放射效果 代碼如下:

  <meta ;

  4.圓形收縮效果 代碼如下:

  <meta ;

  5.圓形放射效果 代碼如下:

  <meta ;

  6.向上擦除效果 代碼如下:

  <meta ;

  7.向下擦除效果 代碼如下:

  <meta ;

  8.向右擦除效果 代碼如下:

  <meta ;

  9.向左擦除效果 代碼如下:

  <meta ;

  10.垂直遮蔽效果 代碼如下:

  <meta ;

  11.水平遮蔽效果 代碼如下:

  <meta ;

  12.橫向棋盤(pán)式效果 代碼如下:

  <meta ;

  13.縱向棋盤(pán)式效果 代碼如下:

  <meta ;

  14.隨即分解效果 代碼如下:

  <meta ;

  15.左右向中央縮進(jìn)效果 代碼如下:

  <meta ;

  16.中央向左右擴展效果 代碼如下:

  <meta ;

  17.上下向中央縮進(jìn)效果 代碼如下:

  <meta ;

  18.中央向上下擴展效果 代碼如下:

  <meta ;

  19.從左下抽出效果 代碼如下:

  <meta ;

  20.從左上抽出效果 代碼如下:

  <meta ;

  21.從右下抽出效果 代碼如下:

  <meta ;

  22.從右上抽出效果 代碼如下:

  <meta ;

  23.隨機水平線(xiàn)條效果 代碼如下:

  <meta ;

  24.隨機垂直線(xiàn)條效果 代碼如下:

  <meta ;

  25.隨機效果 代碼如下:

  <meta ;

  現在讓我們來(lái)分析一下這些代碼,首先大家一定能看出這些代碼大多數地方很相似。事實(shí)上,雖然分類(lèi)很多,但每個(gè)大類(lèi)下的25個(gè)小類(lèi)是分別對應相同的,并且用數字來(lái)標識,(除了混合效果 blendTrans(Duration=1.0)),所以不用對沒(méi)個(gè)大類(lèi)一一舉例說(shuō)明,只要把“Page-Enter”換為“Page-Exit”(離開(kāi)網(wǎng)頁(yè))、“Site-Enter”(進(jìn)入站點(diǎn))、“Site-Exit”(離開(kāi)站點(diǎn)),就可以達到需要的效果了,同時(shí)記憶起來(lái)也比較方便。其中“Duration=1.0”可以設定每個(gè)周期的時(shí)間為多久,單位是秒(現在設置的是每周期1秒)。

  需要注意的是四個(gè)大類(lèi)的效果可以在一個(gè)網(wǎng)頁(yè)里同時(shí)設置,但每個(gè)大類(lèi)只能設置一種效果。另外如果網(wǎng)頁(yè)是幀頁(yè)的話(huà),也將無(wú)法顯示出效果。

  22.網(wǎng)頁(yè)自動(dòng)新 有時(shí)候為了讓瀏覽者看到的內容或是看到準備的特效等目的,而希望網(wǎng)頁(yè)能自動(dòng)新。 具體方法: 打開(kāi)網(wǎng)頁(yè)的HTML源文件,在<Head>里加上:

  <Meta ;

  <Meta ;

  保存退出。其中的“Refresh”表示要新網(wǎng)頁(yè),“10”是延遲的秒數,“”是你的網(wǎng)頁(yè)地址,秒數和網(wǎng)頁(yè)地址可以按需要更換。在更換網(wǎng)頁(yè)地址后還可以做到一項對于想做個(gè)網(wǎng)站的封面的朋友很有用的特效,就是讓網(wǎng)頁(yè)自動(dòng)新,并轉到另一個(gè)網(wǎng)頁(yè),既讓瀏覽者看到漂亮的網(wǎng)站封面,又省去了點(diǎn)擊才能進(jìn)入站點(diǎn)的麻煩。

  23.強制每次進(jìn)入網(wǎng)頁(yè)都從WEB上下載

  IE瀏覽器在下載完網(wǎng)頁(yè)后,會(huì )在本地硬盤(pán)上的臨時(shí)文件夾(Temporary Internet Files)里保存瀏覽過(guò)的網(wǎng)頁(yè)和圖片,以方便下次再訪(fǎng)問(wèn)該網(wǎng)頁(yè)時(shí)可以從硬盤(pán)上讀取,進(jìn)而加快瀏覽的速度。所以換個(gè)角度來(lái)看,想要每次進(jìn)入網(wǎng)頁(yè)都從WEB上下載,只要使網(wǎng)頁(yè)不裝入訪(fǎng)客的硬盤(pán)就行了,或者說(shuō)為網(wǎng)頁(yè)設定一個(gè)“過(guò)期”的日子,一旦過(guò)期就要從WEB上重新下載。

  具體方法:

  打開(kāi)網(wǎng)頁(yè)的HTML源文件,在<HEAD>標記里加上:

  <Meta ;

  <Meta ;

  保存退出。其中“wed,26 Feb 1997 10:10:10 GMT”是一個(gè)已經(jīng)過(guò)去的日子,把它當作過(guò)期的標準,無(wú)論是誰(shuí)想要再瀏覽你的網(wǎng)頁(yè)都必須重新下載才行了。:P

  24.利用標題欄做廣告 筆者認為最適合標題欄的工作是提示網(wǎng)頁(yè)自身的內容,可以讓瀏覽者一目了然,知道自己將看到什么樣的信息,以及為什么而等待。但做過(guò)站長(cháng)的朋友一定知道事情并不象想象中那么簡(jiǎn)單,因為一個(gè)稍具規模的個(gè)人站點(diǎn)一般都有100個(gè)以上的網(wǎng)頁(yè),并會(huì )隨著(zhù)時(shí)間的推移而迅速增長(cháng)(當然這是針對勤奮負責的站長(cháng)而言的^_^)。受到時(shí)間和精力的限制,不可能對每一個(gè)網(wǎng)頁(yè)都細致地總結一個(gè)標題,即使是有時(shí)間的閑人也可能會(huì )因一時(shí)的疏忽而忘了加標題。如果你用FP2000來(lái)做網(wǎng)頁(yè),這時(shí)候就會(huì )在標題欄看到“new page 1”(這是FP2000自動(dòng)為網(wǎng)頁(yè)加的標題),大大地破壞了網(wǎng)站的整體效果。如果做網(wǎng)頁(yè)用的是模版,結果可能更糟糕,貨不對板的情況會(huì )讓瀏覽者倒足胃口。

  筆者也經(jīng)常為這個(gè)問(wèn)題而苦惱,有一次,頭被天上掉落的一重物擊中,瞬間眼前金星亂冒,伸手一抓,金星沒(méi)抓到,卻抓到一個(gè)點(diǎn)子:用模版做網(wǎng)頁(yè)前,先修改模版的標題為“歡迎光臨”之類(lèi)的萬(wàn)能歡迎詞,把標題欄顯示網(wǎng)頁(yè)內容的功能該成顯示歡迎詞。這樣一來(lái),就不用為每個(gè)網(wǎng)頁(yè)分別做標題而煩惱了^_^

  具體方法:

  打開(kāi)模版網(wǎng)頁(yè)的HTML源文件,把<title>和</title>之間的內容改為:

  歡迎光臨XX的網(wǎng)站!^_^

  保存退出。當然修改的內容可以挑自己喜歡的歡迎詞。 25.移動(dòng)的字幕

  可以動(dòng)態(tài)地顯示消息,比靜止地發(fā)布更能吸引別人的眼球,一般用于簡(jiǎn)單扼要的新聞報道、廣告用語(yǔ)等方面。除此之外,還有代碼簡(jiǎn)潔明了,動(dòng)態(tài)效果種類(lèi)多,和無(wú)需使用JAVA的優(yōu)勢,因為實(shí)現這一效果只需要加入一個(gè)HTML標識而已。

  接著(zhù),我來(lái)舉些具體的實(shí)例幫助大家了解。

  具體方法:

  打開(kāi)模版網(wǎng)頁(yè)的HTML源文件,把<body>和</body>之間加入:

  <marquee>移動(dòng)字幕的實(shí)例</marquee>

  <marquee direction=”left”>從左向右移動(dòng)字幕的實(shí)例</marquee>

  <marquee direction=”right”>從右向左移動(dòng)字幕的實(shí)例</marquee>

  <marquee behavior=”slide”>一次性移動(dòng)字幕的實(shí)例</marquee>

  <marquee behavior=”scroll”>循環(huán)移動(dòng)字幕的實(shí)例</marquee>

  <marquee behavior=”alternate”>來(lái)回循環(huán)移動(dòng)字幕的實(shí)例</marquee>

  <marquee scrollamount=”10”>快速移動(dòng)字幕的實(shí)例</marquee>

  <marquee hspace=”20” vspace=”20” height=”50” width=”50%” bgcolor=”red” align=”top”>紅色背景移動(dòng)字幕的實(shí)例</marquee>

  保存退出。現在來(lái)解釋一下代碼的含義:

  marquee是HTML的標識之一,用于實(shí)現文字的移動(dòng)效果。IE4。0以上的瀏覽器才能正常顯示。

  Direction設置文字移動(dòng)的方向。取值為left(從左向右移動(dòng))或right(從右向左移動(dòng))。

  Behavior設置文字移動(dòng)的方式。取值為slide(一次性移動(dòng))、scroll(循環(huán)移動(dòng))和alternate(來(lái)回循環(huán)移動(dòng))。

  Scrollamount設置文字移動(dòng)的速度。

  Hspace(水平空白)、vspace(垂直空白)設置文字周?chē)目瞻讌^域。

  Height(高度)、width(寬度)設置文字的寬度和高度。

  Bgcolor設置文字的背景顏色。

  只要使用搭配得當,即使是這樣一個(gè)小小的特效也能為你的網(wǎng)頁(yè)增色不少哦^_^

  26.改變鼠標的形狀

  在網(wǎng)頁(yè)上,鼠標平時(shí)呈箭頭形,指向鏈接時(shí)成為手形,等待網(wǎng)頁(yè)下載時(shí)成為沙漏形……這似乎是約定俗成的。雖然這樣的設計能使我們知道瀏覽器現在的狀態(tài)或是可以做什么,但這些好像還不能完全地滿(mǎn)足我們的需要。就拿鏈接來(lái)說(shuō),可以是指向一個(gè)幫助文件,也可以是向前進(jìn)一頁(yè)或是向后退一頁(yè),針對如此多的功能光靠千篇一律的手形鼠標是不能說(shuō)明問(wèn)題的。值得慶幸的是,CSS提供了多達13種的鼠標形狀,供我們選擇。

  具體方法:

  在任意一個(gè)鏈接的標識里加入:

  style=”cursor:move”

  保存退出。“style”是CSS的標記,“cursor:move”表示指向該鏈接時(shí)鼠標變成十字箭頭的形狀。其它還有12種不同的形狀將在附錄3里介紹。

  27.消除網(wǎng)頁(yè)的邊距

  做完一個(gè)網(wǎng)頁(yè)后往往會(huì )發(fā)現自己編寫(xiě)的內容和網(wǎng)頁(yè)的邊界還保持著(zhù)一些空白,主要發(fā)生在網(wǎng)頁(yè)的頂部和左邊,對于文字來(lái)說(shuō)影響還不大,不過(guò)相對網(wǎng)頁(yè)的頂部的LOGO來(lái)說(shuō)就顯得很難看了。但經(jīng)過(guò)仔細地檢查后又沒(méi)有發(fā)現任何錯誤的HTML代碼,這是怎么一回事呢?

  其實(shí)HTML的BODY標識符默認在網(wǎng)頁(yè)的頂部和左邊設置一些空白區域,來(lái)保持網(wǎng)頁(yè)的整潔,但我們不需要的時(shí)候也可以通過(guò)BODY標識把空白去掉。

  具體方法:

  打開(kāi)網(wǎng)頁(yè)的HTML源文件,在標識里加上:

  topmargin=”0” leftmargin=”0”

  保存退出。這樣就消除了網(wǎng)頁(yè)的上邊界和左邊界的空白,如果需要增加留白也可以自己修改。

0
0
收藏0
回帖

[操作系統]新手入門(mén)之------建站全攻略-從入門(mén)到精通(轉載) 期待您的回復!

取消
載入表情清單……
載入顏色清單……
插入網(wǎng)絡(luò )圖片

取消確定

圖片上傳中
編輯器信息
提示信息