個人網(wǎng)站制作的流程_第1頁
個人網(wǎng)站制作的流程_第2頁
個人網(wǎng)站制作的流程_第3頁
個人網(wǎng)站制作的流程_第4頁
個人網(wǎng)站制作的流程_第5頁
已閱讀5頁,還剩14頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、個人網(wǎng)站制作的流程要領(lǐng)一:確定網(wǎng)站主題做網(wǎng)站,首先必須要解決的就是網(wǎng)站內(nèi)容問題,即確定網(wǎng)站的主題。美國個人電腦雜志(PC Magazine)評出了 99年度排名前100位的全美知名網(wǎng)站的十類題材:第 1類:網(wǎng)上 求職;第2類:網(wǎng)上聊天/即時信息/ICQ;第3類:網(wǎng)上社區(qū)/討論/郵件列表;第4類:計 算機(jī)技術(shù);第5類:網(wǎng)頁/網(wǎng)站開發(fā);第6類:娛樂網(wǎng)站;第7類:旅行;第8類:參考/ 資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續(xù)細(xì)分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者, 你可以有自己的見解,做出自己的特色;二者,在制作網(wǎng)站時

2、不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力,沒有創(chuàng)作熱情,很難設(shè)計制作出優(yōu)秀的作品。對于內(nèi)容主題的選擇,要做到小而精,主題定位要小,內(nèi)容要精。不要去試圖制作一個包 羅萬象的站點,這往往會失去網(wǎng)站的特色,也會帶來高強(qiáng)度的勞動,給網(wǎng)站的及時更新帶 來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一,沒有第二!要領(lǐng)二:選擇好域名域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站,其所有建設(shè)的價值, 都凝結(jié)在其網(wǎng)站域名之上。失去這個域名,所有前期工作就將全部落空。目前,做個人網(wǎng)站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網(wǎng)易的 虛擬域名服務(wù),其實這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時

3、”開啟的窗口 妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網(wǎng)站的第一 筆財富,要把域名起得形象、簡單、易記。要領(lǐng)三:掌握建網(wǎng)工具網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展,所以用于制作We頃面的工具軟件也越來越豐富。從最基本的HTM編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具,各種各樣的We頃面 制作工具,下面是幾款具有代表性的網(wǎng)頁制作器:(1) HTM編輯器。雖然HTML弋碼復(fù)雜,編輯和調(diào)試要花費大量的時間,但因HTML勺穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果,仍受高級網(wǎng)頁制作人員的青睞。就目

4、前來說, 有眾多的編輯器供選擇,這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級 HTM網(wǎng)范,使用較為普 遍的有Hotdog等專業(yè)HTM編輯器。(2)所見即所得的網(wǎng)頁編輯器。其中以 Microsoft Frontpage 為代表,它具有如 Word一 樣的操作界面,熟知Word功能的操作者,只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且,F(xiàn)rontpage 還能解析網(wǎng)頁的HTML代碼,并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不 能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用 的工具軟件。(3)現(xiàn)在非常流行的Macromedia公司出品的Flash互動網(wǎng)頁制作

5、工具。這是是一款功能 非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁,它不需 要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出 色。而且還可以在Flash動畫中封裝Mp4樂、填寫表單等;并且由于 Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態(tài)We飾U作的工具。另外,個人網(wǎng)站制作者還需了解 W3c勺HTML4.C范、CSS疊樣式表的基本知識、 javascript 、VBScript的基本知識。對于常用的一些腳本程序如 ASR CGI、PHPfi要有適 當(dāng)了解,還要熟練使用圖形處理工具和動畫制

6、作工具以及矢量繪圖工具,并能部分了解多 種圖形圖像動畫工具的基本用法,熟練使用 FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也 是必備的。當(dāng)然,互聯(lián)網(wǎng)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣 圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強(qiáng)大的圖形、 圖片制作技術(shù)。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用 的圖片、按鈕、背景等網(wǎng)頁素材。要領(lǐng)四:確定網(wǎng)站界面界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注 意以下三點:欄目與板塊編排構(gòu)建一個網(wǎng)站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰

