DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 網站建設之初的選題定位:網站的策劃過程
網站建設之初的選題定位:網站的策劃過程
編輯:Dreamweaver相關     

 因為一張網頁所表達的信息比較有限,所以我們往往需要到許多張網頁,來進行多角度、各重點地介紹關於這方面的信息內容。而這許許多多的網頁,也就在無形當中構成了網站。由此,我們也就看出了網站的基本雛形:網站是網頁的有機整合體。關於這“有機整合”,則表明了網站中各網頁之間的錯綜復雜關系。

       一般,一個網站都是介紹特定某方面信息內容的,所以這些站點就具有著專業性。比如我們熟知的“百度”是搜索引擎站點,“阿裡巴巴”是電子商務站點,“藍色理想”是網頁設計站點等等。當然,除了這些專業性的站點以外,還有像“新浪”、“搜狐”、“網易”之類的門戶站點,他們就是大而全、什麼都有,綜合性比較高。這也就像現實生活中的專賣店和百貨商店的一樣。

 

對於我們個人而言,學習和運用網頁技術來建立網站。一般都是以某個特定的內容來作為專題,再繼續深入挖掘,則完全可以形成一個網站了。

1,前言

在確認了網站即將需要顯示的內容後,那麼很顯然接著的就是,對這些內容進行分揀歸類了。如同一篇文章分章節段落,有層次,有結構。只有經過一番深思熟慮的網站策劃後,才能讓網站浏覽者覺得這個網站看起來不費事、有看頭。否則,是網站制作者迷迷糊糊,浏覽者也是不知所雲,這樣的網站做了還不如不做。

比如,現在需要建立一個明星的個人站點(現在的歌星、影星擁有個人站點已經不是什麼新鮮事,站點的建立為星迷朋友們提供了深入了解明星、隨時和明星進行交流的方便)。本文就先借用一下某明星的姓名了,比如為“劉若英”這位“影視歌”三棲明星建立一個網站,我們將作如何的站點策劃呢。

2,搜索

一位偉人曾說“巨人之所以成為巨人,是因為站在巨人的肩膀上”,策劃一個站點也是如此。一個完善的站點,需要長期的積累,這往往需要很長的一段時間。但若在短期內將網站策劃完畢,則可借助其他類似站點的成功之處,借鑒、參考並加上自我的思考,就能將站點的策劃快速完成了,這是很普遍也是值得推薦的策劃方法。“往往參考先例要比摸索少走許多彎路”!

所以,我們可以搜索其他的某個明星網站,查看這些已經成型、成功的網站。因為現有的明星很多,不可能都能一一搜索到,故將搜索的范圍縮小。“劉若英”是位女明星,而網站的風格需要和明星的氣質相吻合(如“女性化”),那麼在搜索的時候則定位在你所知道的某另外女明星上,查看並浏覽該明星的網站。

具體,通過搜索引擎站點(如www.baidu.com、www.google.com等)搜索到某明星站點,目前查看這些站點就不是一個普通的網頁浏覽者了,需要轉個型,要以專業的眼光來看待網站的整體,即看的是網站內容以外的東西。

3,查看

比如查看這些明星站的網站欄目分類,她們的顏色選用,結構布局,最值得浏覽者注意的亮點,她們有別於其他同類明星站的地方……這是一個歸納總結的過程。可以邊操作邊將一些頭緒記錄下來,邊看邊為“劉若英”這個站點想該如何個建立法。

4,歸納,以下是思路過程:

(1)因為“劉若英”是“影視歌”的三棲明星,所以網站中可將這些分為網站三個欄目介紹,分別對應“影”、“視”、“歌”。同時還要為這些分類進行個性化的命名,這些名稱就可以參考到其他同類站的命名,比如為“影”欄命名為“影迷城”,為“視”欄命名為“電視劇場”,為“歌”欄命名為“歌迷會”;

(2)同時,作為站點的浏覽分類,以上三欄還略顯單薄,需要再豐富些。可參考了同類站點後,得出:明星的個人信息資料、明星的最新活動、明星的圖片等等。這些同樣能作為網站的板塊欄目。同時並分別命名為“私花園”、“新聞台”、“照相館”;

(3)網站欄目初步定了,接著可以考慮下網站的顏色。因為“劉若英”是女性、文靜,粉紅色再適合不過了(當然顏色的選擇也和站點策劃者的喜惡有關,還有的辦法則是提供多種顏色讓網友投票選擇)。至於用哪種粉紅,顏色又是怎麼的搭配,這是在設計網頁所考慮的了,目前網站策劃只追求大方向;

(4)此時,還能為網站畫出一個雛形,這是參考了眾多的明星站點,融入了自己的創意之後的網站內容結構圖。可簡單的在稿紙上描繪個輪廓,比如哪個地方放文本,哪個地方放圖片、動畫等,網站整體是一個什麼形狀,圓形、方形或是特制的等等。這是個大致,具體的細化只有在實際設計網頁的時候才去考慮。

5,其他

當然,還有不排除所需策劃的站點是無任何先例的,這就需要對該站點所介紹的內容進行全面的了解,相信總會找出能分出幾個重點來介紹的,那麼這些重點就是網站的欄目分類。

當然,本文此處只是一個范例的流程,讀者可依照類似的分析過程對其他不同類型的網站,進行站點的策劃。以上都屬於文案的工作,希望讀者朋友們要清楚的知道,沒有這前期的策劃,網站的建立是很難進展下去的。首要而又重要!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved