蘋果網頁設計SEO廣告投放
首頁 > 新聞中心 > 最新消息 > 網頁設計製作入門

編輯本段網頁設計製作入門


 -------------------------------------------------------------------

網頁設計首頁

  首頁是指一個網站的主索引頁,是令訪客瞭解網站概貌並引導其調閱重點內容的嚮導。首頁設計要求在保障整體感的前提下,根據大多數人的閱讀習慣以色彩、線條、圖片等要素將導航條、各功能區以及內容區進行分隔。首頁設計採用客戶的既定標準色,注重協調各區域的主次關係,以營造高易用性與視覺舒適性的人機交互介面為終極目標。

形象頁

  網頁設計形象頁是指一個網站的歡迎頁面,可引入的元素大致有:企業名稱、LOGO、形象圖片、網址、宣傳語、首頁連結、其他語種頁面連結等。將客戶選定的元素創造性地佈局後進行整體化設計,建立親和、亮麗的視覺效果,達到提高企業形象,宣傳企業理念的功效。

入口頁

  網頁設計入口頁又稱Coverpage,顧名思義如果把網站比作一本雜誌,入口頁(Coverpage)就是封面了。此頁面的元素通常只有企業的名稱,企業的LOGO以及表現企業形象的背景圖片等。

  適用於突出體現企業形象、企業理念或者為了讓網站藝術型。但不適用於功能性強、交互頻繁的網站。

網頁編寫

  網頁是由HTML超文字標記語言)編寫的。過去製作網頁都要有專門的技術人員一行一行代碼的編寫非常費事,而如今有了FrontPage DreamWeaver這樣視覺化的編輯工具使得不再那麼困難,同時也可以實現更多強大的功能。

網站策劃

  網頁設計是企業發佈資訊、收集回饋、提供服務的綜合平臺。資訊結構的設置能否符合訪客的使用習慣將在很大程度上影響網站的實際功效。我們將圈定客戶網站的主要目標訪客群體後進行網站整體結構及欄目的策劃,出具詳細的各頁頁面配置圖與細節說明,並據此與客戶討論佈局、設計風格、以及各頁面間的勾接關係等。

形象頁設計

  網頁設計形象頁是指一個網站的歡迎頁面,可引入的元素大致有:企業名稱、LOGO、形象圖片、網址、宣傳語、首頁連結、其他語種頁面連結等。將客戶選定的元素創造性地佈局後進行整體化設計,建立親和、亮麗的視覺效果,達到提高企業形象,宣傳企業理念的功效。

欄目頁設計

  據網站結構及資訊類別的分類,確定需要獨立設計的欄目頁和內容頁範本檔的總數。設計中兼顧並繼承首頁的設計風格,保障範本在各具體頁面套用過程中的適用性和靈活性。

動態效果

  在策劃階段根據不同頁面的需要,設置JavascriptDHTML特效若干。例如:走馬燈、分時問好、快顯視窗等。

Flash動畫

  Flash動畫是一種向量動畫格式,它是用Macromedia公司的Flash4軟體編輯而成,具有體積小、相容性好、直觀動感、互動性強大、支援MP3音樂等諸多優點,是當今最流行的Web頁面動畫格式

超文字

  網頁設計超文字是一種新的檔形式,指一個檔的內容可以無限地與相關資料連結。超文字是自然語言文本與電腦交互、轉移和動態顯示等能力結合,超文字系統允許使用者任意構造連結,通過Hyperlink來實現。

編輯本段網站建設經驗和技巧

一、網頁設計主題規劃

  主題不可過於分散,網站主題越集中,一般情況下網站所有者在這方面投入的精力會更多,因此所提供資訊的品質也會越高。

二、豐富網頁設計內容

  兩者相輔相成,有著豐富內容的通常會受訪問者的歡迎。但是這裡的內容豐富並不是指內容的繁雜,而是指內容的深度。搜尋引擎在排名網站時,不僅要看網頁的資訊相關度,同時也會考慮網站的聲望如何,比如外部連結有多少,網頁的點擊率有多高等等。因此一個內容充實的網站肯定會排在內容貧乏的網站前面由於不同的搜尋引擎在網頁支持方面存在差異,因此在網頁設計時不要只注意外觀漂亮,許多平常設計網頁時常用到的元素到了搜尋引擎那裡會產生問題。

三、框架結構(Frame Sets

  有些搜尋引擎(如FAST)是不支援框架結構的,他們的蜘蛛:程式無法閱讀這樣的網頁。圖像區塊(Image Maps),除AltaVistaGoogle明確支援圖像區塊連結,其他引擎是不支援它的。當蜘蛛程式遇到這種結構時,往往會感到茫然不知所措。因此儘量不要設置Image Map連結。

  

四、特效連結

  有不少的網站為導航連結加上了特效,如點擊某個專案會展開下層連結等。這些效果一般通過Java script實現,視覺上非常新穎,但在蜘蛛程式的眼裡則沒那麼誘人,相反它無法解讀這種連結。為了讓搜尋引擎順利檢索到網頁,建議還是犧牲掉一些花哨的東西。

五、FLASH

  雖然FLASH製作的網頁視覺效果較好,但搜尋引擎對此卻不太感冒,個案表明這一類的網站很難被yahoo-google搜尋引擎索引。明智的做法是提供FLASH和非FLASH網頁兩種選擇,這樣即增加了網頁的觀賞性,又照顧到了搜尋引擎的情緒。

六、動態網頁設計網頁(Dynamic Pages

  任何位址中帶“?”號、“&”號(及其他類似符號)的網頁都會把蜘蛛程式擋在門外。這些網頁通常由 CGIPHPASP等程式產生,技術上較先進,但不適合搜尋引擎的蜘蛛程式。雖然目前有的大型搜尋引擎(如Google)已具備檢索動態網頁的能力,但相當一部分數引擎還是不支援它的。而且即使是能夠索引動態網頁的Google,也在多個場合中明確表示不保證檢索全部的動態網頁。

Top