7、。網(wǎng)站建設(shè) 初學(xué)者,最容易犯的錯誤就是:確定題材后立刻開始制作,沒有進(jìn)行合理規(guī)劃。從而導(dǎo)致 網(wǎng)站結(jié)構(gòu)不清晰,目錄龐雜混亂,板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂,制作 者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以,我們在動手制作網(wǎng)頁前,一定要考慮好欄目 和板塊的編排問題。網(wǎng)站的題材確定后,就要將收集到的資料內(nèi)容作一個合理的編排。比如,將一些最吸引人 的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質(zhì)是一個網(wǎng)站的大綱索 引,索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候,要仔細(xì)考慮,合理安排。 在欄目編排時需要注意的是:盡可能刪除那些與主題無關(guān)的欄目;盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在

8、欄目上;盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(nèi)容,如站點簡介、 版權(quán)信息、個人信息等大可不必放在主欄目里,以免沖淡主題。另外,板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有 自己的欄目。舉個例子:ENET#谷動力()的站點分新聞、產(chǎn)品、游戲、學(xué)院等板塊,每 個板塊下面又各有自己的主欄目。一般來說,個人站點內(nèi)容較少,只要分個欄目也就夠了, 不需要設(shè)置板塊。如果有必要設(shè)置板塊的,應(yīng)該注意:各板塊要有相對獨立性;各板塊要有相互關(guān)聯(lián);各板塊的內(nèi)容要圍繞站點主題;目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用 Frontpage建立網(wǎng)站時

9、都默認(rèn)建立了 根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃, 隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點 本身的維護(hù),以后內(nèi)容的擴(kuò)充和移植有著重要的影響。 所以建立目錄結(jié)構(gòu)時也要仔細(xì)安排, 比如:不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄 下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文 件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率;上傳速度變慢,服務(wù)器一般都會為根 目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件, 服務(wù)器也需

10、要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的 時間也將越長。按欄目內(nèi)容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內(nèi)容較多,需要 經(jīng)常更新的可以建立獨立的子目錄。而一些相關(guān)性強(qiáng),不需要經(jīng)常更新的欄目,例如:網(wǎng) 站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例 如:CGI程序放在cgi-bin目錄,所有提供下載的內(nèi)容也最好放在一個目錄下,便于維護(hù) 管理。在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認(rèn) 地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當(dāng)麻煩。所

11、以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單, 就是方便維護(hù)與管理。其它需要注意的還有:目錄的層次不要太深,不要超過 3層;不要使用中文目錄,使用中 文目錄可能對網(wǎng)址的正確顯示造成困難; 不要使用過長的目錄,太長的目錄名不便于記憶; 盡量使用意義明確的目錄,以便于記憶和管理。網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,但可以 跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一 個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點并不是分布在一個平 面上,而是存在于一個立體的空間中。一般的,建立網(wǎng)站的鏈接結(jié)構(gòu)

12、有兩種基本方式:樹狀鏈接結(jié)構(gòu)(一對一),這類似 DOS勺目錄結(jié)構(gòu),首頁鏈接指向一級頁面,一級頁面 鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進(jìn)入,一級級退出,條理比較清晰, 訪問者明確知道自己在什么位置,不會“不知身在何處”,但是瀏覽效率低,一個欄目下 的子頁面到另一個欄目下的子頁面,必須回到首頁再進(jìn)行。星狀鏈接結(jié)構(gòu)(一對多),類似網(wǎng)絡(luò)服務(wù)器的鏈接,每個頁面相互之間都建立有鏈接。 這樣瀏覽比較方便,隨時可以到達(dá)自己喜歡的頁面。但是由于鏈接太多,容易使瀏覽者迷 路,搞不清自己在什么位置,看了多少內(nèi)容。因此,在實際的網(wǎng)站設(shè)計中,總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方 便快速地達(dá)到

