EC 寶典 » 網站製作

程式設計

phpexe — Fri, 15 Aug 2008 08:19:43 +0000

網頁程式設計，顧名思義就是在網頁上套用程式的邏輯，使得您的網頁不再是靜態的頁面，它可能依照網友的操作行為，時間，地點等不同的變數，產生不同的變化。

想要進入網頁程式設計的領域，首先就要先了解到網頁程式分成兩個範疇，分別為伺服器端，以及客戶端。
伺服器端程式設計
所謂的伺服器端指的就是像RaidenHTTPD、IIS、Apache這樣子的Web Server。而這些伺服器基本上並不具有解譯(interprete)您寫好的伺服器端網頁程式的能力，但是通常這樣子的直譯器(interpreter)是能夠被安裝到Web Server上的，常見的伺服器端直譯器有PHP、PERL、ASP等等。而這些直譯器安裝到Web Server上需要一些共同的規格，好比插頭要插到插座上也必須規格吻合才行，將直譯器安裝到Web Server常見的規格有CGI，ISAPI等等。

Web Server: 提供WWW網站服務的伺服器如RaidenHTTPD(雷電HTTPD)
PHP: 一種主要是用於網站上的公開原始碼(Open Source)劇本檔語言(Scripting Language)，容易使用，能存取資料庫。
PERL: 一種主要是用於網站上的公開原始碼劇本檔語言，容易使用，能存取資料庫。
ASP: 一種主要用於微軟IIS的劇本檔語言，用戶數量廣大，是最受歡迎的商業級網頁伺服器端程式語言。
CGI: 將執行程式的結果，透過Web Server輸出給Web Browser來顯示的一種架構規格。CGI程式通常為C語言或是Perl撰寫。
ISAPI: 類似CGI但是效率更高，是微軟定制之規格，RaidenHTTPD(雷電HTTPD)就有支援。

客戶端程式設計
所謂的客戶端指的就是像Internet Explorer、Opera、Netscape、Firefox這樣子的網頁瀏覽器(Web Browser)。把這些瀏覽器想像為一個平台，而在這些平台上執行的程式就是所謂的客戶端程式。在客戶端執行程式，通常由瀏覽器直接解譯並且執行的有JavaScript、VBScript等等，這樣子的程式撰寫的方式就是在HTML原始碼裡面直接嵌入JavaScript的原始碼，網頁瀏覽器收到這個原始碼之後就會加以執行並且呈現在瀏覽器的畫面上。

另外還有一種在客戶端執行程式的方式，但是它又不是由瀏覽器來執行，而是透過內嵌於瀏覽器內的Plugin程式來執行，例如Flash、Active-X、Java Applet等等。這樣子的程式有優點也有缺點，優點就是功能強大，完全突破HTML及JavaScript的限制，例如Active-X就等同於Windows程式，可以使用視窗作業系統的所有功能，又例如Flash它能夠在網頁上顯示向量繪製的圖案及動畫、Java則為具有跨平台執行的優勢。

Internet Explorer、Opera、Netscape、Firefox: 網頁瀏覽器軟體，可瀏覽WWW網站。
JavaScript: 美國Netscape公司首創的物件導向程式語言，是一種專為Internet設計的程式語言，執行平台為瀏覽器。
Flash: 美國Adobe公司所開發出來的一種用於產生網頁動畫內容的技術，特色為支援向量繪圖，在製作動畫上非常節省容量。
Active-X: 在Windows環境下執行的程式元件，通常從網站伺服器下載之後，內嵌於網頁中並在客戶端電腦執行。
Java Applet: 類似Active-X，但執行時卻是在Java虛擬機器執行，優點是跨平台，缺點是速度不比原生程式快。
什麼時候用伺服器端程式？什麼時候用客戶端程式？
基本上若是偏向客戶端滑鼠，鍵盤操作的相對映動作，這個一定要用JavaScript等的客戶端執行程式語言，如果牽涉到帳務或是資料的計算，則推薦一定要由伺服器端執行，以免客戶端使用假造的資料欺騙您的系統。

框架網頁製作技巧

phpexe — Fri, 23 Nov 2007 10:10:52 +0000

