熱點推薦:
您現在的位置: 電腦學習網 >> 網絡技術 >> 正文

如何豐富個人網站

2013-09-12 17:27:10  來源: 網絡技術 
作為個人網站的站長,在建站初期可能無法提供豐富的信息量和具有交互式功能的網頁,這樣,網頁就會略顯呆板、單調。其實我們可以利用其他網站提供的免費資源來裝點自己的個人網站,豐富網站內容。

下面筆者就將自己在建站初期使用免費資源的經驗總結成文,希望能給正在建設個人網站的朋友們有所幫助。
一、讓網站具有更新功能

我們總不能讓網站一年到頭總是一樣的“面孔”對待訪客,但經常更新網頁內容可能在時間、精力上又不允許,其實,可以根據網頁內容調用一些其他大網站的數據,比如新聞、天氣預報和股票曲線圖示等,調用這些數據之后我們就會一勞永逸了,當大網站每天更新這些內容時,我們的個人網站也就自動隨之更新了,這樣我們的網站就會使瀏覽者“常見常新”。

提示:在使用調用之前我們要在頁面上規劃好調用內容的位置,并留足可容納的空間,一般可以使用表格或層來對調用內容進行定位。
1.新聞調用

這是最常見的功能調用,這里我們以中華網免費新聞代碼為例,登錄http://app0.china.com/freecode/freenews.php,首先要在豐富的中華網新聞分類中選擇一個貼近自己網站內容的新聞類別,然后根據網頁的整體規劃風格設置好顯示的“新聞數量”、“時間格式”、“新聞標題顏色”、“標題字號”和“新聞鏈接格式”,完畢后點擊“確定”即可反饋出定制的新聞代碼和新聞示例(圖1),然后將新聞代碼復制到網頁的適當位置上就可以擁有與中華網同步更新的最新新聞了。www.hbhskj.tw
2.天氣預報

在網站首頁上加上一個天氣預報功能,讓訪客知曉冷暖,方便生活,這將是多么人性化的舉動呀!登錄http://www.qtol.net/weather,這里提供了國內城市24小時、48小時和72小時的天氣預報,選擇其中一種預報,然后在下拉菜單中指定你所在的省份、城市,點擊“查看天氣及代碼”按鈕彈出代碼窗口(圖2),根據自己的愛好或網頁版面選擇一種顯示樣式,將代碼復制到網頁上的適當位置即可,具體的天氣預報字體顯示大小、顏色可在以下的代碼中修改。

<style type='text/css'>