13、自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首 頁和一級頁面之間用星狀鏈接結(jié)構(gòu),一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu) 的設(shè)計,在實際的網(wǎng)頁制作中是非常重要一環(huán),采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的 布局。進(jìn)行形象設(shè)計網(wǎng)站的設(shè)計可以從以下幾點出發(fā):設(shè)計網(wǎng)站標(biāo)志(LOGO) LOGO指網(wǎng)站的標(biāo)志,標(biāo)志可以是中文、英文字母,也可以是符 號、圖案等。標(biāo)志的設(shè)計創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如:網(wǎng)站內(nèi)有代表性的人物、 動物、植物,可以用它們作為設(shè)計的藍(lán)本,加以卡通化或者藝術(shù)化;專業(yè)網(wǎng)站可以以本專 業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志,采

14、用 不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。設(shè)計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊,不同的色彩搭配產(chǎn)生不同的效果, 并可能影響到訪問者的情緒?!皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩,要用 于網(wǎng)站的標(biāo)志,標(biāo)題,主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使 用,但應(yīng)當(dāng)只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網(wǎng)站的標(biāo)準(zhǔn)色彩不超 過3種,太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有:藍(lán)色,黃 /橙色,黑/灰/白色 三大系列色。設(shè)計網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣,標(biāo)準(zhǔn)字體是指用于標(biāo)志,標(biāo)題,主菜單的特有字體。 一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點的

