動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)總結(jié)及心得

動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)總結(jié)及心得下面我為大家收集整理了關(guān)于動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)總結(jié)及心得，歡迎大家閱讀下載。

這個(gè)學(xué)期選修了【動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)】公選課，感覺還是學(xué)到了不少。首先我們得明白什么事動(dòng)態(tài)網(wǎng)頁。動(dòng)態(tài)網(wǎng)頁與網(wǎng)頁上的各種動(dòng)畫、滾動(dòng)字幕等視覺上的“動(dòng)態(tài)效果”沒有直接關(guān)系，動(dòng)態(tài)網(wǎng)頁也可以是純文字內(nèi)容的，也可以是包含各種動(dòng)畫的內(nèi)容，這些只是網(wǎng)頁具體內(nèi)容的表現(xiàn)形式，無論網(wǎng)頁是否具有動(dòng)態(tài)效果，采用動(dòng)態(tài)網(wǎng)站技術(shù)生成的網(wǎng)頁都稱為動(dòng)態(tài)網(wǎng)頁．動(dòng)態(tài)網(wǎng)站也可以采用靜動(dòng)結(jié)合的原則，適合采用動(dòng)態(tài)網(wǎng)頁的地方用動(dòng)態(tài)網(wǎng)頁，如果必要使用靜態(tài)網(wǎng)頁，則可以考慮用靜態(tài)網(wǎng)頁的方法來實(shí)現(xiàn)，在同一個(gè)網(wǎng)站上，動(dòng)態(tài)網(wǎng)頁內(nèi)容和靜態(tài)網(wǎng)頁內(nèi)容同時(shí)存在也是很常見的事情。

動(dòng)態(tài)網(wǎng)頁涉及的知識(shí)有HTML、CSS、JAVA腳本程序、Dreamware軟件應(yīng)用、網(wǎng)頁動(dòng)畫設(shè)計(jì)、網(wǎng)頁圖像處理等。

動(dòng)態(tài)網(wǎng)頁的特點(diǎn)是：

1.交互性：即網(wǎng)頁會(huì)根據(jù)用戶的要求和選擇而動(dòng)態(tài)改變和響應(yīng)。例如訪問者在網(wǎng)頁填寫表單信息并提交，服務(wù)器經(jīng)過處理將信息自動(dòng)存儲(chǔ)到后臺(tái)數(shù)據(jù)庫中，并打開相應(yīng)提示頁面。

2.自動(dòng)更新：即無需手動(dòng)操作，便會(huì)自動(dòng)生成新的頁面，可以大大節(jié)省工作量。例如，在論壇中發(fā)布信息，后臺(tái)服務(wù)器將自動(dòng)生成新的網(wǎng)頁。

3.隨機(jī)性：即當(dāng)不問的時(shí)間、不問的人訪問同一網(wǎng)址時(shí)會(huì)產(chǎn)生不同的頁面效果。例如，登錄界面自動(dòng)循環(huán)功能。

4.動(dòng)態(tài)網(wǎng)頁中的“？”對(duì)搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，或者出于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“？”后面的內(nèi)容，因此采用動(dòng)態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。

注意事項(xiàng)

1、頁面內(nèi)容要新穎網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無二的網(wǎng)站。放眼望去，網(wǎng)上的許多個(gè)人主頁簡(jiǎn)直就是"雜貨店"，內(nèi)容包羅萬象,題材千篇一律，人人都是"軟件下載",個(gè)個(gè)都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意。所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁一定會(huì)受到大家的歡迎。

2、網(wǎng)頁命名要簡(jiǎn)潔由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡(jiǎn)潔易記的網(wǎng)頁名稱。這樣既會(huì)有助于你以后方便管理網(wǎng)頁，在向搜索引擎提交你的網(wǎng)頁時(shí)更容易被別人索引到。在給網(wǎng)頁命名時(shí)，最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母，這直接關(guān)系到頁面上的連接。

3、要及時(shí)更新網(wǎng)頁網(wǎng)頁制作好后，不能說萬事大吉了，其實(shí)事后的工作量更大。因?yàn)榫W(wǎng)頁制作是一時(shí)的，而維護(hù)更新的工作是每天都要做的。要及時(shí)把網(wǎng)頁上已經(jīng)作廢的連接應(yīng)該立即刪除掉，比如用戶無意中點(diǎn)擊了頁面中的一個(gè)連接，在苦苦的等待之后，換來的是無法訪問的結(jié)果，那么他們會(huì)對(duì)你的網(wǎng)頁大失所望，可能以后再也不會(huì)光顧你的網(wǎng)頁了。若不能及時(shí)更新，也最好在主頁上發(fā)布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時(shí)間，未能及時(shí)更新主頁，希望各位見諒，這樣就能給人一種對(duì)別人負(fù)責(zé)的感覺，同時(shí)能得到網(wǎng)友的信任。

4、注意視覺效果設(shè)計(jì)Web頁面時(shí)，一定要用640×480和800×600的分辨率來分別觀察。許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一些Web頁面看上去很具吸引力，但在640×480的模式下可能會(huì)黯然失色。作一點(diǎn)小小的努力，設(shè)計(jì)一個(gè)在不同分辨率下都能正常顯示的網(wǎng)頁

5、隨時(shí)注意網(wǎng)站升級(jí)時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會(huì)運(yùn)行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。

6、網(wǎng)頁內(nèi)容要易讀網(wǎng)站設(shè)計(jì)最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀。這就意味著,你必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網(wǎng)頁來很費(fèi)勁。一般來說，淺色背景下的深色文字為佳。這個(gè)要點(diǎn)要求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。

7、善用表格來布局不要把一個(gè)網(wǎng)站的內(nèi)容象作報(bào)告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點(diǎn)突出，結(jié)構(gòu)分明。

8、少用特殊字體雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測(cè)你的訪問者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來相當(dāng)好的頁面，在另一個(gè)不同的平臺(tái)上看起來可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計(jì)算機(jī)上不能顯示。級(jí)聯(lián)風(fēng)格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。

9、多學(xué)習(xí)和使用HTML為了成功地設(shè)計(jì)網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。因?yàn)橛肏TML設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個(gè)過程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。

10、盡量少用Java程序不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因?yàn)槟壳皝碇vjava的運(yùn)行速度實(shí)在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設(shè)計(jì)便毫無效果啦。

網(wǎng)頁設(shè)計(jì)理念：（1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。（3）功能決定設(shè)計(jì)方向:看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。

一、確定網(wǎng)站的整體風(fēng)格:

1、將標(biāo)志logo，盡可能的放在頁面最突出的位置。

2、突出標(biāo)準(zhǔn)色彩。

3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。

4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。

二、網(wǎng)頁色彩的搭配:

1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。

2、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

3、用一個(gè)色系。就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

在網(wǎng)頁配色中，還要切記一些誤區(qū)：

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。

2、背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。針對(duì)我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面都很重要，對(duì)于網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁產(chǎn)生影響。

而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗(yàn)。例如：

1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。

2、調(diào)用Style時(shí)可以單擊鼠標(biāo)右鍵選擇CustonStyle來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。頁面設(shè)計(jì)應(yīng)以美觀、大方、簡(jiǎn)潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用