.qtol {font-size: 12px; color=#336699 }

a.qtol:link { text-decoration: none; color=#336699 }

a.qtol:visited { text-decoration: none; color=#336699 }

a.qtol:hover { text-decoration: underline; color=#336699 }

</style>
3.股票查詢

如果你的個人網站定位在財經知識類,那么非常有必要在網頁上加載可供直觀查看的指數曲線或股票資料工具條。上證指數和深證成指曲線的在線更新圖標代碼分別為<img src= http://stock.jrj.com.cn/htmdata/gifindex/sh_000001.png >和<img src=http://stock.jrj.com.cn/htmdata/gifindex/sz_399001.png>;可供查詢的股票工具條可在頁面http://www.cankao.com/z_free.asp中的“免費代碼形式之三:搜索工具條”獲得代碼。

二、加強網站的交互功能

為了便于和網頁瀏覽者進行交流、形成互動,我們還需要在網站上建立一些如留言本、論壇等功能模塊,如果你對制作這些模塊的動態技術不熟悉的話,照樣可以施展我們的“拿來主義”,利用網絡上免費的資源為我們服務。

1.留言本

提供免費留言本的網站有很多,我們選用特趣網留言本為例,登錄注冊頁面http://www.touch.sh/gb/reg.php,按照提示輸入相關資料,注冊成功后會返回留言本地址http://www.touch.sh/gb/gbook.php?user=注冊名,登錄留言本后還可以進入“管理模式”為留言本選擇一種與網站樣式貼近的風格。

2.論壇和其他功能模塊

免費論壇我們可以到網易個人論壇上(http://our.163.com/index.jsp)申請獲得,其注冊、使用、設置和留言本類似,這里就不再贅述了,其他更多的免費功能模塊如聊天室、郵件列表等可以在“免費吧”網站(http://www.free8.com)上獲得注冊地址。

3.免費功能模塊與網站的整合

利用框架網頁可以使免費資源與網站有效融合。以整合留言本為例,打開FrontPage 2003建立一個“標題”模板的框架網頁(圖3),首先在網頁屬性中的“框架”選項卡中去除“顯示邊框”并將框架間距設置為0,在下框架里設置初始網頁的鏈接為留言本的鏈接地址,而在上框架里則新建網頁并把網站首頁的導航部分設立在新建網頁里,然后,保存框架網頁為liuyanben.htm,這樣在首頁上設置留言本的鏈接就是liuyanben.htm而不用http://www.touch.sh/gb/gbook.php?user=注冊名了,并且無論書寫留言還是查看留言都是在下框架里操作,上框架的導航部分不會改變,使得網站的整體風格得到了有效的統一。

 
如何保存圖片         當你在網上看到一張很美的圖片,是否有一種馬上把它做成自己的桌面的沖動呢?但是新打開的網頁里只有一兩張圖片,如果那些是某些圖片系列中的一些圖片,而你又想看到更多的關于這個系列的圖片,那該怎么辦?

  其實很簡單,先打開圖片,單擊右鍵就會看到該圖片的屬性欄。其中就有一項為“地址URL”,這就是圖片真實的IP地址(必須是以JPG、GIF、BMP等圖片格式結尾的地址)。大部分圖片都會有IP地址,打開其中的如www.***.net的網站,就可以找到相應的圖片。

  注意:在某些論壇上用上傳貼圖功能傳的圖就不能用剛才的方法了。

 
如何禁止網頁另存為 如今網上的抄襲情況越來越嚴重了,自己的網頁作品經常會被別人“借用”。其實大家不必為此事苦惱,只要在網頁中加入幾段代碼或是使用專門的加密工具,對網頁源代碼、圖像、文本等進行加密,這樣別人就休想動你的網頁了! 電腦知識網將告訴大家如何禁止網頁另存為。

  巧用代碼

  在HTML網頁中加入幾行簡單的代碼可以禁止他人使用鼠標右鍵和“另存為”命令。

  一、屏蔽鼠標右鍵

  把網頁的標簽修改為下面的代碼:

  <body oncontextmenu=self.event.returnValue=false onselectstart="return false">

  現在點擊鼠標右鍵就不會有任何反應了。

  二、禁止“另存為”命令

  在<body>...</body>標簽之間加入如下代碼,可以使“另存為”命令不能順利執行。

  <noscript>

  <iframe scr="*.htm"></iframe>

  </noscript>

  加入上述代碼后,當執行“另存為”命令時,會彈出“保存網頁時出錯”的對話框。

  利用Html Guard

  上面的方法只能在一定程度上保護網頁的安全,如果要想徹底地防止他人抄襲,可以把代碼、軟件兩種方法同時用上。下面就介紹利用Html Guard來對網頁進行加密。

  Html Guard檔案

  最新版本:2.3

  軟件大小:1054KB

  軟件類型:共享軟件

  適用系統:Win9X/Me/2000/NT/XP

  下載地址:http://www.skycn.com/soft/6588.html

  安裝完成后啟動軟件。它的操作界面主要由五個功能標簽和設置區域組成(圖1)。

  一、選擇網頁文件

  點擊主界面中的“Input”標簽。選中“Protect all files in a directory”項將對整個文件夾中的網頁文件進行加密,若是子文件夾中的文件也需要加密,應將“Include sub directories”項選中。如果想加密單個網頁,應選擇“Protect following HTML files”項,并使用“Add”按鈕來添加。

  二、設置輸出

  使用“Output”標簽下“Copy to following directory”項后的“Browse”按鈕,來設置加密后的文件所存放的位置。通常我們要把“Copy Linked Files”項也選中,這樣就會把網頁相關的鏈接文件一同復制到輸出目錄中。“Overwrite existing files”項表示用加密后的文件覆蓋源文件,筆者建議不要使用此項。

  如果不想查看輸出結果,可以使用“Upload to server via FTP”項,直接將加密后的文件上傳到服務器中。點擊“FTP-Settings”按鈕,在彈出的對話框中設置服務器地址、用戶名、用戶密碼等等。

  勾選“Backup”項下的“Create backup copies of the unmodified files before overwriting html pages”,它表示在加密信息寫入網頁之前創建一個備份。要在原文件夾中創建備份應選“Place in the original directory”項。

  三、加密源代碼

  在“Source code”頁面中(圖2)有三種加密源代碼的方法。

  1.Encode source code(編譯源代碼)。使用該項后,當別人用網頁編輯器打開該網頁時將顯示亂碼。由于該編譯是在JavaScript技術的基礎上進行的,所以編譯后的網頁必須在支持JavaScript 1.0以上的瀏覽器上運行。如果你擔心有人因此而不能查看你的網頁,那么可以將“Include <noscript>section”項選中,并在它下面的欄里添加提示。例如:想正常查看該網頁,則必須有支持JavaScript 1.0以上的瀏覽器。

  2.Squeeze source code(壓縮源代碼)。此項的主要作用是去除代碼中的空行,使代碼更加緊湊。這樣做除了能讓剽竊者難以讀懂源代碼以外,還能縮小網頁文件的體積,有效地減少調入時間。

  3.Insert blank lines(插入空行)。插入空行的作用也是為了讓人難以找到源代碼。勾選“At the beginning(在前端)”或“At the end(在末尾)”項來確定加入空行的位置,然后調整“Number of lines”的值確定插入的空行數。另外你還能夠使用“Insert the following text at the top”項在網頁代碼的上端添加例如“source code not available(該網頁代碼不可用)”之類的警告信息。需要注意的是,每次插入一個空行,將使網頁文件大小增大兩個字節。

  四、保護圖像和文本

  “Images/Texts”標簽中選項的功能如下:“Lock the menu on the right mouse button”幫助你鎖住網頁的右鍵菜單;“Block text selection”禁止文本被選擇(該功能只能在IE4.0以上的瀏覽器上生效);“Do not display links in status bar”不在狀態欄中顯示鏈接;“Deactivate browser`s print function”禁止瀏覽器的打印功能;“Disable Clipboard”禁止剪貼板功能;“Disable image caching in browser”禁止瀏覽器的圖片緩存。

  五、查看結果

  點擊界面右側的“Protect files”按鈕,即可完成網頁文件的加密(如果彈出警告窗口,點擊“Continue”按鈕繼續工作)。然后在“Result”標簽中點擊要查看的網頁,在展開項中選擇“Load in browser”來查看加密后的效果。當然你也可以使用展開項里的“Path”和“Show source code”命令來打開加密后文件所存放的文件夾以及查看加密后的源代碼(如圖3)。

  現在相信你已經基本上掌握該軟件的使用方法了。趕緊操起手中的維權武器,保護我們的合法利益不受侵害。

 
From:http://www.hbhskj.tw/Article/Network/201309/4040.html
  • 上一篇文章:

  • 下一篇文章:
  • Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.   
    体彩内蒙古十一选五82