15、“與眾不同”和特有風(fēng)格,可以根據(jù)需要選 擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵,選擇更貼切的字體。需要說明 的是:使用非默認(rèn)字體只能用圖片的形式,因為很可能瀏覽者的計算機(jī)里沒有安裝特別享 體,那么辛苦設(shè)計制作便可能付之東流了。設(shè)計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心,或者是網(wǎng)站的目標(biāo),用一句話 或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站,進(jìn)行對外宣傳,可以收到比 較好的結(jié)果。要領(lǐng)五:確定網(wǎng)站風(fēng)格“風(fēng)格”是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站 點的CI (標(biāo)志,色彩,字體,標(biāo)語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容 價值等等

16、諸多因素,網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴(yán)肅的。不管是色 彩、技術(shù)、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨 有的,這就形成了網(wǎng)站的“風(fēng)格”。風(fēng)格是有人性的,通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個站點的 個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執(zhí)著熱情的;是活潑易變的, 還是墨守成規(guī)的??傊酗L(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信 息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風(fēng)格的網(wǎng)站上 你可以獲得除內(nèi)容之外的更感性的認(rèn)識,比如站點的品位,對瀏覽者的態(tài)度等。在明確自

17、己想給人以怎樣的印象后,要找出網(wǎng)站中最有特色的東西,就是最能體現(xiàn)網(wǎng)站風(fēng) 格的東西。并以它作為網(wǎng)站的特色加以重點強(qiáng)化、宣傳。總之,風(fēng)格的形成不是一次定位 的,你可以在實踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。要領(lǐng)六:有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意,作為網(wǎng)頁設(shè)計制作者,最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣 網(wǎng)站,如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,那么,網(wǎng)站設(shè)計制作者也應(yīng)當(dāng)放棄這個創(chuàng) 意。另外,主頁內(nèi)容是網(wǎng)站的根本之所在,如果內(nèi)容空洞,即使頁面制作地再怎樣精美, 仍然不會有多少用戶。從根本上說,網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量,內(nèi)容

18、為王(Content Is King)依然是個人網(wǎng)站成功的關(guān)鍵。要領(lǐng)七:推廣自己的網(wǎng)站網(wǎng)站的營銷推廣在個人網(wǎng)站的運行中也占著重要的地位,在推廣個人網(wǎng)站之前,請確保已 經(jīng)做好了以下內(nèi)容:網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時;網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn),網(wǎng)站 的交互性能良好。一般來說,網(wǎng)站的推廣有以下幾種方式:(1)搜索引擎注冊與搜索目錄登錄技巧注冊著名的搜索引擎站點是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧,像 AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網(wǎng)址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別 Frame,所以一定要提交有內(nèi)容的 Main

19、頁面。而彳t Yahoo搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址,以保證收錄網(wǎng)站的質(zhì)量,在分 類查詢時獲得的信息相關(guān)性比搜索引擎站點(靠Spider自動搜索的)更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多,因此在提交網(wǎng)站時要注意遵守規(guī)則。如 Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網(wǎng)址提交到最合適的目錄下面,要認(rèn)真詳細(xì) 的介紹網(wǎng)站,千萬不要有虛假、夸張的成分。(2)廣告交換技巧很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當(dāng);第二,首頁交換。 顯而易見,這種做法是為了充分利用廣告交換。以很多個人網(wǎng)站的經(jīng)驗,當(dāng)與一個個人站 點交換鏈接時,對方把網(wǎng)站的LOGCM到

20、了友情連接一頁,而不是首頁時,很少有訪客會來 自那里。通常在首頁,廣告交換才會有很好的效果。(3)目標(biāo)電子郵件推廣使用電子郵件宣傳網(wǎng)址時,主要有如下技巧:可以使用免費郵件列表來進(jìn)行,只要你申請 了免費郵件列表服務(wù),你就可以利用郵件列表來推廣你的網(wǎng)站;可以通過收集的特定郵件 地址,來發(fā)送信息到特定的網(wǎng)絡(luò)群體,在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站;發(fā)送HTM臍式的郵件,即使其內(nèi)容與接收者關(guān)系不大,也不會被被當(dāng)作垃圾信件馬上刪掉,人們至少會 留意一下發(fā)送者的地址。不過,在進(jìn)行郵件推廣的時候要注意網(wǎng)絡(luò)道德。要領(lǐng)八:支撐網(wǎng)站日常運行當(dāng)個人網(wǎng)站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網(wǎng)站獲取資

21、 金通常有以下兩個渠道:(1)銷售網(wǎng)站的廣告位要銷售網(wǎng)站的廣告位,一般來說,每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性,以往的廣告經(jīng)驗,技術(shù)以及設(shè)計要求等也會影響到廣告的 銷售。一般來說,WEET告的收費有三種方式: CPM (Cost Per Million/Thousand)放一個廣告,它按每1,000人次來訪問站點收費。這方法對網(wǎng)站經(jīng)營者最為合適,只要有 人瀏覽該網(wǎng)頁,就得錢,不管訪問者對廣告有無反應(yīng)一一是否會看或點擊該廣告。點透(Click-through )通過Banner廣告點到了廣告商的站點,這才算數(shù),廣告商青睞這個,他只為對自己廣告感興趣的人“套

22、錢網(wǎng)站經(jīng)營者就不合適了,據(jù)一些調(diào)查資料表明,只有3%勺訪問者會去“CLICK 廣告。提成(Commission)根據(jù)訪問者點擊位于你站點上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方 法對于網(wǎng)站的經(jīng)營者來說,比上面兩個都更加冒險。通常的,個人網(wǎng)站的廣告收費方法往往是第一、第二種方法的結(jié)合,站點和廣告商都可少 冒點險。(2)與大型網(wǎng)站合作另外,通過與大型網(wǎng)站合作,獲取經(jīng)費,也可以維持個人網(wǎng)站的日常運行。不過,個人網(wǎng) 站很容易會成為商業(yè)網(wǎng)站的附屬品。有時間和充沛的體力,再加上對新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用,你就能為自己在網(wǎng)上建一個家了在網(wǎng)頁設(shè)計的認(rèn)識上,許多人似乎仍停留在網(wǎng)頁制作的高度上。認(rèn)為

23、只要用好了網(wǎng)頁制作 軟件,就能搞好網(wǎng)頁設(shè)計了。其實網(wǎng)頁設(shè)計是一個感性思考與理性分析相結(jié)合的復(fù)雜的過程,它的方向取決于設(shè)計的任 務(wù),它的實現(xiàn)依賴于網(wǎng)頁的制作。正所謂“功夫在詩外”,網(wǎng)頁設(shè)計中最重要的東西,并 非在軟件的應(yīng)用上,而是在我們對網(wǎng)頁設(shè)計的理解以及設(shè)計制作的水平上,在于我們自身 的美感以及對頁面的把握上。首先,我們要弄清楚網(wǎng)頁設(shè)計的任務(wù)。、設(shè)計的任務(wù)設(shè)計是一種審美活動,成功的設(shè)計作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計的手段,而并非 設(shè)計的任務(wù)。設(shè)計的任務(wù)是要實現(xiàn)設(shè)計者的意圖,而并非創(chuàng)造美。網(wǎng)頁設(shè)計的任務(wù),是指設(shè)計者要表現(xiàn)的主題和要實現(xiàn)的功能。站點的性質(zhì)不同,設(shè)計的任 務(wù)也不同。從形式上,可以

24、將站點分為以下三類。第一類是資訊類站點,像新浪、網(wǎng)易、搜狐等。這類站點將為訪問者提供大量的信息,而 且訪問量較大。因此需注意頁面的分割、結(jié)構(gòu)的合理、頁面的優(yōu)化、界面的親和等問題。第二類是資訊和形象相結(jié)合的網(wǎng)站,像一些較大的公司、國內(nèi)的高校等。這類網(wǎng)站在設(shè)計 上要求較高,既要保證資訊類網(wǎng)站的上述要求,同時又要突出企業(yè)、單位的形象。然而就 現(xiàn)狀上來看,這類網(wǎng)站有粗制濫造的嫌疑。第三類則是形象類網(wǎng)站,比如一些中小型的公司或單位。這類網(wǎng)站一般較小,有的則有幾 頁,需要實現(xiàn)的功能也較為簡單,網(wǎng)頁設(shè)計的主要任務(wù)是突出。這類網(wǎng)站對設(shè)計者的美工 水平要求較高。當(dāng)然,這只是從整體上來看,具體情況還要具體分析。不

25、同的站點還要區(qū)別對待。別忘了 最重要的一點,那就是客戶的要求,它也屬于設(shè)計的任務(wù)。明確了設(shè)計的任務(wù)之后,接下來要想的就是如何完成這個任務(wù)了、設(shè)計的實現(xiàn)設(shè)計的實現(xiàn)可以分為兩個部分。第一部分為站點的規(guī)劃及草圖的繪制,這一部分可以在紙 上完成。第二部分為網(wǎng)頁的制作,這一過程是在計算機(jī)上完成的。設(shè)計首頁的第一步是設(shè)計版面布局。我們可以將網(wǎng)頁看作傳統(tǒng)的報刊雜志來編輯,這里面 有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的 不同位置。 除了要有一臺配置不錯的計算機(jī)外,軟件也是必需的。不能簡單地說一個軟件 的好壞,只要是設(shè)計者使用起來覺得方便而且能得心應(yīng)手的,就可以稱為好軟件

26、。當(dāng)然, 它應(yīng)該能滿足設(shè)計者的要求。筆者常用的軟件是Macromedia的Dreamweaver Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟件。接下來我們要做的就是通過軟件的使用,將設(shè)計的藍(lán)圖變?yōu)楝F(xiàn)實,最終的集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在制作過程中產(chǎn)生 的。設(shè)計作品一定要有創(chuàng)意,這是最基本的要求,沒有創(chuàng)意的設(shè)計是失敗的。在制作的過 程中,我們會碰到許多問題,其中最敏感的莫過于頁面的顏色了。三、色彩的運用色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈

