Archive for the ‘網頁設計’ Category

網站遷移流程

Tuesday, June 30th, 2009

當我們要轉換網頁寄存供應商的時候,在遷移網站時需要特別小心。因為當GOOGLE探訪你的網站時而什麼都見不到的時候,他可能會覺得你的網站已經關閉,或者出現問題。這樣對網站的排名或者SEO 會有很大的影響,所以如果想知道如果去做網站遷移,這務必仔細留意以下幾個步驟:

  1、遷移準備

  先將原主機網站的評論等更新功能關閉,接著把原主機網站的檔、資料庫等資訊通過FTP或其他方式進行備份,備份下載到本地電腦,然後將本地電腦備份好的網站內容完全上傳部署到另一個主機上,通過修改hosts的方法,將網站的功能變數名稱指向新的IP位址。

    2
、功能變數名稱解析
    功能變數名稱解析是需要一段時間的,這段時間網站還是不能打開,等功能變數名稱解析生效後網站才正常訪問(檢查功能變數名稱是否解析成功,可以通PING這個命令檢驗,如果PING出來的IP與新的IP相同,那表示解析成功,如果解析成功網站還是打不開那就是檢查空間或網站檔等)。

  3、遷移操作

  接著,選擇一個訪問量少的時段,例如淩晨時刻,通過修改功能變數名稱DNSDomain Name Server)的A記錄實現網站的遷移,注意不要通過刪除A記錄然後增加一個新的A記錄來實現,那樣會造成短時間的網站無法訪問。

  4、遷移過程

  將原有網站內容保存至少半個月的時間(但不一定需要更新),保證搜尋引擎使用原來的IP位址仍然可以訪問到內容,如果無法做到這一點,那也要將原始網站的完全關閉,使原有IP無法訪問,切不可保持原始網站開放,訪問時候卻得到404錯誤的情況發生。

  5、遷移結束

  半個月後,可以徹底關閉原有網站的WEB服務,此時,搜尋引擎大多已經可以正常訪問新的網站位址了,網站遷移結束。
    網站建設好之後需要定期維護,定期更新,這樣才能吸引人氣。

 

網頁設計 - 如何幫公司外發網站設計工作?

Sunday, June 21st, 2009

網頁設計 - 如何幫公司外發網站設計工作?

相信很多人在公司都有一個經驗,就是要幫公司去做一個網站。你們常做的第一件事就是到 YAHOO! 搜尋相關的網頁設計公司,把對網站的要求傳給網頁設計公司,然後要求他們報價。

絕大部分的人都會找幾間公司,然後比較他們的價錢,以及過往所做過的網站,最後選出一間最好的出來。

但是,為什麼很多公司最後得出來的結果都是負面﹖這是因為負責網頁設計的同事沒有做一個詳細的計劃書出來,或者他們根本對網頁設計的流程不熟悉。我聽過很多同事都因為處理網頁設計的時候所帶來的問題而被解僱。

在做網頁之前,一定要先留意以下幾點:

1. 公司做網頁的目的

2. 公司想做什麼樣的網頁

3. 網頁可以為公司帶來什麼效益

4. 誰是網頁設計項目的負責人

5. 怎樣和網頁設計公司的人溝通

6. 如何去宣傳公司網站

7. 什麼的內容應該要放在網頁上

8. 是否需要CMS ( Content Management System)

9. 是否需要結合公司的內部系統

如果可以留意以上九點,相信很多網頁都可以很快就完設,配合 SEO 的情況下,得到最高的回報。

網頁設計 - 網頁內容品質管理

Thursday, June 18th, 2009

網頁設計

眾所周知,網站的生命力在與內容,一個具備較高的內容品質的網站是成功的前提。這也是我們將要討論的話題。

  那麼在網站建設之前,我們總會考慮這樣那樣的問題,比如網站的定位,推廣的方法,怎樣進行優化等等。也就是說,網站的內容是我們首先要考慮的問題。對於內容的建設,不同的網站和站長有著不同的處理方法,有的網站以原創為主,有的以採集為主,再者兩者兼備。同樣的目的就是讓自己的網站內容看起來更加的豐滿,更加的吸引人。那麼究竟是什麼樣的網站內容才能夠吸引住使用者呢?

  筆者認為,只有真正切合網站使用者需要的內容。才是高品質的內容。比如說筆者的網站,木葉網路,是一個介紹網路動態,為廣大站長提供一個交流學習平臺,並且兼顧一些焦點資訊的網站,雖然還不是十分的完善,但是筆者將努力的方向定位在網路諮詢上,為站長和一些對互聯網動態感興趣的資深線民服務,隨著互聯網的發展,越來越多的線民對於互聯網的認識有了很大的提高,單純的娛樂資訊已經不能夠滿足他們的需求,網路知識逐漸豐富的線民們對於較為專業的網路知識和動態有了更深得需求,因此要根據線民的需要,去搜尋符合他們需要的內容來提供給他們。

  對於廣大的站長也是,站長們對於互聯網的動態,網站的建設和行銷乃至盈利是最為關心的,那麼多多的提供一些這樣的內容,才有可能加深網站的黏性。

  再舉一些例子,比如現在的個人網站越來越向專業化和分工化的方向發展,追求廣泛已經不符合個人網站發展的趨勢,更加的專業化和分工化促使我們必須不斷的學習專業的知識,比如金融財經,外匯,IT,建築,醫學等等專業網站,其內容應該更細緻的針對線民來定位,切實分析他們的需求,再將結果轉化為網站的內容,只有這樣,我們的網站才會有更加持久的生命力和活力。