1、用模板創建框架網頁
　　框架網頁，在FrontPage中只能利用模板創建；在Dreamweaver中創建的方法有多種，相對比較靈活。
　　經研究發現，在Dreamweaver中用模板創建框架網頁，較其他方法有一些優點。例如，默認為每個（子）框架命名。有了框架名，可以方便超鏈接設置。
　　用「上方固定，左側嵌套」模板創建的框架網頁的代碼視圖中，可以看到代碼：name=”topFrame”、name=”leftFrame”和name=”mainFrame”。
　　即，將上、左和右等三個子框架命名為top、left和main。
　　在框架網頁中設置超鏈接時，「屬性」面板的「目標」框中會出現：”topFrame”、”leftFrame”和”mainFrame”等選項，供用戶選用。
　　提示：如果，用鼠標拖動框架邊框的方法創建框架網頁，則軟件不會自動給子框架命名，子框架的命名，必須由用戶自行完成。
　　2、超鏈接的目標
　　在框架網頁中設置超鏈接時，應注意「目標」的選擇。
　　_blank：將鏈接的網頁顯示在一個新打開的瀏覽窗口中。
　　_parent：將鏈接的網頁顯示當前網頁的父框架頁中。
　　提示：如果不是嵌套框架網頁，效果與_top相同。
　　_self：將鏈接的網頁顯示當前框架中。
　　_top：將鏈接的網頁顯示當前框架的最高層框架頁中。
　　提示：此選項，只有在嵌套框架網頁中，才可能與_parent選項的效果不同。
　　3、子框架屬性設置
　　在框架頁的代碼視圖中可以看到一些子框架的屬性設置，其中，重要的有：
　　cols：設定子框架的寬度（橫向）。
　　rows：設定子框架的高度（縱向）。
　　例如，當縱向有兩個子框架時，由「rows」設定它們的高度。
　　「rows＝150,300」，即，上框高度150像素，下框300像素。
　　當橫向有兩個子框架時，由「cols」設定它們的寬度。
　　「cols＝30%,70%」，即，左框寬度為屏幕寬度的30%，右框寬度為屏幕寬度的70%。
　　提示：１最後面的數字可以用「＊」號替代，表示最下面的框架（或最右側的框架中）寬度（或高度）自動適應屏幕的寬（高）度。
　　２最後面的數字，最好用「＊」，這樣做，能夠自動適應不同的屏幕分辨率。尤其對於設定縱向高度的「rows」。

Sophos推出免費移除Rootkit工具

phpexe — Fri, 23 Nov 2007 09:37:57 +0000

根據Sophos最新的統計，對335名企業用戶所進行的網路調查中，有55％的人擔心他們的電腦也許被Rootkit感染。不過更令人驚訝的是，高達37％的人坦承不知道什麼是Rootkit。所謂的Rootkits是一種由第三方所使用的「非正規」軟體，通常被駭客頻繁地利用，隱藏在其它軟體或是流程中的先進竊取技術。這類的惡意程式，像是間諜軟體（Spyware）和側錄程式（Keyloggers）都能夠以隱形或掩飾的方式、輕易躲避一般的安全產品或作業系統的偵察。使用者無法察覺的情況下，駭客正透過rootkit 技術入侵一臺「坐以待斃」的電腦，藉以持續獲取這臺電腦上的資訊。
Sophos亞太區業務總監Jim Dowling表示，「Rootkit」這個名詞，在2005年時第一次受到全球的矚目，是當Sony承認採用Rootkits來防止消費者未經授權的音樂CD複製。從此Rootkits便嶄露頭角，成為駭客最偏愛的攻擊方式之一。
Sophos Anti-Rootkit提供了一個易於使用的圖形介面，顯示隱藏在系統中的一些資訊，包括任何被發現的Rootkit名稱，以及所需採取的因應措施。 Sophos的Rootkit保護工具被設計出具有辨識已知和未知Rootkits的能力，目前已經可以免費被Sophos或非Sophos用戶下載、安裝。

Cookie 簡介

phpexe — Thu, 05 May 2005 13:00:51 +0000

一、什麼是cookieCookie 是僅包含小片段文字的檔案，暫存於瀏覽器的記憶體，或由網站伺服器透過瀏覽器儲存到您的硬碟內；每次當您要再次瀏覽此網頁時，檔案中的訊息會被回傳到網站伺服器。網站使用 cookie 的主要目的是要驗證使用者的身份，藉以提供客製化網頁內容及用於線上銷售服務，或者就只是要收集統計資料。Cookie 大略可以區分為工作階段 cookie（session cookie）與永久性cookie（persistent cookie），session cookie 只是暫存於記憶體，一旦關閉瀏覽器就會消失，多是用於同一網站的網頁轉移，例如在電子商務網站中，透過 session cookie 記錄您購物車所選購的物品，以便作最後結算，如果您不接受這類 cookie，您就無法進行網路購物。

