唐山網(wǎng)站建設(shè)規(guī)劃論文(唐山網(wǎng)站建設(shè)方案開發(fā))
網(wǎng)站設(shè)計畢業(yè)論文??!
要領(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)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力,沒有創(chuàng)作熱情,很難設(shè)計制作出優(yōu)秀的作品。
對于內(nèi)容主題的選擇,要做到小而精,主題定位要小,內(nèi)容要精。不要去試圖制作一個包羅萬象的站點(diǎn),這往往會失去網(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)站的很多都依賴免費(fèi)個人空間,其域名也是依賴免費(fèi)域名指向,如網(wǎng)易的虛擬域名服務(wù),其實(shí)這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點(diǎn)來說,首先花點(diǎn)錢去注冊一個域名,獨(dú)立的域名就是個人網(wǎng)站的第一筆財富,要把域名起得形象、簡單、易記。
要領(lǐng)三:掌握建網(wǎng)工具
網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展,所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具,各種各樣的Web頁面制作工具,下面是幾款具有代表性的網(wǎng)頁制作器:
(1)HTML編輯器。雖然HTML代碼復(fù)雜,編輯和調(diào)試要花費(fèi)大量的時間,但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果,仍受高級網(wǎng)頁制作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級HTML規(guī)范,使用較為普遍的有Hotdog等專業(yè)HTML編輯器。
(2)所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且,F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼,并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。
(3)現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。
另外,個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解,還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具,并能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也是必備的。
當(dāng)然,互聯(lián)網(wǎng)還是一個免費(fèi)的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費(fèi)時間又浪費(fèi)金錢,而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁素材。
要領(lǐng)四:確定網(wǎng)站界面
界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點(diǎn):
①欄目與板塊編排
構(gòu)建一個網(wǎng)站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網(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)勢地位。欄目的實(shí)質(zhì)是一個網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候,要仔細(xì)考慮,合理安排。在欄目編排時需要注意的是:
●盡可能刪除那些與主題無關(guān)的欄目;
●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上;
●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(nèi)容,如站點(diǎn)簡介、版權(quán)信息、個人信息等大可不必放在主欄目里,以免沖淡主題。
另外,板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET硅谷動力()的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點(diǎn)內(nèi)容較少,只要分個欄目也就夠了,不需要設(shè)置板塊。如果有必要設(shè)置板塊的,應(yīng)該注意:
●各板塊要有相對獨(dú)立性;
●各板塊要有相互關(guān)聯(lián);
●各板塊的內(nèi)容要圍繞站點(diǎn)主題;
②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)
網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃,隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點(diǎn)本身的維護(hù),以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細(xì)安排,比如:
●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率;上傳速度變慢,服務(wù)器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。
●按欄目內(nèi)容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng),不需要經(jīng)常更新的欄目,例如:網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內(nèi)容也最好放在一個目錄下,便于維護(hù)管理。
●在每個主目錄下都建立獨(dú)立的Images目錄。一般來說,一個站點(diǎn)根目錄下都有一個默認(rèn)地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當(dāng)麻煩。所以為每個主欄目建立一個獨(dú)立的Images目錄是方便管理的。原因很簡單,就是方便維護(hù)與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網(wǎng)址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便于記憶;盡量使用意義明確的目錄,以便于記憶和管理。
網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點(diǎn),鏈接則是在兩個固定點(diǎn)之間的連線。一個點(diǎn)可以和一個點(diǎn)連接,也可以和多個點(diǎn)連接。更重要的是,這些點(diǎn)并不是分布在一個平面上,而是存在于一個立體的空間中。一般的,建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式:
●樹狀鏈接結(jié)構(gòu)(一對一),這類似DOS的目錄結(jié)構(gòu),首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進(jìn)入,一級級退出,條理比較清晰,訪問者明確知道自己在什么位置,不會“不知身在何處”,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進(jìn)行。
●星狀鏈接結(jié)構(gòu)(一對多),類似網(wǎng)絡(luò)服務(wù)器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達(dá)自己喜歡的頁面。但是由于鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。
因此,在實(shí)際的網(wǎng)站設(shè)計中,總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結(jié)構(gòu),一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計,在實(shí)際的網(wǎng)頁制作中是非常重要一環(huán),采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。
③進(jìn)行形象設(shè)計
網(wǎng)站的設(shè)計可以從以下幾點(diǎn)出發(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)志,采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(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)只是作為點(diǎn)綴和襯托,絕不能喧賓奪主。一般來說,一個網(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)站點(diǎn)的“與眾不同”和特有風(fēng)格,可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵,選擇更貼切的字體。需要說明的是:使用非默認(rèn)字體只能用圖片的形式,因?yàn)楹芸赡転g覽者的計算機(jī)里沒有安裝特別字體,那么辛苦設(shè)計制作便可能付之東流了。
●設(shè)計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心,或者是網(wǎng)站的目標(biāo),用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站,進(jìn)行對外宣傳,可以收到比較好的結(jié)果。
要領(lǐng)五:確定網(wǎng)站風(fēng)格
“風(fēng)格”是抽象的,是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點(diǎn)的CI(標(biāo)志,色彩,字體,標(biāo)語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素,網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的,這就形成了網(wǎng)站的“風(fēng)格”。
風(fēng)格是有人性的,通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個站點(diǎn)的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執(zhí)著熱情的;是活潑易變的,還是墨守成規(guī)的。
總之,有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識,比如站點(diǎn)的品位,對瀏覽者的態(tài)度等。
在明確自己想給人以怎樣的印象后,要找出網(wǎng)站中最有特色的東西,就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳??傊?,風(fēng)格的形成不是一次定位的,你可以在實(shí)踐中不斷強(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)實(shí)的結(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)容為王(Content Is King)依然是個人網(wǎng)站成功的關(guān)鍵。
要領(lǐng)七:推廣自己的網(wǎng)站
網(wǎng)站的營銷推廣在個人網(wǎng)站的運(yùn)行中也占著重要的地位,在推廣個人網(wǎng)站之前,請確保已經(jīng)做好了以下內(nèi)容:網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時;網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn),網(wǎng)站的交互性能良好。一般來說,網(wǎng)站的推廣有以下幾種方式:
(1)搜索引擎注冊與搜索目錄登錄技巧
注冊著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網(wǎng)址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內(nèi)容的Main頁面。
而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址,以保證收錄網(wǎng)站的質(zhì)量,在分類查詢時獲得的信息相關(guān)性比搜索引擎站點(diǎn)(靠Spider自動搜索的)更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多,因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點(diǎn)描述不超過25個單詞。在此要注意:將網(wǎng)址提交到最合適的目錄下面,要認(rèn)真詳細(xì)的介紹網(wǎng)站,千萬不要有虛假、夸張的成分。
(2)廣告交換技巧
很多個人站點(diǎn)在相互廣告交換時都提出了幾個條件:第一,訪問量相當(dāng);第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網(wǎng)站的經(jīng)驗(yàn),當(dāng)與一個個人站點(diǎn)交換鏈接時,對方把網(wǎng)站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來自那里。通常在首頁,廣告交換才會有很好的效果。
(3)目標(biāo)電子郵件推廣
使用電子郵件宣傳網(wǎng)址時,主要有如下技巧:可以使用免費(fèi)郵件列表來進(jìn)行,只要你申請了免費(fèi)郵件列表服務(wù),你就可以利用郵件列表來推廣你的網(wǎng)站;可以通過收集的特定郵件地址,來發(fā)送信息到特定的網(wǎng)絡(luò)群體,在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站;發(fā)送HTML格式的郵件,即使其內(nèi)容與接收者關(guān)系不大,也不會被被當(dāng)作垃圾信件馬上刪掉,人們至少會留意一下發(fā)送者的地址。不過,在進(jìn)行郵件推廣的時候要注意網(wǎng)絡(luò)道德。
要領(lǐng)八:支撐網(wǎng)站日常運(yùn)行
當(dāng)個人網(wǎng)站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網(wǎng)站獲取資金通常有以下兩個渠道:
(1)銷售網(wǎng)站的廣告位
要銷售網(wǎng)站的廣告位,一般來說,每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性,以往的廣告經(jīng)驗(yàn),技術(shù)以及設(shè)計要求等也會影響到廣告的銷售。
一般來說,WEB廣告的收費(fèi)有三種方式:
①CPM (Cost Per Million/Thousand)
放一個廣告,它按每1,000人次來訪問站點(diǎn)收費(fèi)。這方法對網(wǎng)站經(jīng)營者最為合適,只要有人瀏覽該網(wǎng)頁,就得錢,不管訪問者對廣告有無反應(yīng)——是否會看或點(diǎn)擊該廣告。
②點(diǎn)透(Click-through)
通過Banner廣告點(diǎn)到了廣告商的站點(diǎn),這才算數(shù),廣告商青睞這個,他只為對自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營者就不合適了,據(jù)一些調(diào)查資料表明,只有3%的訪問者會去“CLICK”廣告。
③提成 (Commission)
根據(jù)訪問者點(diǎn)擊位于你站點(diǎn)上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方法對于網(wǎng)站的經(jīng)營者來說,比上面兩個都更加冒險。
通常的,個人網(wǎng)站的廣告收費(fèi)方法往往是第一、第二種方法的結(jié)合,站點(diǎn)和廣告商都可少冒點(diǎn)險。
(2)與大型網(wǎng)站合作
另外,通過與大型網(wǎng)站合作,獲取經(jīng)費(fèi),也可以維持個人網(wǎng)站的日常運(yùn)行。不過,個人網(wǎng)站很容易會成為商業(yè)網(wǎng)站的附屬品。
有時間和充沛的體力,再加上對新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用,你就能為自己在網(wǎng)上建一個家了。
有關(guān)網(wǎng)頁設(shè)計與制作畢業(yè)論文范文
為了增加網(wǎng)頁的吸引力和可理解性,以及互動性,網(wǎng)頁設(shè)計所起的作用十分重要。下面是我為大家整理的網(wǎng)頁設(shè)計 畢業(yè) 論文,供大家參考。
網(wǎng)頁設(shè)計畢業(yè)論文篇一:《Flash軟件畫在網(wǎng)頁設(shè)計中的應(yīng)用》
網(wǎng)頁設(shè)計畢業(yè)論文摘要
摘要:Flash技術(shù)運(yùn)用范圍非常廣泛,不論是網(wǎng)站、 廣告 、動畫、游戲,甚至程序設(shè)計與多媒體化展示方面都有一定程度的運(yùn)用。本文首先對Flash動畫今后的發(fā)展趨勢進(jìn)行分析并具體化敘述了Flash的實(shí)際定義與特點(diǎn),并對Flash動畫當(dāng)前在網(wǎng)頁設(shè)計中的應(yīng)用方式進(jìn)行分析,針對性闡述了Flash動畫在整站式網(wǎng)頁設(shè)計過程中交互式導(dǎo)航系統(tǒng)、Web圖像動畫展示以及鼠標(biāo)動畫的應(yīng)用。在此針對性研究Flash動畫在網(wǎng)頁設(shè)計中的相關(guān)研究,望研究結(jié)果能夠?qū)窈蟮膶W(xué)者一定幫助。
網(wǎng)頁設(shè)計畢業(yè)論文內(nèi)容
關(guān)鍵詞:Flash動畫 網(wǎng)頁設(shè)計 應(yīng)用研究
隨著社會邁入信息化時代,網(wǎng)絡(luò)及計算機(jī)技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢,從而促進(jìn)網(wǎng)頁動畫漸漸發(fā)展起來,此外網(wǎng)頁動畫設(shè)計在網(wǎng)頁設(shè)計中占據(jù)重要地位,促使人們在關(guān)注動畫整體發(fā)展趨勢的過程中將注意力放在網(wǎng)頁動畫方面。在構(gòu)建及設(shè)計網(wǎng)頁時,運(yùn)用Flash幫助網(wǎng)頁實(shí)現(xiàn)多媒體化的網(wǎng)頁成果展示,同時也漸漸成為網(wǎng)頁設(shè)計發(fā)展過程中不可或缺的重要部分。
1Flash的運(yùn)用及特點(diǎn)
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁設(shè)計矢量動畫文件格式時常得以較多的運(yùn)用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點(diǎn):第一,將矢量圖形作為主要運(yùn)行前提,致使其自身文件導(dǎo)出容量不大,在進(jìn)行圖片縮放時對其自身的清晰度影響不大,在網(wǎng)絡(luò)傳輸過程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強(qiáng)大的AS代碼,在設(shè)計動畫時運(yùn)用Flash技術(shù),促使動畫的交互性優(yōu)良,便于讀者在閱讀過程的理解并實(shí)施相關(guān)互動;第三,針對實(shí)際運(yùn)用過程分析,Flash動畫在運(yùn)作時主要采用插件,若用戶想要實(shí)現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動畫自身極小,所以其具備較快的調(diào)用速率;第四,在設(shè)計Flash過程中,可以根據(jù)需要適當(dāng)增加頁面控制按鈕幫助頁面實(shí)現(xiàn)鏈接的跳動,還可以運(yùn)用鼠標(biāo)實(shí)現(xiàn)頁面動畫中的運(yùn)動及移動。第五,Flash可以實(shí)現(xiàn)動畫視聽效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構(gòu)建全Flash制作站點(diǎn);第六,Flash動畫屬于一種“準(zhǔn)”流式文件內(nèi)容,無需全部下載完成就可以實(shí)現(xiàn)動畫觀看。
2Flash動畫在網(wǎng)絡(luò)設(shè)計中的應(yīng)用
在網(wǎng)頁設(shè)計中,Flash動畫具備非常多關(guān)鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實(shí)施網(wǎng)頁設(shè)計時,避免繁瑣、復(fù)雜的動畫設(shè)計效果的存在,畢竟物極必反,只會降低網(wǎng)頁的品質(zhì);如圖1所示。2.1網(wǎng)頁動畫信息交互的實(shí)現(xiàn)為了進(jìn)一步卻寶寶網(wǎng)頁動畫信息交互整體的流暢性,其中的一個重要關(guān)鍵就是Flash動畫導(dǎo)航的交互性設(shè)計。在對該部分內(nèi)容進(jìn)行設(shè)計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實(shí)際設(shè)計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應(yīng)內(nèi)容實(shí)現(xiàn)AxtionScript的具體化定義。2.2網(wǎng)頁動畫相關(guān)要素的設(shè)計第一,交互式導(dǎo)航系統(tǒng)。在網(wǎng)頁設(shè)計中,導(dǎo)航欄對用戶主要起到一種引導(dǎo)性作用。所以在設(shè)計時需要將其設(shè)計為多個導(dǎo)航級別,并構(gòu)建針對性的標(biāo)識來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統(tǒng)網(wǎng)頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經(jīng)由計算機(jī)技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁設(shè)計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運(yùn)用,主要采用RGB模板,并在網(wǎng)頁安全色方面運(yùn)用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標(biāo)動畫。為了實(shí)現(xiàn)優(yōu)質(zhì)化Flash動畫效果,在制作動畫效果時要特別注意鼠標(biāo)在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標(biāo)移動過程中的色彩與網(wǎng)頁設(shè)計色彩是不同的,有助于用戶一眼就可以將鼠標(biāo)找到。最后就是,鼠標(biāo)在色彩區(qū)別網(wǎng)頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。
3結(jié)語
綜合全文內(nèi)容,在網(wǎng)站設(shè)計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網(wǎng)站實(shí)現(xiàn)多媒體化效果展示的同時,還能夠結(jié)合數(shù)據(jù)通信這一 措施 全面性豐富網(wǎng)站自身具備的素材及資源,最終達(dá)到一種動態(tài)化的效果。截至今日,由于計算機(jī)技術(shù)發(fā)展速度不斷提升,結(jié)合Flash自身所具備的多種優(yōu)質(zhì)化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實(shí)現(xiàn)網(wǎng)頁設(shè)計的主體化運(yùn)用趨勢。
網(wǎng)頁設(shè)計畢業(yè)論文文獻(xiàn)
[1]喬慧.Flash動畫在網(wǎng)頁制作中的應(yīng)用及發(fā)展[J].內(nèi)蒙古石油化工,2013(21):68.
[2]關(guān)曉軒.Flash動畫在網(wǎng)頁制作中的應(yīng)用研究[J].北方文學(xué)(下旬),2012(11):91-93.
網(wǎng)頁設(shè)計畢業(yè)論文篇二:《響應(yīng)式網(wǎng)頁設(shè)計原型研究》
網(wǎng)頁設(shè)計畢業(yè)論文內(nèi)容
當(dāng)今,移動互聯(lián)網(wǎng)迅猛發(fā)展,各種智能設(shè)備層出不窮。傳統(tǒng)網(wǎng)頁設(shè)計采用“固定頁面及元素寬度,任何終端統(tǒng)一頁面效果”的策略,無疑將造成網(wǎng)頁在一些新興移動終端上顯示的文字極小、鏈接分布極密,用戶需要在屏幕上不停操作來自主尋求較好的體驗(yàn)。面對這一弊端,網(wǎng)頁設(shè)計師聚焦于“響應(yīng)式網(wǎng)頁設(shè)計”這一關(guān)鍵詞,試圖使用一套代碼為各類終端設(shè)備提供不同的設(shè)計和體驗(yàn)。從先前“為固定設(shè)備設(shè)計網(wǎng)頁”跨越到“響應(yīng)式網(wǎng)頁設(shè)計”是一個較難的過程。一些新手可能已經(jīng)積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設(shè)計開發(fā)技巧,掌握了HTML5和CSS3的使用 方法 ,但他們依然無法駕馭響應(yīng)式網(wǎng)頁設(shè)計。造成這種情況的直接原因就在于缺乏一個能夠指導(dǎo)他們立即開展響應(yīng)式網(wǎng)頁設(shè)計實(shí)踐的可操作流程,即原型。
1兩個關(guān)鍵概念:響應(yīng)式網(wǎng)頁設(shè)計與原型
響應(yīng)式網(wǎng)頁設(shè)計(RWD,Responsive網(wǎng)頁Design)是一種網(wǎng)頁前端開發(fā)技術(shù),它可以描述為,“兼顧多種不同設(shè)備屏幕尺寸、分辨率、系統(tǒng)平臺和行為做出相應(yīng)的調(diào)整和布局的顯示機(jī)制”。原型(Prototype),也叫“原樣”,是“模擬科學(xué)”中的一個術(shù)語。在心理科學(xué)中,由于很難對動作或心智活動認(rèn)識清楚,所以一般沿用J?R?安德森的觀點(diǎn),把原型(Prototype)視為關(guān)于范疇的最典型的樣例設(shè)想,即把“原型”視為外化的實(shí)踐模式,或“物質(zhì)化”了的心智活動方式或操作活動程序。綜合上述,響應(yīng)式網(wǎng)頁設(shè)計原型可描述為:符合“響應(yīng)式網(wǎng)頁設(shè)計項(xiàng)目分析、各類終端具有適合自身用戶體驗(yàn)的不同頁面效果、一套代碼完成所有不同終端的網(wǎng)頁制作、各類終端與主流瀏覽器良好兼容”等一系列規(guī)則的,外化的響應(yīng)式網(wǎng)頁設(shè)計活動實(shí)踐模式。
2建構(gòu)響應(yīng)式網(wǎng)頁設(shè)計的原型
建構(gòu)原型一般采用心理模擬法,它包含三個步驟:
(1)響應(yīng)式網(wǎng)頁設(shè)計活動的功能分析;
(2)響應(yīng)式網(wǎng)頁設(shè)計活動的結(jié)構(gòu)分析;
(3)功能分析與結(jié)構(gòu)分析的有機(jī)結(jié)合。其中,功能分析的重點(diǎn)是作用的對象,條件與結(jié)果;結(jié)構(gòu)分析的重點(diǎn)在于組成要素及要素之間的關(guān)系。響應(yīng)式網(wǎng)頁設(shè)計的目標(biāo)是能夠高效的編寫一套代碼為各類終端設(shè)備提供良好的設(shè)計效果和使用體驗(yàn),這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁設(shè)計之父——伊桑.馬科特認(rèn)為,響應(yīng)式網(wǎng)頁設(shè)計應(yīng)該首先針對小屏幕進(jìn)行設(shè)計,然后逐步增強(qiáng)針對大屏幕設(shè)計。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁設(shè)計方法,對于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁設(shè)計開發(fā)技巧、HTML5及CSS3等技術(shù),能夠較熟練的完成固定寬度桌面端網(wǎng)頁的新手而言,恐怕很難理解從小屏幕開始設(shè)計然后漸進(jìn)增強(qiáng)的思路。考慮到新手已經(jīng)習(xí)慣設(shè)計制作固定寬度的桌面版網(wǎng)頁,響應(yīng)式網(wǎng)頁設(shè)計如果從固定寬度的大屏幕網(wǎng)頁制作開始,然后改造這套代碼將僅適用于桌面的網(wǎng)頁依次兼容平板端和手機(jī)端也是一個不錯的思路。響應(yīng)式網(wǎng)頁設(shè)計活動包含了“項(xiàng)目分析”、“網(wǎng)頁平面設(shè)計”、“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問題的調(diào)試”這6個典型的子活動。這些典型要素的關(guān)系可以描述為,“要想高效的完成某響應(yīng)式網(wǎng)頁設(shè)計項(xiàng)目,首先需要項(xiàng)目分析,其階段性結(jié)果是響應(yīng)式網(wǎng)頁的總體方案,即在用戶群體需求分析及主題解讀的基礎(chǔ)上,進(jìn)行色彩分析及定位,確定UI版面布局,分析設(shè)計網(wǎng)頁功能模塊,確定網(wǎng)頁風(fēng)格等,最終形成包含“前言”、“需求分析”、“系統(tǒng)分析”、“風(fēng)格設(shè)計”、“各類終端UI版面初步布局”、“色彩定位”、“網(wǎng)頁建設(shè)日程規(guī)劃”等部分的網(wǎng)頁總體方案文檔;然后,根據(jù)前期方案中“色彩”、“風(fēng)格”及“各類終端UI版面布局”等的分析,依據(jù)頁面設(shè)計原則,利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后,利用“HTML5+Css3”技術(shù)采用div+css布局完成固定寬度桌面版網(wǎng)頁的制作并生成網(wǎng)頁文件和樣式表文件;接著,在這套代碼的基礎(chǔ)上,利用媒體查詢技術(shù)、流式布局、彈性圖片技術(shù),結(jié)合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網(wǎng)頁;之后,在上述修改的基礎(chǔ)上,繼續(xù)利用媒體查詢技術(shù)和彈性圖片技術(shù),結(jié)合手機(jī)終端的頁面效果圖將代碼改造成兼容桌面、平板、手機(jī)的網(wǎng)頁;最后,利用火狐和IETester軟件查看初步完成的響應(yīng)式網(wǎng)頁,解決跨瀏覽器的兼容問題,形成完整網(wǎng)站。該過程中任何環(huán)節(jié)如果出現(xiàn)不妥當(dāng)都應(yīng)該返回上個步驟進(jìn)行重新修改。結(jié)合上述對網(wǎng)頁設(shè)計活動的功能與結(jié)構(gòu)分析,不難發(fā)現(xiàn),響應(yīng)式Web設(shè)計活動原型中的6個典型子活動復(fù)雜程度不同。其中“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問題的調(diào)試”這4個典型子活動是比較復(fù)雜的,包含了很多熟手的關(guān)鍵技術(shù),需要進(jìn)一步闡述。
3熟手的關(guān)鍵技術(shù)
從上述適用于新手的響應(yīng)式網(wǎng)頁設(shè)計活動基本原型發(fā)現(xiàn),制作一個能夠兼容主流瀏覽器的固定寬度桌面版網(wǎng)頁是響應(yīng)式網(wǎng)頁制作的開端。那么,首先在“桌面版網(wǎng)頁制作”這個環(huán)節(jié)中提取一些熟手關(guān)鍵技術(shù),作為給予新手的技巧提示。
3.1兼容主流瀏覽器的桌面版網(wǎng)頁制作技術(shù)
為了防止不同瀏覽器給予相同HTML5標(biāo)簽的初始樣式存在差異,熟手利用HTML5+CSS3制作桌面版網(wǎng)頁制作時,一般會在樣式文件(擴(kuò)展名.css)中給出如下初始化代碼:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋體";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}這部分代碼塊可以實(shí)現(xiàn)頁面在IE內(nèi)核和Firefox內(nèi)核的所有版本瀏覽器中居中對齊,外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時,默認(rèn)所有內(nèi)部布局div向左浮動,溢出屬性為隱藏;所有構(gòu)成頁面的HTML5元素的默認(rèn)邊距和填充屬性為0px;HTML5的列表標(biāo)簽?zāi)J(rèn)項(xiàng)目符號為空,邊距和填充為0px。此外,確定頁面尺寸,目前大多數(shù) 顯示器 為1024像素*768像素,那么以此為默認(rèn)顯示器時,頁面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后,接下來就是利用div+CSS完成布局,這里提示新手:完成布局后,務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁布局是否能夠兼容主流瀏覽器。然后,根據(jù)桌面版網(wǎng)頁平面設(shè)計效果圖完成頁面的制作。此外,熟手的 經(jīng)驗(yàn) 是制作過程中頻繁檢測桌面版網(wǎng)頁是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢技術(shù)修改桌面版網(wǎng)頁
(1)相對視口尺寸,將最外層的布局div(例如:#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個值取決于當(dāng)前頁面的視覺效果,也可以給其他數(shù)值);然后,將最外層的布局div內(nèi)部的頁頭布局div、導(dǎo)航布局div、內(nèi)容布局div、側(cè)邊欄布局div、頁腳布局div對應(yīng)的CSS樣式中的width屬性值利用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁的固定布局修改成百分比布局,也就是將固定像素寬度轉(zhuǎn)換成對應(yīng)的百分比寬度。
(2)將頁面中所有HTML5標(biāo)簽元素對應(yīng)的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度來修改。
(3)將CSS樣式表中的font-size屬性值的單位用em來代替px。這里依然使用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是:在body標(biāo)簽的初始化代碼中,如果有font-size:16px;語句,那么在給其他元素的font-size屬性上修改值時,公式中的“上下文元素寬度”就等于16px,例如,#logo{font-size:48px;}現(xiàn)在要修改為#logo{font-size:3em;}。
(4)為了實(shí)現(xiàn)彈性圖片,讓圖片隨視口縮放,圖形圖像、動畫和視頻的彈性設(shè)置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width屬性是用于確??s放時不會超出圖片最大尺寸。同時,熟手還會使用AdaptiveImages解決方案來實(shí)現(xiàn)自適應(yīng)圖片。
(5)媒體查詢可以通過判斷不同設(shè)備終端,提供不同的樣式使其實(shí)現(xiàn)在不同終端都能獲得最佳的用戶體驗(yàn)。例如,某個響應(yīng)式頁面用電腦瀏覽頁面時,頁面信息會以平鋪的形式分布在頁面合適的位置;用手機(jī)瀏覽頁面時,導(dǎo)航按鈕會相繼隱藏起來,部分信息變成左右滑動的方式呈現(xiàn),頁面會重新布局,圖片相應(yīng)縮小。媒介查詢的語法格式是,例如:設(shè)定寬度不超過400像素的屏幕尺寸,代碼是:linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。雖然,HTML5+CSS3提供了良好的媒體查詢功能,但當(dāng)前仍有一些瀏覽器不支持,你可能需要添加如下基本樣式:!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應(yīng)式網(wǎng)頁設(shè)計的難題。熟手面對這一問題時,一般采用“漸進(jìn)增強(qiáng)與降級”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式,按需加載資源”、“給IE6,7,8追加媒體查詢功能”等方法。
4結(jié)束語
對響應(yīng)式網(wǎng)頁設(shè)計而言,當(dāng)前的設(shè)計理念和技術(shù)方法還不是終點(diǎn),網(wǎng)站前端設(shè)計師需要繼續(xù)努力找出更好的解決方案。而對新手學(xué)習(xí)者而言,響應(yīng)式網(wǎng)頁設(shè)計開發(fā)技能的形成不是一蹴而就的,還需要學(xué)習(xí)者在多個項(xiàng)目中,利用原型進(jìn)行多次定向、操作及內(nèi)化才能真正掌握。
網(wǎng)頁設(shè)計畢業(yè)論文篇三:《網(wǎng)頁設(shè)計中的版式設(shè)計》
摘 要:版式設(shè)計可以說是界面設(shè)計的基礎(chǔ)部分,網(wǎng)頁界面中的版式設(shè)計只是其發(fā)展應(yīng)用中的一個方向。如何設(shè)計完美有魅力的網(wǎng)頁界面,版式設(shè)計扮演十分重要的角色,優(yōu)秀的版式設(shè)計可以給瀏覽者留下深刻的印象,提高頁面的訪問量。因此,本文將向諸位讀者介紹在CDIO工程 教育 模式下,網(wǎng)頁設(shè)計課程中采用項(xiàng)目為指導(dǎo)的教學(xué)實(shí)踐過程中注意的事項(xiàng)。
關(guān)鍵詞:網(wǎng)頁設(shè)計;版式設(shè)計 CDIO教育模式;項(xiàng)目教學(xué)
近年來隨著經(jīng)濟(jì)的高速發(fā)展,科技的日新月異,教育領(lǐng)域同樣面臨革新。引進(jìn)新的教育理念和教學(xué)模式成為教育工作者的關(guān)注重心,此時,歐美成熟的工程教育理念慢慢地進(jìn)入我們的視野之中,CDIO的教學(xué)模式(Conceive構(gòu)思、Design設(shè)計、Implement實(shí)施、Operate運(yùn)行),符合工程人才的培養(yǎng),提高學(xué)生的實(shí)踐能力、組織能力、創(chuàng)新能力。這一模式更適應(yīng)當(dāng)下的教育環(huán)境需求。
網(wǎng)頁設(shè)計這門課程屬于交叉學(xué)科范疇,兼顧藝術(shù)設(shè)計、計算機(jī)技術(shù)及交互設(shè)計等多門學(xué)科。另外,這門課程作為藝術(shù)與技術(shù)的結(jié)合體,要求學(xué)生具備較強(qiáng)實(shí)踐動手能力與綜合運(yùn)用能力,因而在教學(xué)過程中我們依據(jù)CDIO的工程教育理念開展教學(xué)。
本文重點(diǎn)談到的是網(wǎng)頁設(shè)計中的版式設(shè)計過程,網(wǎng)頁中的版式設(shè)計起到信息統(tǒng)一、分割區(qū)域和交互導(dǎo)引的作用,是在有限的空間界面內(nèi)將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間,根據(jù)設(shè)計的形式法則,利用藝術(shù)美學(xué)與科學(xué)技術(shù)相結(jié)合的方式來實(shí)現(xiàn)效果展示。下面以教學(xué)過程中的“xx藝術(shù)系網(wǎng)站”項(xiàng)目為例,以網(wǎng)頁設(shè)計中的版式設(shè)計為內(nèi)容,展示教學(xué)過程中的各個設(shè)計階段。
1 構(gòu)思階段
(1)確立目標(biāo)。
網(wǎng)頁設(shè)計不是盲目的行為,不是簡單使用軟件的行為,它是構(gòu)思由確立到實(shí)現(xiàn)的過程,是一種展示到體會的過程。因此,在設(shè)計之初,教師需要引導(dǎo)學(xué)生了解當(dāng)前的課題,明確網(wǎng)站要做什么,網(wǎng)站的外觀布局是什么樣子,網(wǎng)站需要營造何種氛圍。我們常見的網(wǎng)站根據(jù)用途分類為企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站、電子政務(wù)網(wǎng)站、文體娛樂網(wǎng)站、教育科學(xué)網(wǎng)站等,每種類型的網(wǎng)站都有自己需要傳播的信息,根據(jù)所需文字與圖片選擇適合的排版方式,進(jìn)而營造恰當(dāng)?shù)姆諊?。在“xx藝術(shù)系網(wǎng)站”項(xiàng)目中,學(xué)生會根據(jù)實(shí)際項(xiàng)目類型,理解項(xiàng)目設(shè)計目標(biāo)為,該學(xué)院所屬系部信息服務(wù)類網(wǎng)站,界面版式方面要求簡潔大方,色彩明快,塑造清新、愉悅的氛圍,學(xué)生可以根據(jù)以上內(nèi)容展開進(jìn)一步的設(shè)計工作。
(2)信息整理。
項(xiàng)目開展前期根據(jù)對項(xiàng)目的簡單分析,要求學(xué)生對客戶或相關(guān)人士展開訪談,對行業(yè)同類網(wǎng)站的資訊開展收集與調(diào)研。這一階段學(xué)生會接觸網(wǎng)頁設(shè)計的需求方,在本項(xiàng)目中可以設(shè)定為系內(nèi)行政人員、教師及系內(nèi)學(xué)生,根據(jù)訪談或調(diào)研可以得到網(wǎng)站相關(guān)設(shè)計信息,如對整體風(fēng)格的需求,導(dǎo)航的設(shè)計需求,網(wǎng)站類型為靜態(tài)網(wǎng)站或動態(tài)網(wǎng)站,根據(jù)需求結(jié)果,要求學(xué)生設(shè)計多樣的版式效果,以供客戶參考。
(3)交互設(shè)計。
我們將網(wǎng)頁中的交互分為視覺上的交互和行為功能上的交互設(shè)計。在這里我們更側(cè)重說明交互在視覺上的應(yīng)用。網(wǎng)頁中我們常見的交互形態(tài)有按鈕、導(dǎo)航條、搜索欄和表單等。這些交互形態(tài)都會出現(xiàn)在版式的突出及顯著位置,這樣更引發(fā)人們的視覺關(guān)注中心,因而,在進(jìn)行版式設(shè)計時,需要考慮這些交互元素的設(shè)置,友好的版式也是一種界面與人的情感交互。在我們的項(xiàng)目中學(xué)生應(yīng)該考慮交互按鈕的外觀設(shè)計,排放位置等因素;導(dǎo)航條的設(shè)置應(yīng)在醒目位置,清晰明確發(fā)揮導(dǎo)引作用;搜索欄幫助瀏覽者快捷搜索,放置在易發(fā)現(xiàn)的位置,搜索一般出現(xiàn)在網(wǎng)頁右上角;表單設(shè)計是學(xué)生所忽略的環(huán)節(jié),因?yàn)榭梢允褂貌寮砑?,?dǎo)致學(xué)生認(rèn)為無須設(shè)計,在此建議信息表單設(shè)計時可考慮細(xì)節(jié)設(shè)計,提高友好度與舒適度等交互設(shè)計。
2 設(shè)計階段
版式設(shè)計是網(wǎng)頁設(shè)計中重要的設(shè)計引導(dǎo)規(guī)劃環(huán)節(jié),在這個過程中學(xué)生可以根據(jù)自己的項(xiàng)目主題展開藝術(shù)美感的設(shè)計。一般進(jìn)行頁面版式設(shè)計我們從以下幾個方面入手。
(1)版式結(jié)構(gòu)設(shè)計。
網(wǎng)頁設(shè)計中的版式設(shè)計與傳統(tǒng)媒介中的版式設(shè)計略有不同,前提是他們都遵循版式設(shè)計五原則,[1]內(nèi)容與形式,簡潔與簡約,設(shè)計與藝術(shù),趣味與獨(dú)特,局部與整體。為了設(shè)計富有形式法則和藝術(shù)美感的網(wǎng)頁作品,版式設(shè)計方面通常會采用黃金比例和三分法排列原則。黃金比例法是初學(xué)者易于掌控的方法,將視窗可用區(qū)域分成兩個部分,也可以根據(jù)設(shè)計比例需求,將數(shù)字錄入到相關(guān)計算網(wǎng)站,得出合適的黃金比例分配方案。三分法構(gòu)圖排版方式,是將排版界面分成三份,根據(jù)內(nèi)容的不同,選擇不同的三分法排列位置。
網(wǎng)頁設(shè)計中由于要考慮顯示器視窗顯示水平不同,我們的總體版式設(shè)計會采用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式,而非固定格式的版面設(shè)計是變化的,這種變化的版式很難把握的,變化的視窗將改變既定的字體形式和圖形排列位置,這個課題也是我們今后要深入探討的方向。
(2)字體、圖像、色彩設(shè)計。
版式設(shè)計是界面設(shè)計的骨架,字體設(shè)計是界面設(shè)計的血肉,富媒體技術(shù)的全面發(fā)展,網(wǎng)站這一綜合載體也得到了極大的發(fā)展,版式與字體的結(jié)合構(gòu)成了網(wǎng)頁的不同風(fēng)貌。在網(wǎng)頁中常見字體分為中英文兩類和圖形化的藝術(shù)字體,字號一般選用12pt。在中文網(wǎng)頁常常出現(xiàn)的字體為宋體或黑體,字號為12pt/14pt的文字展示,另外也會有些超大字體以圖像的形態(tài)出現(xiàn),并通過視覺效果的調(diào)整,創(chuàng)建三維空間的視覺展示效果。圖形化的藝術(shù)字體,在諸多網(wǎng)站中得到應(yīng)用。在設(shè)計中我們題材保有傳統(tǒng)的 文化 性,中國元素的運(yùn)用,如書法、圖騰、建筑等富有中國色彩的藝術(shù)形態(tài)都應(yīng)得到我們的思考與關(guān)注,中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應(yīng)適合主題,響應(yīng)設(shè)計氛圍,為整體版式服務(wù)。
(3)視頻展示設(shè)計。
網(wǎng)頁界面排版中還需考慮一種新興的展示手段,視頻信息展示,頁面中利用大量的視頻信息排版,減少文字、圖片信息的輸入,信息傳達(dá)方式由靜態(tài)轉(zhuǎn)換為動態(tài),提供有趣而新穎的排版展示方式。
3 技術(shù)實(shí)施
(1)界面版式視覺設(shè)計。
網(wǎng)頁設(shè)計中對靜態(tài)界面的布局,我們通常會使用Photoshop和Illustrator圖像處理軟件開展設(shè)計,首先我們會根據(jù) 思維導(dǎo)圖 繪制基礎(chǔ)模板,然后根據(jù)設(shè)計需求在模板中添加設(shè)計好的文字、圖形、視頻、聲音等設(shè)計元素。
(2)交互功能視覺設(shè)計。
在網(wǎng)頁設(shè)計中我們會考慮將靜態(tài)樣稿轉(zhuǎn)換為簡單的靜態(tài)網(wǎng)頁,這種轉(zhuǎn)換我們會使用Dreamweaver軟件進(jìn)行操作,由于網(wǎng)頁展示設(shè)備的不同我們也會考慮采用一些相關(guān)的模型制作軟件來處理交互設(shè)計部分。
4 運(yùn)行階段
將確定好的靜態(tài)草稿通過切圖生成為靜態(tài)網(wǎng)站,測試效果及功能,當(dāng)運(yùn)行時根據(jù)需要和視覺效果進(jìn)行調(diào)整直到理想狀態(tài)。
5 小結(jié)
網(wǎng)頁設(shè)計課程將實(shí)際項(xiàng)目導(dǎo)入課堂,根據(jù)CDIO工程教育模式教學(xué),打造有效、有趣、實(shí)用的教學(xué)方式,使學(xué)生在學(xué)習(xí)操作中鍛煉宏觀思考的能力,獲得團(tuán)隊(duì)合作的能力,養(yǎng)成終身學(xué)習(xí)的能力。學(xué)生對設(shè)計流程的掌握就是對知識體系的掌握和運(yùn)用,達(dá)到理論與實(shí)踐相結(jié)合,通過對版面的全面掌控,更好地為靜態(tài)網(wǎng)頁設(shè)計打下堅(jiān)實(shí)的基礎(chǔ)。
參考文獻(xiàn):
[1] 沈卓婭,王汀.字體與版式設(shè)計實(shí)訓(xùn)[M].中國出版集團(tuán)東方出版中心,2011:74.
猜你喜歡:
1. 網(wǎng)站設(shè)計畢業(yè)論文范文
2. 網(wǎng)站類畢業(yè)設(shè)計論文
3. 淺談廣告設(shè)計畢業(yè)論文范文
4. 關(guān)于網(wǎng)絡(luò)工程畢業(yè)論文范文
5. 關(guān)于計算機(jī)畢業(yè)論文范文大全
6. 計算機(jī)畢業(yè)論文范文大全
請高手發(fā)個小型網(wǎng)站建設(shè)的畢業(yè)論文
提供一些基本模式吧...全部照抄對你也沒好處.根據(jù)以下內(nèi)容自己來寫吧.
一、建設(shè)網(wǎng)站目的及功能
1 、目的:由于是個人網(wǎng)站,主要目的是用來學(xué)習(xí)、交流。
2 、功能:通過自己的網(wǎng)站能讓大家進(jìn)一步認(rèn)識自己,同時通過留言板功能達(dá)到交流、探討學(xué)術(shù)方面的問題。
二、網(wǎng)站技術(shù)解決方案。
1 、網(wǎng)站采用的是租用虛擬主機(jī),今后完善后也可以用自主服務(wù)器。
2 、網(wǎng)站設(shè)計采用的操作系統(tǒng)是 Window2003server 。網(wǎng)站在初級階段投入的成本不多,申請的免費(fèi)的 ASP 空間、使用虛擬主機(jī)穩(wěn)定性和安全性問題比較有保障。
3 、網(wǎng)站完全自己開發(fā),基本模板來自互聯(lián)網(wǎng)。
4 、網(wǎng)頁程序使用 ASP 、 JSP 、 CGI 、 PHP 、 ACCESS 數(shù)據(jù)庫程序等。
三、網(wǎng)站內(nèi)容規(guī)劃
1 、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容:網(wǎng)站是完全的個人主頁,網(wǎng)站以思念為主題,同時通過自己的介紹讓大家了解我的基本信息,通過外部鏈接使訪問者得到更多的信息,建立的留言板和討論區(qū)使訪問者能夠相互交流、學(xué)習(xí)。
心情日記主要用來記錄自己的內(nèi)心感想,會不定時更新自己最新的心情。
照片匣子存放自己和自己喜歡的照片,圖象等信息,讓訪問者能和我共同欣賞。
網(wǎng)路素材提供方便的外部鏈接,提高網(wǎng)站的訪問量,方便訪問者訪問更多更好的網(wǎng)站。
我的作品用來展示自己創(chuàng)作的不同作品,也許不是最好的,但也是自己滿意的。
關(guān)于自己的功能就不用多說了,希望大家了解我的基本信息。
左鄰右舍是一個留言板,我希望聽到,看到大家左鄰右舍的心聲。
我的地圖是用來提供用戶注冊,是一個交流平臺,通過交流,學(xué)習(xí)我會更加完善我的網(wǎng)站,希望大家多支持,人越多我的信心就越足噢!
2 、網(wǎng)站提供會員注冊、了解訪問量,制定進(jìn)一步的制作方案,希望大家提出寶貴意見。
3 、由于網(wǎng)站功能還不完善,難免會有另訪問者不滿意的地方,我會根據(jù)大家意見改進(jìn)的。
四、網(wǎng)頁設(shè)計
1 、網(wǎng)頁設(shè)計美術(shù)設(shè)計要求:網(wǎng)頁背景采用拼接的方式組合而成,這樣有利于加快網(wǎng)頁的讀取速度,利用了 DREAMWEAVER 的強(qiáng)大功能使主頁各個鏈接比較協(xié)調(diào),自己對背景和美化也十分滿意,希望大家喜歡。
2 、在網(wǎng)頁技術(shù)的采用上主要用到了 ASP , PHP 等技術(shù),由于面向的對象多數(shù)是和我年齡相仿的學(xué)生或朋友,操作起來應(yīng)該不會有太大的困難。
3 、網(wǎng)頁在改版計劃的實(shí)施方面時間是一個問題,應(yīng)該說網(wǎng)站內(nèi)容的更新是比較快的,整體方面改變應(yīng)該不大。
五、網(wǎng)站維護(hù)
1 、由于采用虛擬主機(jī)和空間,訪問不會有太大問題,只是難免會有維護(hù)的時候,如果暫時無法瀏覽,請大家原諒,希望自己以后能有自己的服務(wù)器,能為大家提供更好的服務(wù)。
2 、數(shù)據(jù)庫維護(hù)是一個問題,我會及時做好備份和更新,盡量不出現(xiàn)不應(yīng)有的問題。
3 、內(nèi)容的更新方面會根據(jù)自己的情況而定,有什么好的內(nèi)容一定展示給大家。
六、網(wǎng)站測試
1 、虛擬主機(jī)的穩(wěn)定性、安全性都比較可靠。
2 、程序及數(shù)據(jù)庫方面由我自己來調(diào)試,由于學(xué)過這方面知識,難度不會太大。
3 、網(wǎng)頁兼容性方面,一般的的主流瀏覽器訪問都沒有問題的。
4 、如果大家瀏覽是發(fā)現(xiàn)問題可以及時向我聯(lián)系,我會做進(jìn)一步測試。
七、網(wǎng)站發(fā)布與推廣
1 、網(wǎng)站的推廣主要靠訪問者的互相介紹,希望大家喜歡我的網(wǎng)站。
2 、通過 WEB 服務(wù)器發(fā)布。
八、網(wǎng)站建設(shè)日程表
網(wǎng)站建設(shè)主要靠自己的知識和技能,希望能更多的支持。
九、費(fèi)用明細(xì)
目前網(wǎng)站的建設(shè)基本不需要太多的費(fèi)用。
企業(yè)網(wǎng)站設(shè)計論文咋寫???!
你先看看吧。也不知道能不能幫上你。要領(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)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力,沒有創(chuàng)作熱情,很難設(shè)計制作出優(yōu)秀的作品。 對于內(nèi)容主題的選擇,要做到小而精,主題定位要小,內(nèi)容要精。不要去試圖制作一個包羅萬象的站點(diǎn),這往往會失去網(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)站域名之上。失去這個域名,所有前期工作就將柯淇鍘?br 目前,做個人網(wǎng)站的很多都依賴免費(fèi)個人空間,其域名也是依賴免費(fèi)域名指向,如網(wǎng)易的虛擬域名服務(wù),其實(shí)這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點(diǎn)來說,首先花點(diǎn)錢去注冊一個域名,獨(dú)立的域名就是個人網(wǎng)站的第一筆財富,要把域名起得形象、簡單、易記。 要領(lǐng)三:掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展,所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具,各種各樣的Web頁面制作工具,下面是幾款具有代表性的網(wǎng)頁制作器: (1)HTML編輯器。雖然HTML代碼復(fù)雜,編輯和調(diào)試要花費(fèi)大量的時間,但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果,仍受高級網(wǎng)頁制作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級HTML規(guī)范,使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 (2)所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且,F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼,并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。 (3)現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。 另外,個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解,還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具,并能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也是必備的。 當(dāng)然,互聯(lián)網(wǎng)還是一個免費(fèi)的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費(fèi)時間又浪費(fèi)金錢,而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁素材。 要領(lǐng)四:確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點(diǎn): ①欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網(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)勢地位。欄目的實(shí)質(zhì)是一個網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候,要仔細(xì)考慮,合理安排。在欄目編排時需要注意的是: ●盡可能刪除那些與主題無關(guān)的欄目; ●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上; ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(nèi)容,如站點(diǎn)簡介、版權(quán)信息、個人信息等大可不必放在主欄目里,以免沖淡主題。 另外,板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET硅谷動力( )的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點(diǎn)內(nèi)容較少,只要分個欄目也就夠了,不需要設(shè)置板塊。如果有必要設(shè)置板塊的,應(yīng)該注意: ●各板塊要有相對獨(dú)立性; ●各板塊要有相互關(guān)聯(lián); ●各板塊的內(nèi)容要圍繞站點(diǎn)主題; ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃,隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點(diǎn)本身的維護(hù),以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細(xì)安排,比如: ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率;上傳速度變慢,服務(wù)器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。 ●按欄目內(nèi)容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng),不需要經(jīng)常更新的欄目,例如:網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內(nèi)容也最好放在一個目錄下,便于維護(hù)管理。 ●在每個主目錄下都建立獨(dú)立的Images目錄。一般來說,一個站點(diǎn)根目錄下都有一個默認(rèn)地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當(dāng)麻煩。所以為每個主欄目建立一個獨(dú)立的Images目錄是方便管理的。原因很簡單,就是方便維護(hù)與管理。 其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網(wǎng)址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便于記憶;盡量使用意義明確的目錄,以便于記憶和管理。