網頁設計 - 14個免費工具 幫你驗證Html CSS及RSS

Thursday, June 18th, 2009

網頁設計

沒有什麼比這更惱人了:創建並裝飾了一個網頁,認為已經做到完美,但測試時卻出現一些未知的錯誤,並且不易改正它們。一個對付此類錯誤的技巧就是首先驗證你的標籤和樣式表。很幸運,有許多免費工具可以驗證你的HTMLCSS以及RSS源是否正確。有了這些易用的工具,你就可以放心,訪問者看到的就是你想要展示的。

我們已經收集了14個工具,包括線上工具和Firefox外掛程式,必有一個滿足你的需求。

Firefox外掛程式

CSS Validator:提供到W3C CSS驗證器的易用連結,你可以通過右鍵的上下文功能表或者工具功能表來進行訪問。 

Firebug:Firebug是一個功能齊全的調試器和編輯器,使用它你可以開發單頁面的HTML,JavaScript,CSS,DOM等等。你也可以使用其外掛程式來即時監控JavaScript,CSS和XML,找到其中可能出現的錯誤,並學會如何修正它們。作為每個設計師工具倉庫中的重要一員,Firebug越來越通用,甚至開始有了自己的外掛程式(如SitePoint的CodeBurner參考工具)。 

HTML Validator:基於Tidy和OpenSP,HTML Validator對你訪問的頁面進行驗證並給出簡單的圖示提示(icon notification)。工具可以給你提供更多資訊,當你查看頁面的原始程式碼時,驗證錯誤將被高亮顯示。更棒的是,如果你不能找到錯誤所在,外掛程式會給你一些提示。 

Page Validator:通過打開右鍵上下文功能表,或者從工具功能表中選擇“Validate Page”,Page Validator會開啟一個新的Tab頁面,顯示W3C線上驗證工具的驗證結果。

RSS Validator:通過右鍵上下文功能表或者選擇工具功能表項目,RSS Validator可以很容易的讓你檢查一個RSS源。它會將會帶到一個新的Tab頁面來查看結果和任何潛在的錯誤。 

Total Validator:Total Validator通過一個便利的外掛程式提供給你大量的工具。流覽你想看的頁面,選擇”TV“圖示,可對各種版本的HTML進行驗證,拼寫檢查,螢幕截圖等等。 

Validaty:Validaty在你的工具列中增加一個按鈕,但你流覽頁面時點擊此按鈕,就可以看到一個簡潔的視覺化的驗證結果。 

基於Web的驗證器

validator.w3.org:W3C(World Wide Web Consortium)是一個開發Web技術標準的團體,理所當然,他們會有一個驗證器來檢查你的HTML是否正確。被檢查的檔可以是線上的,也可以直接上傳,驗證器有多種格式來顯示驗證報告-附加建議的,概述形式的,附加建議的(重複的?),等等。如果你想檢查你的標籤,接觸一下規定標籤如何工作的同志們肯定不會錯的。 

jigsaw.w3.org:W3C同時也提供了一個CSS驗證工具,它也可以檢查你的標籤找出潛在的錯誤和警告。同樣的,你有一些選項來設定不同的CSS場景(profile),指定樣式表為何種媒體創建,以及控制報告顯示哪些資訊。 

FeedValidator.org:FeedValidator首先確認你給它的RSS源是否有效,然後檢查你最新的內容條目,給出問題的概述,高亮標示出存在問題的行。非常方便的確保你的RSS源在各種閱讀器中正確的顯示。 

Relaxed.vse.cz:Relaxed沒有使用官方的W3C規範進行驗證,而是使用自己的一些規則來驗證你的文檔。你可以選擇你所使用的HTML的版本,選擇是否顯示原始程式碼,是否使用一個”髒“流覽器,以及幾個其它選項。它也可作為一個Firefox外掛程式,直接在你的流覽器增加這些服務。 

Validome.org:Validome就像驗證器的一站式商店。這個網站提供各種工具,來檢查你的HTML,XML,DTD-Schema,RSS,以及Google Sitemaps。每個工具都大量的選項,調整它們來滿足你的需求。 