persistent cookie 則是以檔案形式儲存於使用者硬碟上，必須使用期限（expiration date）到了或使用者自行刪除才會消失；通常用來紀錄使用者參與的資訊，收集使用者網路瀏覽的習性或偏好的特定網站，像是這個網站您多久逛一次、一次逛多久這類的資訊。

二、關於Cookie 的疑慮

● 我可不可以自行刪除 cookie

可以，不管您使用的是 IE 或是 Netscape，cookie 都儲存成一個文字檔，只要您高興都可隨意刪除，但是刪除前請先關閉瀏覽器，因為cookie 會保留於記體體當中，如果在瀏覽器開啟狀態下刪除 cookie 檔案，記體當中的 cookie 會再度存回檔案。刪除方法以 IE 為例，開啟 IE 放置 cookie 的檔案夾（Windows 2000/XP 是位於根目錄下的 \Documents and Settings\Username\Cookies），選擇您要刪除的cookie。

● Cookie 會危害我的電腦嗎

不會，cookie 只是一小片段的文字檔，不是程式也不是外掛套件（plug-in），因此無法存取您的硬碟，也無法作為病毒散佈，頂多就是讓瀏覽器把 cookie 寫入您的硬碟。

● Cookie 對我的個人隱私是否有威脅

雖然 cookie 不會讀取您硬碟上的資料，但是任何您在網站上輸入進去的資訊，包括信用卡資料，都有可能被儲存於 cookie 內，這是資訊流通、便利化之後所產生不可避免的現象，這就像申辦百貨公司認同卡，您的消費喜好、習慣、週期都會成為百貨公司統計上的重要數據；因此比較明智的處置方式是，任何需要輸入私密資料的時機，請先考慮網站的公信力與安全架構是否完備。

三、Internet Explorer 6 關於 cookie 的設定

Internet Explorer 6 對於 cookie 的設定是位於「工具」→「網際網路選項」→「隱私權」，再移動滑桿來調整 cookie 的設定，可以選擇接受部分、全部或完全不接受 Cookie 存在您的電腦上。設定當中所謂的第一方網站是指目前正在瀏覽的網站，第三方網站則是目前瀏覽網站以外的網站，通常連結到目前網站的部分內容，例如提供來自其他網站的廣告，這也是為什麼沒逛過這些網站，電腦卻存有這些網站 cookie 的原因。更改隱私權設定之後可能不會影響現存硬碟上的 cookie 檔案，因此請先刪除設定前建立的cookie 檔才能讓設定生效。

(責任編輯:admin)

學習使用ASP對像和組件

phpexe — Thu, 07 Apr 2005 13:01:36 +0000

ASP對像讓你的服務器和瀏覽器互相影響，你會例行公事的在你的ASP腳本中使用一個或者多個對象。你不用安裝任何東西來使用它們，但是你必須要記住打開或者關閉它們。 ASP組件，和ASP對像不同，它是ActiveX控制和ASP接口讓普通進程單一化。一些普通的使用對像和組件就在這個下面定義。對像

請求對像
請求對像讓你的通過一個HTTP請求分接信息。你可以使用請求對像分析編碼URLs，從一個表格中訪問信息並且讀取cookies，客戶認證和HTTP頭文件。

響應對像
響應對象是你將信息發送給用戶的關鍵。你可以書寫到屏幕，改變方向到下一頁並且創建一個使用相應對象的cookies。

應用對像
執行的Web服務器是一個應用程序。使用應用對象，你可以控制和開始以及關閉程序相關的特性，同時存儲應該被應用程序訪問的信息。

服務器對像
服務器對像讓你執行例程函數，比如映射一個虛擬路徑到物理上並創造一個組件例圖。

會議對像
使用會議對象，你可以存儲和每個訪問你站點用戶相關的信息。

組件

廣告轉換器
廣告轉換器是為你的標題廣告建立一個交付系統的流線進程。在一個分開的文件中，你可以存儲關於標題的信息。組件就會在每次頁面下載的時候隨機地選擇標題。

瀏覽器能力

