簡述網(wǎng)站建設(shè)與設(shè)計論文(網(wǎng)站開發(fā)與設(shè)計論文)
學(xué)校網(wǎng)站設(shè)計論文
時間倉促,整個框架,自己再做吧。
因特網(wǎng)正在改變世界,由于因特網(wǎng)具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點,已經(jīng)發(fā)展成為新的傳播媒體,現(xiàn)在很多的大學(xué)和社會其他部門都已經(jīng)建立了網(wǎng)站,通過計算機網(wǎng)絡(luò)實現(xiàn)宣傳、交流及資源的整合。建立學(xué)校網(wǎng)站有以下作用:
1.學(xué)校網(wǎng)站是學(xué)校的"商標(biāo)"。在這個高度信息化的社會里,建立自己學(xué)校網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時空特性,不僅能讓地區(qū)內(nèi)的人們了解學(xué)校,更可讓世界了解學(xué)校。
2.學(xué)校網(wǎng)站是實現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫,它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機會。極大的提高教學(xué)效率。
3.學(xué)校網(wǎng)站能提供教學(xué)互動的全新方式學(xué)校網(wǎng)站使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間的交流有了全新的方式,它不再受到傳統(tǒng)課堂的制約。它可以使不同的學(xué)校同處一室,共同討論,共同共享。地理上的界限在這里模糊和消失了,學(xué)校網(wǎng)站是真正沒有圍墻的學(xué)校。
4.學(xué)校網(wǎng)站能夠提供個性化學(xué)習(xí)的平臺,不同的學(xué)生理解世界的方式各不相同,認(rèn)知世界有諸多方式。網(wǎng)絡(luò)提供的豐富資源可以使學(xué)生尋覓不同的教育方式,各取所需。學(xué)校網(wǎng)站允許不同的學(xué)生沿著自己的途徑,按自己的速度接受教育與學(xué)習(xí),學(xué)生將有機會享受最佳的教育機會,充分發(fā)掘自己的內(nèi)在潛力,培植獨特的個性和人格。
5.學(xué)校網(wǎng)站是最佳的教學(xué)研究室,學(xué)校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接,給學(xué)校教學(xué)研究帶來了一片新天地,各種優(yōu)秀教案、專家論壇、網(wǎng)絡(luò)觀摩課、各科素材、多媒體課件制作等內(nèi)容為教師教研提供了極佳的平臺。有效地降低教研成本、提高效率。
目錄:
一、前 言
二、基本知識
ASP技術(shù)介紹
SQL語句介紹
VBScript介紹
三、網(wǎng)站設(shè)計準(zhǔn)備
(一)、基本介紹
(二)、運行系統(tǒng)和系統(tǒng)結(jié)構(gòu)
(三)、設(shè)計準(zhǔn)備
1、定制一套完整的約定和規(guī)則
2、對網(wǎng)站建設(shè)分階段
四、網(wǎng)站詳細(xì)設(shè)計
網(wǎng)站總體設(shè)計
設(shè)計學(xué)校網(wǎng)站的主題
設(shè)計網(wǎng)站形象
(1)、設(shè)計網(wǎng)站標(biāo)志(logo)
(2)、設(shè)計網(wǎng)站的標(biāo)準(zhǔn)色彩
(3)、設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體
確定網(wǎng)站的目錄結(jié)構(gòu)
確定網(wǎng)站的鏈接結(jié)構(gòu)
站點整體風(fēng)格創(chuàng)意設(shè)計
網(wǎng)站的界面設(shè)計
網(wǎng)站版式設(shè)計
(一)、文字的格式化
字號、字體、行距
文字的整體編排
網(wǎng)頁布局
網(wǎng)頁制作
首頁制作
首頁內(nèi)容模塊
制作過程
(二)子頁面制作
交互設(shè)計
反饋系統(tǒng)設(shè)計
新聞與公告系統(tǒng)設(shè)計
BBS使用
同學(xué)錄使用
4、網(wǎng)站測試
速度及瀏覽器兼容性測試。
鏈接正確性的測試
程序健壯性測試
五、結(jié)論
六、致謝
七、附錄
八、參考文獻
網(wǎng)站設(shè)計與實現(xiàn)論文
你看下這篇文章
跟網(wǎng)站設(shè)計相關(guān)的
主要內(nèi)容:
1)本課題是結(jié)合我院新型輪機模擬器的子專題“主機遙控裝置仿真”進行的。仿真對象為中國海運集團總公司所屬的集裝箱船“新大連”號主機遙控裝置。
2)主機遙控裝置是現(xiàn)代化船舶的核心設(shè)備,它能根據(jù)發(fā)出的指令自動完成主機的停車、起動、換向、調(diào)速的程序操作。
本文旨在通過分析主機操縱應(yīng)具備的各項條件、條件之間的邏輯關(guān)系,編寫一套仿真軟件,模擬出主機遙控系統(tǒng)能完成的各種操作
3)本文基于仿真對象MAN BW 12K90MC-C主機遙控裝置的特點,對主機遙控系統(tǒng)的基本邏輯功能進行分析后,獲得了主機各項操作的邏輯條件。
分析了該型主機邏輯回路的組成方式、回路之間的連接方式,以及某些特殊邏輯回路的實現(xiàn)方法。
4)用面向?qū)ο蠓椒ㄟM行主機遙控仿真軟件開發(fā),開發(fā)過程中,選用VC++6.0為開發(fā)環(huán)境,以C語言為編程工具,采用了兩種不同的策略(直接使用控件,調(diào)用函數(shù)顯示底圖)搭建界面,相互比較后表明調(diào)用函數(shù)顯示底圖方式更為合理。
5)針對軟件使用數(shù)據(jù)需大量存儲,根據(jù)數(shù)據(jù)庫的利用率、通用性、訪問數(shù)據(jù)庫速度以及仿真對象的復(fù)雜程度等要求,選用了Microsoft公司的Access數(shù)據(jù)庫為后臺數(shù)據(jù)庫。
6)數(shù)據(jù)庫的訪問則選擇了Microsoft提供的DAO數(shù)據(jù)庫對象集合的訪問技術(shù)。
為了使主機遙控系統(tǒng)仿真軟件為達到逼真的模擬效果,作者開發(fā)了專門用于在界面快速定位的工具軟件,用于在特定位置界面動態(tài)刷新,將相關(guān)遙控系統(tǒng)的設(shè)備操縱以動畫方式顯示。
編寫遙控系統(tǒng)仿真運算軟件,運用了數(shù)據(jù)結(jié)構(gòu)、計算機圖形學(xué)、ActiveX等知識。
7)本文采用故障樹分析法對主機遙控系統(tǒng)的可靠性進行了分析,建立了主機遙控系統(tǒng)故障樹實例,能幫助維修人員準(zhǔn)確快速地診斷故障性質(zhì),確定故障位置,及時排除故障。
8)本課題開發(fā)的軟件控制邏輯與實機相同,實現(xiàn)了該型主機遙控系統(tǒng)較完整的功能,具有友好的人機交互界面,使復(fù)雜的主機操作系統(tǒng)原理變得詳細(xì)、直觀、便于理解。
故障樹分析法在主機遙控系統(tǒng)的運用,使得系統(tǒng)的故障的原因直觀,分析法得出的可靠性結(jié)論有較強的指導(dǎo)意義。
你看下這篇文章可以吧
有關(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ù)運用范圍非常廣泛,不論是網(wǎng)站、 廣告 、動畫、游戲,甚至程序設(shè)計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發(fā)展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當(dāng)前在網(wǎng)頁設(shè)計中的應(yīng)用方式進行分析,針對性闡述了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ò)及計算機技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢,從而促進網(wǎng)頁動畫漸漸發(fā)展起來,此外網(wǎng)頁動畫設(shè)計在網(wǎng)頁設(shè)計中占據(jù)重要地位,促使人們在關(guān)注動畫整體發(fā)展趨勢的過程中將注意力放在網(wǎng)頁動畫方面。在構(gòu)建及設(shè)計網(wǎng)頁時,運用Flash幫助網(wǎng)頁實現(xiàn)多媒體化的網(wǎng)頁成果展示,同時也漸漸成為網(wǎng)頁設(shè)計發(fā)展過程中不可或缺的重要部分。
1Flash的運用及特點
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁設(shè)計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導(dǎo)出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網(wǎng)絡(luò)傳輸過程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強大的AS代碼,在設(shè)計動畫時運用Flash技術(shù),促使動畫的交互性優(yōu)良,便于讀者在閱讀過程的理解并實施相關(guān)互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動畫自身極小,所以其具備較快的調(diào)用速率;第四,在設(shè)計Flash過程中,可以根據(jù)需要適當(dāng)增加頁面控制按鈕幫助頁面實現(xiàn)鏈接的跳動,還可以運用鼠標(biāo)實現(xiàn)頁面動畫中的運動及移動。第五,Flash可以實現(xiàn)動畫視聽效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構(gòu)建全Flash制作站點;第六,Flash動畫屬于一種“準(zhǔn)”流式文件內(nèi)容,無需全部下載完成就可以實現(xiàn)動畫觀看。
2Flash動畫在網(wǎng)絡(luò)設(shè)計中的應(yīng)用
在網(wǎng)頁設(shè)計中,Flash動畫具備非常多關(guān)鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實施網(wǎng)頁設(shè)計時,避免繁瑣、復(fù)雜的動畫設(shè)計效果的存在,畢竟物極必反,只會降低網(wǎng)頁的品質(zhì);如圖1所示。2.1網(wǎng)頁動畫信息交互的實現(xiàn)為了進一步卻寶寶網(wǎng)頁動畫信息交互整體的流暢性,其中的一個重要關(guān)鍵就是Flash動畫導(dǎo)航的交互性設(shè)計。在對該部分內(nèi)容進行設(shè)計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設(shè)計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應(yīng)內(nèi)容實現(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)由計算機技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁設(shè)計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網(wǎng)頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標(biāo)動畫。為了實現(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)站實現(xiàn)多媒體化效果展示的同時,還能夠結(jié)合數(shù)據(jù)通信這一 措施 全面性豐富網(wǎng)站自身具備的素材及資源,最終達到一種動態(tài)化的效果。截至今日,由于計算機技術(shù)發(fā)展速度不斷提升,結(jié)合Flash自身所具備的多種優(yōu)質(zhì)化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現(xiàn)網(wǎng)頁設(shè)計的主體化運用趨勢。
網(wǎng)頁設(shè)計畢業(yè)論文文獻
[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)頁在一些新興移動終端上顯示的文字極小、鏈接分布極密,用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端,網(wǎng)頁設(shè)計師聚焦于“響應(yīng)式網(wǎng)頁設(shè)計”這一關(guān)鍵詞,試圖使用一套代碼為各類終端設(shè)備提供不同的設(shè)計和體驗。從先前“為固定設(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è)計實踐的可操作流程,即原型。
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)整和布局的顯示機制”。原型(Prototype),也叫“原樣”,是“模擬科學(xué)”中的一個術(shù)語。在心理科學(xué)中,由于很難對動作或心智活動認(rèn)識清楚,所以一般沿用J?R?安德森的觀點,把原型(Prototype)視為關(guān)于范疇的最典型的樣例設(shè)想,即把“原型”視為外化的實踐模式,或“物質(zhì)化”了的心智活動方式或操作活動程序。綜合上述,響應(yīng)式網(wǎng)頁設(shè)計原型可描述為:符合“響應(yīng)式網(wǎng)頁設(shè)計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網(wǎng)頁制作、各類終端與主流瀏覽器良好兼容”等一系列規(guī)則的,外化的響應(yīng)式網(wǎng)頁設(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)分析的有機結(jié)合。其中,功能分析的重點是作用的對象,條件與結(jié)果;結(jié)構(gòu)分析的重點在于組成要素及要素之間的關(guān)系。響應(yīng)式網(wǎng)頁設(shè)計的目標(biāo)是能夠高效的編寫一套代碼為各類終端設(shè)備提供良好的設(shè)計效果和使用體驗,這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁設(shè)計之父——伊桑.馬科特認(rèn)為,響應(yīng)式網(wǎng)頁設(shè)計應(yīng)該首先針對小屏幕進行設(shè)計,然后逐步增強針對大屏幕設(shè)計。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁設(shè)計方法,對于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁設(shè)計開發(fā)技巧、HTML5及CSS3等技術(shù),能夠較熟練的完成固定寬度桌面端網(wǎng)頁的新手而言,恐怕很難理解從小屏幕開始設(shè)計然后漸進增強的思路??紤]到新手已經(jīng)習(xí)慣設(shè)計制作固定寬度的桌面版網(wǎng)頁,響應(yīng)式網(wǎng)頁設(shè)計如果從固定寬度的大屏幕網(wǎng)頁制作開始,然后改造這套代碼將僅適用于桌面的網(wǎng)頁依次兼容平板端和手機端也是一個不錯的思路。響應(yīng)式網(wǎng)頁設(shè)計活動包含了“項目分析”、“網(wǎng)頁平面設(shè)計”、“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調(diào)試”這6個典型的子活動。這些典型要素的關(guān)系可以描述為,“要想高效的完成某響應(yīng)式網(wǎng)頁設(shè)計項目,首先需要項目分析,其階段性結(jié)果是響應(yīng)式網(wǎng)頁的總體方案,即在用戶群體需求分析及主題解讀的基礎(chǔ)上,進行色彩分析及定位,確定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é)合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網(wǎng)頁;最后,利用火狐和IETester軟件查看初步完成的響應(yīng)式網(wǎng)頁,解決跨瀏覽器的兼容問題,形成完整網(wǎng)站。該過程中任何環(huán)節(jié)如果出現(xiàn)不妥當(dāng)都應(yīng)該返回上個步驟進行重新修改。結(jié)合上述對網(wǎng)頁設(shè)計活動的功能與結(jié)構(gòu)分析,不難發(fā)現(xiàn),響應(yīng)式Web設(shè)計活動原型中的6個典型子活動復(fù)雜程度不同。其中“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調(diào)試”這4個典型子活動是比較復(fù)雜的,包含了很多熟手的關(guān)鍵技術(shù),需要進一步闡述。
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)頁制作時,一般會在樣式文件(擴展名.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;}這部分代碼塊可以實現(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)項目符號為空,邊距和填充為0px。此外,確定頁面尺寸,目前大多數(shù) 顯示器 為1024像素*768像素,那么以此為默認(rèn)顯示器時,頁面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后,接下來就是利用div+CSS完成布局,這里提示新手:完成布局后,務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁布局是否能夠兼容主流瀏覽器。然后,根據(jù)桌面版網(wǎng)頁平面設(shè)計效果圖完成頁面的制作。此外,熟手的 經(jīng)驗 是制作過程中頻繁檢測桌面版網(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)為了實現(xiàn)彈性圖片,讓圖片隨視口縮放,圖形圖像、動畫和視頻的彈性設(shè)置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width屬性是用于確保縮放時不會超出圖片最大尺寸。同時,熟手還會使用AdaptiveImages解決方案來實現(xiàn)自適應(yīng)圖片。
(5)媒體查詢可以通過判斷不同設(shè)備終端,提供不同的樣式使其實現(xiàn)在不同終端都能獲得最佳的用戶體驗。例如,某個響應(yīng)式頁面用電腦瀏覽頁面時,頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時,導(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è)計的難題。熟手面對這一問題時,一般采用“漸進增強與降級”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式,按需加載資源”、“給IE6,7,8追加媒體查詢功能”等方法。
4結(jié)束語
對響應(yīng)式網(wǎng)頁設(shè)計而言,當(dāng)前的設(shè)計理念和技術(shù)方法還不是終點,網(wǎng)站前端設(shè)計師需要繼續(xù)努力找出更好的解決方案。而對新手學(xué)習(xí)者而言,響應(yīng)式網(wǎng)頁設(shè)計開發(fā)技能的形成不是一蹴而就的,還需要學(xué)習(xí)者在多個項目中,利用原型進行多次定向、操作及內(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è)計課程中采用項目為指導(dǎo)的教學(xué)實踐過程中注意的事項。
關(guān)鍵詞:網(wǎng)頁設(shè)計;版式設(shè)計 CDIO教育模式;項目教學(xué)
近年來隨著經(jīng)濟的高速發(fā)展,科技的日新月異,教育領(lǐng)域同樣面臨革新。引進新的教育理念和教學(xué)模式成為教育工作者的關(guān)注重心,此時,歐美成熟的工程教育理念慢慢地進入我們的視野之中,CDIO的教學(xué)模式(Conceive構(gòu)思、Design設(shè)計、Implement實施、Operate運行),符合工程人才的培養(yǎng),提高學(xué)生的實踐能力、組織能力、創(chuàng)新能力。這一模式更適應(yīng)當(dāng)下的教育環(huán)境需求。
網(wǎng)頁設(shè)計這門課程屬于交叉學(xué)科范疇,兼顧藝術(shù)設(shè)計、計算機技術(shù)及交互設(shè)計等多門學(xué)科。另外,這門課程作為藝術(shù)與技術(shù)的結(jié)合體,要求學(xué)生具備較強實踐動手能力與綜合運用能力,因而在教學(xué)過程中我們依據(jù)CDIO的工程教育理念開展教學(xué)。
本文重點談到的是網(wǎng)頁設(shè)計中的版式設(shè)計過程,網(wǎng)頁中的版式設(shè)計起到信息統(tǒng)一、分割區(qū)域和交互導(dǎo)引的作用,是在有限的空間界面內(nèi)將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間,根據(jù)設(shè)計的形式法則,利用藝術(shù)美學(xué)與科學(xué)技術(shù)相結(jié)合的方式來實現(xiàn)效果展示。下面以教學(xué)過程中的“xx藝術(shù)系網(wǎng)站”項目為例,以網(wǎng)頁設(shè)計中的版式設(shè)計為內(nèi)容,展示教學(xué)過程中的各個設(shè)計階段。
1 構(gòu)思階段
(1)確立目標(biāo)。
網(wǎng)頁設(shè)計不是盲目的行為,不是簡單使用軟件的行為,它是構(gòu)思由確立到實現(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ù)所需文字與圖片選擇適合的排版方式,進而營造恰當(dāng)?shù)姆諊?。在“xx藝術(shù)系網(wǎng)站”項目中,學(xué)生會根據(jù)實際項目類型,理解項目設(shè)計目標(biāo)為,該學(xué)院所屬系部信息服務(wù)類網(wǎng)站,界面版式方面要求簡潔大方,色彩明快,塑造清新、愉悅的氛圍,學(xué)生可以根據(jù)以上內(nèi)容展開進一步的設(shè)計工作。
(2)信息整理。
項目開展前期根據(jù)對項目的簡單分析,要求學(xué)生對客戶或相關(guān)人士展開訪談,對行業(yè)同類網(wǎng)站的資訊開展收集與調(diào)研。這一階段學(xué)生會接觸網(wǎng)頁設(shè)計的需求方,在本項目中可以設(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)注中心,因而,在進行版式設(shè)計時,需要考慮這些交互元素的設(shè)置,友好的版式也是一種界面與人的情感交互。在我們的項目中學(xué)生應(yīng)該考慮交互按鈕的外觀設(shè)計,排放位置等因素;導(dǎo)航條的設(shè)置應(yīng)在醒目位置,清晰明確發(fā)揮導(dǎo)引作用;搜索欄幫助瀏覽者快捷搜索,放置在易發(fā)現(xiàn)的位置,搜索一般出現(xiàn)在網(wǎng)頁右上角;表單設(shè)計是學(xué)生所忽略的環(huán)節(jié),因為可以使用插件添加,導(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ù)自己的項目主題展開藝術(shù)美感的設(shè)計。一般進行頁面版式設(shè)計我們從以下幾個方面入手。
(1)版式結(jié)構(gòu)設(shè)計。
網(wǎng)頁設(shè)計中的版式設(shè)計與傳統(tǒng)媒介中的版式設(shè)計略有不同,前提是他們都遵循版式設(shè)計五原則,[1]內(nèi)容與形式,簡潔與簡約,設(shè)計與藝術(shù),趣味與獨特,局部與整體。為了設(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)的 文化 性,中國元素的運用,如書法、圖騰、建筑等富有中國色彩的藝術(shù)形態(tài)都應(yīng)得到我們的思考與關(guān)注,中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應(yīng)適合主題,響應(yīng)設(shè)計氛圍,為整體版式服務(wù)。
(3)視頻展示設(shè)計。
網(wǎng)頁界面排版中還需考慮一種新興的展示手段,視頻信息展示,頁面中利用大量的視頻信息排版,減少文字、圖片信息的輸入,信息傳達方式由靜態(tài)轉(zhuǎn)換為動態(tài),提供有趣而新穎的排版展示方式。
3 技術(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軟件進行操作,由于網(wǎng)頁展示設(shè)備的不同我們也會考慮采用一些相關(guān)的模型制作軟件來處理交互設(shè)計部分。
4 運行階段
將確定好的靜態(tài)草稿通過切圖生成為靜態(tài)網(wǎng)站,測試效果及功能,當(dāng)運行時根據(jù)需要和視覺效果進行調(diào)整直到理想狀態(tài)。
5 小結(jié)
網(wǎng)頁設(shè)計課程將實際項目導(dǎo)入課堂,根據(jù)CDIO工程教育模式教學(xué),打造有效、有趣、實用的教學(xué)方式,使學(xué)生在學(xué)習(xí)操作中鍛煉宏觀思考的能力,獲得團隊合作的能力,養(yǎng)成終身學(xué)習(xí)的能力。學(xué)生對設(shè)計流程的掌握就是對知識體系的掌握和運用,達到理論與實踐相結(jié)合,通過對版面的全面掌控,更好地為靜態(tài)網(wǎng)頁設(shè)計打下堅實的基礎(chǔ)。
參考文獻:
[1] 沈卓婭,王汀.字體與版式設(shè)計實訓(xùn)[M].中國出版集團東方出版中心,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)于計算機畢業(yè)論文范文大全
6. 計算機畢業(yè)論文范文大全
網(wǎng)站設(shè)計與開發(fā)論文
有一篇藝術(shù)中心網(wǎng)站的設(shè)計與實現(xiàn)的畢業(yè)論文
20世紀(jì)后半葉以來,隨著以信息技術(shù)為核心的高新技術(shù)的迅速發(fā)展,人類社會開始進入了具有劃時代意義的信息網(wǎng)絡(luò)時代。
計算機和網(wǎng)絡(luò)技術(shù)的出現(xiàn),改變了世界,改變了人類的生活方式,促成了網(wǎng)絡(luò)經(jīng)濟的形成?;ヂ?lián)網(wǎng)由成千上萬的網(wǎng)站組成,每個網(wǎng)站由諸多網(wǎng)頁構(gòu)成,網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。網(wǎng)頁設(shè)計屬于設(shè)計和網(wǎng)絡(luò)相交叉的設(shè)計領(lǐng)域,既繼承傳統(tǒng)設(shè)計概念,又有自己獨特的性格。網(wǎng)頁設(shè)計涉及的范疇不僅包括傳統(tǒng)的視覺傳達設(shè)計,更包括信息設(shè)計、交互設(shè)計以及感官設(shè)計等等……
FLASH由于其獨特的時間片段分割(TimeLine)和重組(MC嵌套)技術(shù),結(jié)合ActionScitpt的對象和流程控制,適合于靈活的界面設(shè)計和交互式動畫設(shè)計,也是最為小巧的前臺,成為在網(wǎng)站上實現(xiàn)交互式動畫的最優(yōu)方案。本文在分析了國內(nèi)外藝術(shù)展示性網(wǎng)站的現(xiàn)狀之后,認(rèn)識到藝術(shù)展示性網(wǎng)站是藝術(shù)機構(gòu)及藝術(shù)家在互聯(lián)網(wǎng)上的展示平臺,網(wǎng)站設(shè)計必須符合藝術(shù)家本身的藝術(shù)氣質(zhì),是對藝術(shù)家個人品牌的一個提升。
為了達到這個目標(biāo),除了實現(xiàn)方便用戶與網(wǎng)站的交互、快速找到所需信息之外,更重要的是從中獲得獨特的愉快體驗感受。這種感受應(yīng)該在設(shè)計的藝術(shù)性上符合藝術(shù)家本身獨特的藝術(shù)氣質(zhì),讓這種氣質(zhì)形象化, 符號化。 本文首先分析了項目的建設(shè)背景、功能性需求和非功能性需求。, 在需求分析的基礎(chǔ)上,設(shè)計了馬王堆后院藝術(shù)中心網(wǎng)站的架構(gòu)。根據(jù)需求提出了設(shè)計目標(biāo)和原則,分別對網(wǎng)站的技術(shù)架構(gòu)和功能架構(gòu)進行了設(shè)計。
技術(shù)架構(gòu)主要考慮網(wǎng)站的可維護性以及性能問題,采用上下拆分的框架結(jié)構(gòu)進行設(shè)計,在主框架上設(shè)計各部分欄目的功能。在功能架構(gòu)設(shè)計中,討論了系統(tǒng)各部分的功能,給出一個動態(tài)的功能流程,討論了FLASH的設(shè)計實施原則。根據(jù)心理學(xué)原理及視覺傳達原理提出了馬王堆后院的視覺導(dǎo)向原則和視覺傳達流程。 然后討論了網(wǎng)站各部分功能的詳細(xì)設(shè)計和實現(xiàn)。后臺采用PHP+MYSQL對數(shù)據(jù)進行處理和儲存,前臺使用全FLASH進行網(wǎng)站的建設(shè)。
主要論述了PHP各系統(tǒng)與FLASH前臺交互的技術(shù),詳細(xì)介紹了FLASH前臺所使用的關(guān)鍵的特效,如設(shè)計制作具有趣味性的瀏覽方式等。 最后,本文對網(wǎng)站進行了測試,對網(wǎng)站進行了搜索引擎的優(yōu)化,并對FLASH在網(wǎng)站設(shè)計上的應(yīng)用提出了自己的意見,指出了本文研究工作的不足之處。
參考文獻:
1 劉永翔,唐良瑞;網(wǎng)頁設(shè)計中的視覺構(gòu)成分析[J];北京工商大學(xué)學(xué)報(自然科學(xué)版);2004年01期
2 李啟色;網(wǎng)絡(luò)課程中網(wǎng)頁的視覺設(shè)計研究[J];電化教育研究;2004年07期
3 黨軻;電子教案的設(shè)計[J];甘肅農(nóng)業(yè)大學(xué)學(xué)報;2004年06期
4 鬲波飛;網(wǎng)頁設(shè)計之視覺信息傳達分析[J];湖南大學(xué)學(xué)報(社會科學(xué)版);2001年S2期
5 鄭束蕾;陳毓芬;;網(wǎng)絡(luò)地圖人性化界面設(shè)計[J];測繪學(xué)院學(xué)報;2005年04期
6 張云鵬;基于認(rèn)知心理學(xué)知識的人機界面設(shè)計[J];計算機工程與應(yīng)用;2005年30期
7 韓丙祥;;淺議網(wǎng)絡(luò)課程的視覺設(shè)計[J];教育信息化;2006年01期
8 王海燕,張正凱,任建浩;從審美角度淺談網(wǎng)頁藝術(shù)設(shè)計[J];中國電化教育;2004年09期
9 呂文靜;;視覺傳達設(shè)計中的網(wǎng)頁藝術(shù)設(shè)計[J];鄭州鐵路職業(yè)技術(shù)學(xué)院學(xué)報;2006年04期
10 羅虹,煙玉明;自主型多媒體課件人性化設(shè)計策略初探[J];中國醫(yī)學(xué)教育技術(shù);2005年01期
想寫一個關(guān)于網(wǎng)頁設(shè)計與應(yīng)用的畢業(yè)論文怎么寫?
摘要
隨著互聯(lián)網(wǎng)的普及,上網(wǎng)成為了人們獲取信息的重要來源。網(wǎng)頁作為網(wǎng)站信息的載體,它的設(shè)計是否成功影響著整個網(wǎng)站的價值。布局和色彩作為網(wǎng)頁設(shè)計的兩個重要因素,對網(wǎng)頁的合理性和風(fēng)格有很大的影響。
現(xiàn)有的網(wǎng)頁設(shè)計理論系統(tǒng)性不足,理論研究缺乏實踐依據(jù),因此本文通過文獻研究法、信息內(nèi)容分析法、實驗研究法、社會調(diào)查法、實踐研究法等多種研究方法,將眼動儀實驗和色彩因素提取實驗作為研究重點,用實驗驗證理論,并得出非精確性概念生成的依據(jù),結(jié)合實際的網(wǎng)頁設(shè)計工作,綜合研究和探討網(wǎng)頁設(shè)計中關(guān)于布局和色彩的一些技術(shù)和方法,從而為網(wǎng)頁開發(fā)設(shè)計人員創(chuàng)作出精美、合理、獨具風(fēng)格的網(wǎng)頁提供方法論上的支持。
關(guān)鍵詞:網(wǎng)頁設(shè)計,布局,色彩
回答來源于網(wǎng)頁設(shè)計論文
企業(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類:計算機技術(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)容要精。不要去試圖制作一個包羅萬象的站點,這往往會失去網(wǎ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)站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網(wǎng)易的虛擬域名服務(wù),其實這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網(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)試要花費大量的時間,但因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瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。 (3)現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎ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)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片制作技術(shù)。所以,為了省卻這些麻煩,網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用的圖片、按鈕、背景等網(wǎng)頁素材。 要領(lǐng)四:確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點: ①欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者,最容易犯的錯誤就是:確定題材后立刻開始制作,沒有進行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰,目錄龐雜混亂,板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂,制作者自己在擴充和維護網(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)容列在欄目上; ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(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)站時都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃,隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點本身的維護,以后內(nèi)容的擴充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細(xì)安排,比如: ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率;上傳速度變慢,服務(wù)器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。 ●按欄目內(nèi)容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關(guān)性強,不需要經(jīng)常更新的欄目,例如:網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內(nèi)容也最好放在一個目錄下,便于維護管理。 ●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認(rèn)地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當(dāng)麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。 其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網(wǎng)址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便于記憶;盡量使用意義明確的目錄,以便于記憶和管理。