VirtualPromote.com:VirtualPromote為開發者提供大量的工具來應對不同的任務,但對於前臺開發者來講,最重要的三項就是HTML,CSS和XML的驗證器。 

xhtml-css.com:xhtml-css.com可以快速的流覽一個網站,來驗證HTML和CSS。其提供的服務包括列出所有錯誤以及你需要關注的可疑告警,以及關於問題性質的詳細描述。你也可以使用一些更高級的選項來設置HTML編碼,設置CSS的場景和適用的媒體。該網站還提供一個名叫BeValid的Firefox外掛程式,它可以更快的幫你驗證正在訪問的URL。

做網頁前需要的規劃

Wednesday, April 15th, 2009

我在 網頁設計 公司做了兩年,接觸過很多不同的客戶。絕大部份的客戶在接觸我們之前,都不是很清楚網站的主要功能是什麼,抱著人有我有的心態;只有很少數的客戶會準備一份網站建設計劃書,而有準備的大多數都是很簡單,只會列出網站的功能。所以,每次在跟客戶談話時,我都會問客戶幾個問題:你的網站主要目的是什麼? 你針對的客戶群是那些國家或地區? 你希望網站為你帶來什麼收益… 可是,很多客戶連這些最基本的問題都不能回答。我們需要知道,做了一個網站後並不是把網站放在一邊,客戶便自然會找上門,還要做一些網站推廣的工作。否則一個做了一個很漂亮的網站也是沒有用的,因為根本沒有人知道你網站的存在。

一個網站的成功與否與建站前的網站規劃有著極為重要的關係。在建立網站前應明確建設網站的目的,確定網站的功能,確定網站規模、投入費用,進行必要的市場分析等。只有詳細的規劃,才能避免在網站建設中出現的很多問題,使網站建設能順利進行。

網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能,並根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。

網站規劃書出應該盡可能涵蓋網站規劃中的各個方面,網站規劃書的寫作要認真、實事求是。

網站規劃書包含的內容如下:

一、建設網站前的市場分析

1、相關行業的市場是怎樣的,市場有什麼樣的特點,是否能夠在互聯網上開展公司業務。
2、市場主要競爭者分析,競爭對手上網情況及其網站規劃、功能作用。
3、公司自身條件分析、公司概況、市場優勢,可以利用網站提升哪些競爭力,建設網站的能力(費用、技術、人力等)。

二、建設網站目的及功能定位

1、為什麼要建立網站,是為了宣傳產品,進行電子商務,還是建立行業性網站?是企業的需要還是市場開拓的延伸?
2、整合公司資源,確定網站功能。根據公司的需要和計畫,確定網站的功能:產品宣傳型、網上行銷型、客戶服務型、電子商務型等。
3、根據網站功能,確定網站應達到的目的作用。
4、企業內部網(Intranet)的建設情況和網站的可擴展性。

三、網站技術解決方案

根據網站的功能確定網站技術解決方案。
1、採用自建伺服器,還是租用伺服器。
2、選擇操作系統,用unix,Linux還是Window2003/NT。分析投入成本、功能、開發、穩定性和安全性等。
3、採用系統性的解決方案(如IBM,HP)等公司提供的企業上網方案、電子商務解決方案?還是自己開發。
4、網站安全性措施,防黑客、防病毒方案。
5、相關程式開發。如網頁程式 PHP.NETJSP、CGI、資料庫 程式等。

四、網站內容規劃

1、根據網站的目的和功能規劃網站內容,一般企業網站應包括:公司簡介、產品介紹、服務內容、價格資訊、聯絡方式、網上定單等基本內容。
2、電子商務類網站要提供會員註冊、詳細的商品服務資訊、資訊搜索查詢、定單確認、付款、個人資訊保密措施、相關幫助等。
3、如果網站欄目比較多,則考慮採用網站編程專人負責相關內容。 注意:網站內容是網站吸引流覽者最重要的因素,無內容或不實用的資訊不會吸引匆匆流覽的訪客。可事先對人們希望閱讀的資訊進行調查,並在網站發佈後調查人們對網站內容的滿意度,以及時調整網站內容。

五、網頁設計

1、網頁設計美術設計要求,網頁美術設計一般要與企業整體形象一致,要符合CI規範。要注意網頁色彩、圖片的應用及版面規劃,保持網頁的整體一致性。
2、在新技術的採用上要考慮主要目標訪問群體的分佈地域、年齡階層、網路速度、閱讀習慣等。
3、制定網頁改版計畫,如半年到一年時間進行較大規模改版等。

除了要知道建設網站的目的、技術、網站內容和設計外,網站完成後,網站維護也是非常重要的。網站維護所指的不只是除蟲,也可以為網站加入一些新的功能或者更改網站的架構或設計。所以,在找網頁公司時,一定要問清楚網站的維護費用,以及向網頁公司取回網站原始碼。