瀏覽器組件讓你確定用戶使用什麼瀏覽器和瀏覽器支持什麼性能。
協作數據對像(CDO)
利用IIS SMTP服務器，CDO讓你可以發送和接受電子郵件。有了CDO，你可以執行一個表格不需要依賴Perl腳本和CGI。

內容連接
這個是一個手動對象，它創建一個線性或者連續的路徑到你的站點或者站點的一部分。你可以包含一個簡單的文本來列出文件的適當順序。你可以將next和previous連接添加到你的頁面，使你的頁面更加容易連接。

內容轉換器
如果你需要噴射內容，這個是非常好的組件。它非常好使用並且它可以讓你添加動態內容到任何頁面而不需要使用一個數據庫。在分開的文本文件中，你存儲了HTML代碼的知識塊，它們交替的放入頁面的空格。內容轉換器會在頁面每次再下載的時候顯示一個知識塊。

數據庫訪問
使用這個組件，你可以讓數據庫寫組件到瀏覽器屏幕並創建或者更新存在的數據庫文件。
第三方組件
還有很多第三方組件，有收費和不收費的，都可以被ASP利用。如果你運行你自己的餓服務器，你可以按意願安裝組件，註冊一個.dll通常是安裝的擴展，因此，一個組件可以是一個時間的拯救者。你可以省下不少時間來檢查是否組件存在並可以用手操作工作。

如果你的站點由一個ISP坐主機，你可以安裝你自己的組件或者讓他們自己安裝，因此，你可以檢查你的ISP的支持團隊。

(責任編輯:admin)

帶中英文翻譯功能的收藏夾

phpexe — Mon, 04 Apr 2005 06:20:32 +0000

浏览网页的时候经常会碰到一些不认识的英文单词，或者想知道一些中文单词的翻译，这时候再去找翻译软件或者翻译网站就有些麻烦了。因此我做了一个“中英文翻译”的Bookmarklet，只要选中网页里要翻译的中英文单词，再点击“收藏”菜单里的“中英文翻译”，就会自动打开IE的搜索栏，并且在搜索栏显示金山词霸对所选单词翻译的网页，由于翻译结果是显示在搜索栏里，不会影响正常浏览，而且不用切换窗口，非常方便。不过这个Bookmarklet只能在IE中使用。

使用方法：在下面的链接上点右键，选“添加到收藏夹”。在添加bookmarklet时，IE会弹出一个安全警告框，不用管他，点“是”就可以了。

中英文翻译