27、感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象征生命。黃色是明度最高的顏色,顯得 華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象征安寧和平與安 全,如。紫色是高貴的象征,有莊重感。白色能給人以純潔與清白的感覺,表示和平與圣 潔。我們知道,顏色是產(chǎn)生的,紅、黃、藍(lán)是,其它的色彩都可以用這三種色彩調(diào)和而成。換 一種思路,我們可以用顏色的變化來表現(xiàn)光影效果,這無疑將使我們的作品更貼近現(xiàn)實。色彩代表了不同的情感,有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個 復(fù)雜問題,它因人的年齡、地域、時代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、 生活環(huán)境、性別差異

28、而有所不同。單純的顏色并沒有實際的意義,和不同的,它所表現(xiàn)出來的效果也不同。比如綠色和金黃、 淡白搭配,可以產(chǎn)生優(yōu)雅,舒適的氣氛。藍(lán)色和白色混合,能體現(xiàn)柔順、淡雅、浪漫的氣 氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。 設(shè)計的任務(wù)不同,也隨之不同??紤]到網(wǎng)頁的適應(yīng)性,應(yīng)盡量使用網(wǎng)頁安全色。但顏色的使用并沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經(jīng)驗 上我們可先確定一種能表現(xiàn)主題的主體色,然后根據(jù)具體的需要,應(yīng)用顏色的近似和對比 來完成整個頁面的配色方案。整個頁面在視覺上應(yīng)是一個整體,以達(dá)到和諧、悅目的視覺 效果。四、造型的組合在網(wǎng)頁設(shè)計中,