代码拷贝框
<a href=”javascript:Q=document.selection.createRange().text;if(!Q){void(Q=prompt(’请输入要翻译的单词’,”))}if(Q)void(_search=open(’http://cb.kingsoft.com/search?lang=gb2312&s=’+Q,’_search’));” mce_href=”javascript:Q=document.selection.createRange().text;if(!Q){void(Q=prompt(’请输入要翻译的单词’,”))}if(Q)void(_search=open(’http://cb.kingsoft.com/search?lang=gb2312&s=’+Q,’_search’));”>中英文翻译</a>

網頁設計的基本原則

phpexe — Mon, 28 Mar 2005 06:21:02 +0000

—-設計網站中有哪些關鍵技巧？有哪些陷阱？在這裡，世界上一流的網站設計專家，讓你共享他們的秘密，告訴你：使網站賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟件以及他們喜愛和厭惡的網站。

01.明確內容
　　如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02.抓住用戶
　　如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03.優化內容
　　內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。
　　Chanels網站（www.channels.co.uk）在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。

04.快速下載
　　沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K調製解調器加載花30秒的時間。有的設計者說網頁加載應在15秒內。

05.網站升級
　　時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

06.堅持基本原則
　　即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill或MicrosoftFrontPage Express，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟件包雖然不需要HTML，卻使網站速度下降。
　　為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。

07.學習HTML
　　用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。

08.用筆畫一個網站的框架
　　聖人云：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關係。計劃好你的用戶如何以最少的時間瀏覽你的網站。

09.網站地圖
　　許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。
　　
10.特殊字體的應用
　　雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機裡看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。

11.檢查錯別字
　　好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。

12.避免長文本頁面
　　在一個站點上有許多只有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。
　　
13.專家最喜愛的Web設計工具
　　1.Adobe Photoshop
　　2.Macromedia Flash
　　3.Adobe Illustrator
　　4.Adobe ImageRead
　　5.Dreamweaver
　　6.Macromedia Fireworks
　　7. Allaire Homesites
　　8.Microsoft Notepad
　　9. Macromedia Director
　　10. Lightwave
　　11. Macromedia Freehand
　　12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。

14.網站介紹
　　你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
　　
15.閃爍讓人頭痛
　　通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。

16.背景顏色
　　背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。

17.向前和向後按鈕
　　應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。
　　
18.點擊記數器
　　不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎，你最好提供一個鏈接，顯示訪問日誌。

19.不要用框架
　　與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英吋的顯示屏幾乎不可能顯示整個網站。框
架也使得網站內個人主頁不能夠成為書籤。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

20.去掉圖像
　　在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁加載性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。

21.重複使用圖像
　　一些網站由於使用大量不重複的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入，以後重新載入就會很快。

22.避免使用過大的圖像
　　不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75%的屏幕寬度是一個好的建議。

23.選擇使用Flash動畫
　　許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源，使網站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。

24.盡量少使用Flash插件
　　雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支持Flash，在使用時不必再下載任何插件。
　　但是，最好還是取消使用Flash做各接口的想法。

25.讓用戶先預覽小圖像　
如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。

26.動畫與內容應有機結合
　　確保動畫和內容有關聯。它們應和網頁渾然一體，而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。

27.慎用聲音
　　聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給瀏覽者多少好處。首次聽到鼠標發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。

28.少用Java和AxtiveX
　　在網頁上應盡量少使用Java和AxtiveX。因為並不是每一種瀏覽器都需要使用它，只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。

29.設計成功的網站
　　www.bmw.co.uk　　——內容和關聯性很好
　　www.yugop.com　　——圖形下載很快
　　www.comicrelief.org.uk　　——設計簡單明瞭
　　www.dreamcast-europe.com　　www.newsunlimited.co.uk
　　www.newbeetle.com
　　www.swoon.com　　www.viaduct.co.uk

30.慎用插件
　　在Web設計中，如果依賴於一些特別的插件，會減少網站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。

31.使用著名的插件
　　如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

32.使用先進技術
　　跟上新的技術。Web技術的進步絕不會停止，所以應花一些時間來研究新產品和開發技術。
　　
33.平台的兼容性
　　要為用戶著想，必須最少在一台PC和一台Mac機上測試你的網站，看看兼容性如何。
　　
34.用軟件分析工具找錯
　　使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查，可選用軟件分析工具。在網址www.weblint.org/validation.html中，你能夠找到更多有效的HTML工具。

35.避免錯誤鏈接
　　網站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網頁上有鏈接，一定要經常檢查它們，保證鏈接有效。鏈接的網站可能很多，但不要鏈接到與你的內容無關的網站上。

36.給觀眾成熟的東西
　　如果網站沒有完成，就不要發送到Web上。所有好的網站都是在幕後完成之後再發佈的。

37.在搜索引擎上登記網站
　　任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。

38.設計一個留言板
　　瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。

39.測試網站
　　在你的網站正式發佈之前，必須進行有用的測試。在設計網站時要使用最新的軟件，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。

40.反覆測試
　　「盡你所能反覆測試所設計的網站，直到你不能發現新的東西為止。」　　——專家忠告

41.動畫點綴
　　網頁上的動畫最多只用一個。

42.慎用按鈕
　　「傾斜的按鈕看起來不會太好，最好不要使用。」——專家忠告
　
43.內容組織
　　在開始創建新的網頁前，仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容，然後設計導航系統。

44.「空白萬歲」
　　注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

45.「利用空白去吸引注意力
　　為了吸引眼球，Web設計者使用各種方法，比如：閃爍、旋轉等，但是利用空白會吸引更多的注意力。」——專家忠告

46.圖像壓縮
　　為了保持小的圖像，可以使用類似GIF嚮導的程序，它能自動對圖像進行壓縮。
　　先聲明圖像的大小
　　在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標籤中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

47.設計失敗的網站
　　www.boo.com
　　——在它上面找一件T恤衫要花一個小時；
　　——給顧客承諾的服務太多，但真正實現的太少；
　　——二年以前的設計水平，忽視了顧客的需要；
　　www.miniheroes.co.uk
　　——不吸引人，主頁太雷同
　　www.saturn.com
　　——設計太差
　　www.e13.com.
　　——沒有新意
　　www.song.com.
　　——導航不知所云

48.圖像大小屬性
　　可以在IMG標籤中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

49.用戶註冊
　　如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行註冊，這樣做是要冒風險的，因為這將趕走一批不願意註冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。

50.使網站具有交互功能
　　在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的信息。

51.圖片更新
　　盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本

52.在網站上提供遊戲
　　遊戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。

53.挑選工具軟件
　　仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟件

54.使用最新版本的軟件
　　盡量使用Web設計軟件的最新版本，還應當能被授權進行免費或便宜的升級.

網站項目建設流程概述

phpexe — Mon, 28 Mar 2005 06:20:08 +0000

一.概念

網站項目管理就是根據特定的規範、在預算範圍內、按時完成的網站開發任務。

二.需求分析

項目立項

我們接到客戶的業務咨詢，經過雙方不斷的接洽和瞭解，並通過基本的可行性討論夠，初步達成製作協議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經理制。

客戶的需求說明書

第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚，需要您不斷引導和幫助分析。曾經有一次，我問客戶：「您做網站的目的是什麼？」他回答：「沒有目的，只是因為別人都有，我沒有！」。這樣的客戶就需要耐心說明，仔細分析，挖掘出他潛在的，真正的需求。配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點：
1.正確性：每個功能必須清楚描寫交付的功能；
2.可行性：確保在當前的開發能力和系統環境下可以實現每個需求；
3.必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發生時”砍”掉；
4.簡明性：不要使用專業的網絡術語；
5.檢測性：如果開發完畢，客戶可以根據需求檢測。

三.系統分析

網站總體設計

在拿到客戶的需求說明後，並不是直接開始製作，而是需要對項目進行總體設計，詳細設計，出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定：

1.網站需要實現哪些功能；
2.網站開發使用什麼軟件，在什麼樣的硬件環境；
3.需要多少人，多少時間；
4.需要遵循的規則和標準有哪些。

同時需要寫一份總體規劃說明書，包括：

1.網站的欄目和版塊；
2.網站的功能和相應的程序；
3.網站的鏈接結構；
4.如果有數據庫，進行數據庫的概念設計；
5.網站的交互性和用戶友好設計。

網站建設方案

在總體設計出來後，一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統，而且在客戶需求不是十分明確的情況下提交方案，往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解，在明確需求並總體設計後提交方案，這樣對雙方都有益處。網站建設方案的包括以下幾個部分：

1.客戶情況分析；
2.網站需要實現的目的和目標；
3.網站形象說明；
4.網站的欄目版塊和結構；
5.網站內容的安排，相互鏈接關係；
6.使用軟件，硬件和技術分析說明；
7.開發時間進度表；
8.宣傳推廣方案；
9.維護方案；
10.製作費用；
11.本公司簡介：成功作品，技術，人才說明等。

當您的方案通過客戶的認可，那麼恭喜你！您可以開始動手製作網站了。但還不是真正意義上的製作，你需要進行詳細設計：

網站詳細設計

總體設計階段以比較抽像概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序，而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖，它們應該包含必要的細節，例如：程序界面，表單，需要的數據等。程序員可以根據它們寫出實際的程序代碼。

四. 項目實施

整體形象設計

在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標準字，Logo，標準色彩，廣告語等。首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁一般設計1-3個不同風格，完成後，供客戶選擇。
記住：在客戶確定首頁風格之後，請客戶簽字認可。以後不得再對版面風格有大的變動，否則視為第二次設計。

開發製作

到這裡，程序員和網頁設計師同時進入全力開發階段，需要提醒的是，測試人員需要隨時測試網頁與程序，發現Bug立刻記錄並反饋修改。不要等到完全製作完畢再測試，這樣會浪費大量的時間和精力。項目經理需要經常瞭解項目進度，協調和溝通程序員與網頁設計師的工作。

調試完善

在網站初步完成後，上傳到服務器，對網站進行全範圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決並記錄下來。
為什麼要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標準。通過不斷的發現問題，解決問題，修改，補充文檔，使這個標準越來越規範，越來越工業化。進而使得網站開發趨向規範，趨向合理。

宣傳推廣

宣傳推廣的基本方法有：
1.網頁裡設置適當的META標籤；
2.各搜索引擎登錄；
3.準備新聞稿件在各新聞公告板發表；
4.合理使用Email郵件列表；
5.廣告條交換；
6.付費廣告。

至此，網站項目建設完畢，將有關網址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。

維護

網站成功推出後，長期的維護工作才剛剛開始，我們需要做到的是
1.及時響應客戶反饋；例如可以採取Email自動回復功能，然後在1-3個工作日裡解決問題，再次回復；
2.網站流量統計分析和相應對策；
3.盡量推廣和使用您的網址；
4.網站內容的及時更新和維護。

五.遵循的規範

1.網站建設目錄規範
2.網站文件命名規範
3.網站建設尺寸規範
4.網站首頁head區代碼規範
5.網站連接結構規範

網站VI設計淺談

phpexe — Fri, 25 Mar 2005 06:19:22 +0000

VI設計，來源與英文中的 Visual Indentity System，意即視覺識別系統。單單就網站而言，一個網站上看到的所有圖片、文字、動畫、以及他們的編排方式等等一切能夠看到的元素都是VI設計的一部分，簡單來說，其實就一一個網站的外觀。　　網站的VI設計重要嗎？要回答這個問題，就先得回答：網站的外觀重要嗎？一個網站的內容固然重要，但是如果沒有一個好看而吸引的外表，哪怕有著再好的內容，有著再好的結構，相信整個網站的瀏覽效果也會大打折扣，瀏覽者的閱讀興致也會大減。就等於一個內涵豐富但卻外表平庸的人在一個公共場所出現，是難以引起別人的注意的一樣。人們稱互聯網經濟為注意力經濟，如何吸引大眾的注意力，除了內容是一個重要的因素外，外觀也同樣起著舉足輕重的作用。網站的外觀非常重要，因此，網站的VI設計也非常重要。Intel精彩網站的VI設計，深深吸引著你一點再點　　怎樣才是一個好的VI設計呢？一個好的視覺設計，首先要有一個好的視覺效果。一個網站怎樣才算是有一個好的視覺效果？一個最簡單的判別方法是，看她三眼：第一眼，看是否搶眼；第二眼，看是否順眼；第三眼，看是養眼。其實，這三眼就是網站給你的第一感覺。第一感覺很重要，瀏覽者能否接受這個網站，很大程度上，就看有否這種一見鍾情的感覺。如果答案都是Yes，那麼，這個網站就是有一個很好的視覺效果了，相信瀏覽者也會耐著性子去看完你整個網站的。

搶眼、順眼、養眼——Macromedia就是這樣的一個網站

　　怎樣才能有一個讓人一見傾心的視覺效果？首先要看整個頁面的顏色是否協調，千萬不可給人刺眼的感覺；其次要看網頁上的的文字是否易於閱讀，文字太細、顏色太淺、頁面太長或超出屏幕寬度，都是有違網站設計的「美學原則」；再次要看圖片，圖片太大、太多、太模糊都會惹來瀏覽者的反感；最後要看「動」與「靜」是否配合得當，無節制地濫用Flash、動態GIF、滾動字幕等效果就會讓人眼花繚亂，但死氣沉沉，毫無生氣的頁面也會讓人感到乏味。

　　上面談到的VI設計僅僅是就一個頁面而言，VI設計的另一方面是看整個網站的所有頁面是否協調與一致。每個頁面都使用相同種排版方式、相同的背景色及近似的按鈕都能增加網頁一致性，樹立統一的風格。這是最基本而有最重要的網站VI設計。

中文熱訊的VI設計非常注重統一性，在業內也是有口皆碑

　　如果你是打算為企業建立一個商業網站，則更加要注重網站的VI設計。如果你的企業本身已經有了一個統一的CI設計（Corporate Indentity，企業形象識別），那麼，網站的VI設計就應該遵循其CI設計。當然，前提是你必須有一套適用的CI設計。按照我們的經驗，有相當的CI設計並不適合應用到網站的視覺設計之中，這使得網站的設計受到很大限制，因此企業在制定其CI設計時，很有必要聽取專業網頁製作人員的意見，哪怕企業暫時並被有觸網的打算。

找一家專業而可靠的網絡顧問公司，能起到事半功倍的效果

　　一個好的VI設計，事實上可以憑借CI設計裡已經指定的Logo、色彩、或標準字型等予以發展。尤其是色彩部分，使用正確的色彩往往可以得到相得益彰的效果。另外針對Logo本身的一致性所作的設計上變化也是一種變化，總而言之，所有的做法必須能夠發展出一套更具品牌形象的設計，而且能將網站的整體特性完全地容入瀏覽者的腦海裡。能讓瀏覽者記住，並能吸引瀏覽者回頭的VI設計，就是一個成功的網站VI設計。

(責任編輯:admin)

建立無障礙網站的五大指南

phpexe — Wed, 23 Mar 2005 06:28:10 +0000

據估計，全球大約有七億五千萬的殘障人口。他們是否能夠毫無障礙的上網存取您所精心製作的網站呢？　　殘障人士可說是越來越具政治影響力的廣大族群。1996 年，美國司法部通過美國殘障人士法（Americans with Disabilities Act）規定網站屬於公共領域的範疇之一。此外，美國政府也在今年一月規定所有政府單位的官方網站在 6 月 21 日以前遵守 1973 修正法（Rehabilitation Act of 1973）的第 508 條的規定。　　雖然設立「無障礙網站」（或是所謂「具親和力」的網站瀏覽）是目前美國政府官方網站所主力提倡的一大措施，但是我們相信在不久的未來，民法也會通過並強制規定其它非政府官方網站也必須符合「無障礙」存取的特性。　　設計一個「無障礙」網站即不困難也不需花費大筆鈔票，它還可以為你帶來百分之二十的潛力造訪者。話雖如此，許多網站設計師卻對「無障礙存取」的概念不表苟同，認為「具親和力」的網站所代表的儘是一些無趣、大量文字而毫無圖像的設計。事實上，為殘障用戶所設計的「無障礙」網頁設計技巧對一般網友來說，也具備提升使用性的效益。它所需要的就是良好的程序撰寫技巧以及細緻周全的規劃能力。你只需要做一點小小的修改就能讓你那設計絕佳的網站「暢通無阻」！「無障礙」網站的五大指南

　　一個「無障礙設計的網頁」必須能夠讓不同殘障類型的網友所採用，除了要顧及像是失聰及失明的網友所面對的問題外，你也必須考慮到行動不便、色盲、癲癇或患有其它肢體障礙的訪客的需要。

　　這聽起來像是一件具有重大歷史意義的偉大工程。但是，在一般情況下，你可以參考以下的五大指南來設計出一個「無障礙」的網站：

　　• 對具有圖像、視訊、小程序（applets）或是任何非文本（non-text）的內容及信息提供相關的文字敘述。使用文字來敘述該對象的內容或功能。記得要在所有的圖像上使用 ALT 標籤來加注。

　　• 如果你使用圖像作為網站的主要導覽架構，請記得要在網頁上加上文字超級鏈接（Text links）。

　　• 選擇顏色及反差/對比色時要謹慎。不要以顏色作為傳達信息的主要指針。在色彩的調配及組合上也要小心。在文字和背景色的選擇要格外留意－拜託！千萬不要在黑色的背景上使用藍色系的文字了，好嗎？

　　• 清楚的標示你的超級鏈接，並對終點/目標站加以描述。

　　• 對網頁上使用諸如 Javascript 和 DHTML 等特殊技巧的功能提供其它的選項（alternatives）。任何具備工具依存度（Device-dependent）的導覽設計將導致部分的殘障網友無法存取你的網頁。

　　請參觀因特網聯合會（World Wide Web Consortium）所公佈的「無障礙」網頁內容指南網頁，你將獲得「具親和力」網頁設計的提示和相關詳情。

你的網站具備親和力嗎？

還搞不清楚你的網站是否具備上述的條件？那就試試以下的資源，替你的網站做個免費的鑒定吧！

　　• Bobby: 這是由 Center for Applied Special Technology（CAST）所設立的單位，針對網頁的存取度和 flags 問題做評鑒。凡是通過測試的網站都將獲得一個「Bobby Approved 」的圖示。

　　• Lynx Viewer: 讓你的網頁僅以文本的格式（text-only format）呈現。

　　• IBM Home Page Reader: 讓失明或是有視覺障礙的使用者利用鍵盤來瀏覽網站。你可以下載 30 天的試用版來試試看。

　　• Media Access Generator（MAGpie）: 允許作者在 QuickTime, SMIL 及 SAMI 這三種多媒體格式上加入標題/說明文字。由 National Center for Accessible Media 所設立。

　　擁有一個「無障礙」的網站，你將增加網站的使用者，免遭他人訴訟，並能迎合以文本技術為主（像網絡電話和 PDA）的新型態技術。這的確是值得期待的！

(責任編輯:admin)