29、我們主要通過來表現(xiàn)主題。在視覺傳達(dá)中,造型是很重要的一個元素。拋 去是圖還是文字的問題,畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點、線、面 來進(jìn)行處理。在一幅成功的作品里,是需要點、線、面的共同組合與搭配來構(gòu)造整個頁面 的。通常我們可以使用的組合手法有秩序、比例、土衡、對稱、連續(xù)、間隔、重疊、反復(fù)、交 * 節(jié)奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設(shè)計中應(yīng)根據(jù)具體 情況,選擇最適合的,這樣有利于主題的表現(xiàn)。通過點、線、面的組合,可以突出頁面上的重要元素,突出設(shè)計的主題,增強(qiáng)美感,讓觀 者在感受美的過程中領(lǐng)會設(shè)計的主題,從而實現(xiàn)設(shè)計的任務(wù)。造型的巧妙運用不僅能帶來極大的

30、美感,而且能較好地突出企業(yè)形象,而且能將網(wǎng)頁上的 各種元素有機(jī)的組織起來,它甚至還可以引導(dǎo)觀者的視線。五、設(shè)計的原則設(shè)計是有原則的,無論使用何種手法對畫面中的元素進(jìn)行組合,都一定要遵循五個大的原則:統(tǒng)一、連貫、分割、對比及和諧。統(tǒng)一,是指設(shè)計作品的整體性,一致性。設(shè)計作品的整體效果是至關(guān)重要的,在設(shè)計中切 勿將各組成部分孤立分散,那樣會使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。連貫,是指要注意頁面的相互關(guān)系。設(shè)計中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn) 形式上的相互呼應(yīng),并注意整個頁面設(shè)計風(fēng)格的一致性,實現(xiàn)視覺上和心理上的連貫,使 整個頁面設(shè)計的各個部分極為融洽,猶如一氣呵成。分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目了然。 在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進(jìn)行有效的分割。分割不僅是表 現(xiàn)形式的需要。換個角度來講,分割也可以被視為對于頁面內(nèi)容的一種分類歸納。對比就是通過矛盾和沖突,使設(shè)計更加富有生氣。對比手法很多,例如:多與少、曲與直、 強(qiáng)與弱、長與短、粗與細(xì)、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散 等等。在使用對比的時候應(yīng)慎重,對比過強(qiáng)容易破壞美感,影響統(tǒng)一。和諧是指整個頁面符合美的法則,渾然一體。如果一件設(shè)計作品僅僅是色彩、形狀、線條 等的隨意混合,那么作品將不但沒有“生命感”,而且也根本無法

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論