最新網(wǎng)頁設(shè)計知識總結(jié)(通用13篇)

總結(jié)能夠理清思路，凝練經(jīng)驗，使得我們的工作和學(xué)習(xí)更加高效。寫總結(jié)時，可以借鑒一些優(yōu)秀的總結(jié)范文，學(xué)習(xí)別人的表達(dá)方式和思路。推薦大家閱讀以下總結(jié)范文，通過學(xué)習(xí)他人的經(jīng)驗和方法，不斷提升自己的寫作水平。

網(wǎng)頁設(shè)計知識總結(jié)篇一

1、規(guī)劃階段（網(wǎng)站策劃）。

2、設(shè)計階段（網(wǎng)頁美工）。

3、實施階段（網(wǎng)頁制作）。

從創(chuàng)建站點開始（學(xué)會搭建并定義本地站點）。

規(guī)劃站點結(jié)構(gòu)的原則（用文件夾來保存文檔、使用合理的文件名稱、首頁名稱、將本地和遠(yuǎn)端站點設(shè)為同樣的結(jié)構(gòu)）搭建自己的網(wǎng)頁文件夾比如（images、midea等等）。

創(chuàng)建站點文檔（添加文件和文件夾、文件的管理）。

html代碼的基本結(jié)構(gòu)（頭部、主體）：

….

…

網(wǎng)頁設(shè)計知識總結(jié)篇二

學(xué)習(xí)如何通過選擇正確的格式，來優(yōu)化網(wǎng)頁圖片，并確保文件大小在可行的范圍你是足夠小的。雖然現(xiàn)在人們已經(jīng)都在使用寬帶，但仍然有人是撥號上網(wǎng)。

此外，雖然移動裝置技術(shù)的普及，但移動裝置卻不一定支持像寬頻一樣的速度，圖片文件的大小可能還是會延長網(wǎng)頁的加載時間，有可能把用戶趕走的。

這里有個選擇適合的文件格式的技巧：如果圖片是單色，那最好保存成png或者gif格式;如果是連續(xù)性的色調(diào)(如照片)則最好保存成jpg格式。

有很多的工具可以幫助你進(jìn)一步優(yōu)化你的圖片，降低他們的文件大小?？梢詤⒖歼@個工具列表來幫助優(yōu)化你的圖片。

盡量把圖片數(shù)量減到最低，并且靈活使用圖片，并且盡可能地減小文件大小。如此一來，將可以大大的減少頁面的讀取時間和改善網(wǎng)頁的性能。

2.保持干凈和簡單(即：簡潔)。

一個好的網(wǎng)頁設(shè)計不光只是看起來好看而已，還要是用戶友好型的。通常來說，一個干凈、簡單的網(wǎng)頁設(shè)計最終會成為一個可用性高的網(wǎng)頁設(shè)計，因為它在與用戶的交互中不會使其產(chǎn)生混淆。

當(dāng)頁面上有太多的網(wǎng)站功能和組件時，將會分散網(wǎng)站用戶的注意力而失去原本瀏覽網(wǎng)站的目的。

確保每個頁面元素都有其目的，然后問自己以下問題：

1.是否真的需要這個設(shè)計么?2.這是什么組件是做什么用，它如何協(xié)助用戶瀏覽?

3.如果我突然刪除這個組件，大多數(shù)人會希望它“回來”嗎?

4.如何把這些元素和目標(biāo)、消息和網(wǎng)站的`宗旨互相結(jié)合?

此外，盡管它可能是一個超酷的新概念或界面設(shè)計模式，但你還是要確保對你的用戶而言該設(shè)計仍然是方便和直觀的。

人們習(xí)慣于通用性的交互模式、網(wǎng)站功能、和網(wǎng)絡(luò)接口，如果你的設(shè)計的確很獨特，確保它不是太模糊和晦澀。要有創(chuàng)意，但還要保持簡單。

3.導(dǎo)航(條/欄)是最重要的設(shè)計。

一個網(wǎng)站最重要的部分就是整個網(wǎng)站的導(dǎo)航。沒有它，無論在哪個頁面中，用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這明顯的實際方向，我們將討論一些建構(gòu)網(wǎng)站導(dǎo)航時重要的點。

首先，在網(wǎng)站的導(dǎo)航結(jié)構(gòu)上，投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識，但仍然有很多設(shè)計師想當(dāng)然地設(shè)計網(wǎng)站導(dǎo)航。

擺放位置、風(fēng)格、所用技術(shù)(javascript或css)、可用性和網(wǎng)頁易讀性，這些是你制作導(dǎo)航設(shè)計時需要考慮的。

在沒有css的狀況下，你的導(dǎo)航設(shè)計應(yīng)該也是可用的，這是基于文字基礎(chǔ)的瀏覽器相容性。你可以盡量去嘲笑文字基礎(chǔ)的瀏覽器，但它們在很多的移動設(shè)備上還是流行的。也許更為重要的是，對屏幕用戶來說(99.99%的情況下)，沒有css的導(dǎo)航功能照樣可用訪問。

在沒有客戶端技術(shù)情況下(如javascript或flash)，導(dǎo)航功能應(yīng)該容易進(jìn)入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。

所以，制定一個導(dǎo)航系統(tǒng)可以放置的良好位置是必須的，例如放在一個顯眼可見的地方。一個好的導(dǎo)航功能，只要網(wǎng)頁載入就出現(xiàn)，而不需要鼠標(biāo)再向下滾動。這是為什么頁面要保持干凈和簡單的重要作用，一個復(fù)雜且非常規(guī)的設(shè)計可能會讓用戶困惑。

哪怕只有一瞬間，用戶也必定不會納悶：“網(wǎng)站導(dǎo)航在哪里?”

最后，對網(wǎng)站建立階層結(jié)構(gòu)，多層次的管理。確保它在父層與子層之間易于導(dǎo)航。此外，不管在哪一個網(wǎng)頁當(dāng)中，也應(yīng)該能很容易到達(dá)最高層的頁面(例如網(wǎng)站首頁)。

最主要的目標(biāo)就是你的網(wǎng)站導(dǎo)航，盡可能減少操作(動作)，努力而讓用戶到達(dá)他想要瀏覽的內(nèi)容。

4.明智和有條理地使用字體。

雖然有成千上萬的字體，但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅持使用網(wǎng)頁安全字體。

如果你不喜歡網(wǎng)頁安全字體，可以考慮利用sifr或cufon逐步增強(qiáng)的網(wǎng)頁設(shè)計。

保持字體的一致性，確認(rèn)標(biāo)題和段落的內(nèi)容看起來有所不同。使用空白、調(diào)整行高、字體大小和字母間距屬性，使用戶輕松愉快地閱讀和掃描內(nèi)容。

也許一個網(wǎng)頁設(shè)計師常常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內(nèi)容都塞在一個網(wǎng)頁中呈現(xiàn)，所以我們有時設(shè)置字體大小而讓用戶感覺到不舒服。

如果可能的話，盡量保持字體大小12像素以上，特別是對段落內(nèi)容。雖然很多沒有遇到因為字體太小而造成閱讀上的困難，但是想想老人家、近視眼和其他類似視覺障礙的族群吧。

5.理解色彩無障礙性。

說完字體后，我們還需要指出使用正確顏色的重要性。例如，黑色文字在白色背景，如果使用高對比度，橙色背景上的紅色文字會令你的眼睛感到緊張。

此外，使用一些對特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck，可以測試某些類型的色盲)。

有些色彩組合只適合運用在前景色的部分，而不適合做背景色。舉個例子來說，深藍(lán)色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍(lán)色的背景，都是使用兩種一樣的顏色，但用在不同的部分則影響了它的可讀性和閱讀的舒適度。

重要的是，不僅要使用良好的色彩組合，而且要把它用在頁面中的合適元素上。

6.知道如何編寫代碼。

隨著各種所見即所得的網(wǎng)頁編輯器充斥市場，網(wǎng)頁設(shè)計已經(jīng)成為簡單的1-2-3步驟就能設(shè)計好一個網(wǎng)站。然而，大多數(shù)網(wǎng)頁編輯器摻雜了不必要的代碼，使你的html結(jié)構(gòu)設(shè)計不當(dāng)，難以維護(hù)和更新，導(dǎo)致網(wǎng)頁膨脹。

通過自己編寫的網(wǎng)頁代碼，能得到簡潔的代碼，能夠愉快方便地閱讀和維護(hù)。你可以自豪地說是自己寫出來的代碼。

但知道如何使用所見即所得的ide或預(yù)覽功能并不會妨礙學(xué)習(xí)html和css。你要知道發(fā)生了什么事情，才能創(chuàng)造有效并高度優(yōu)化的網(wǎng)頁設(shè)計。

7.不要忘記搜索引擎優(yōu)化。

在設(shè)計網(wǎng)站時，一個好的網(wǎng)頁設(shè)計師應(yīng)該永遠(yuǎn)牢記基本的seo概念。例如，網(wǎng)頁內(nèi)容結(jié)構(gòu)、用文字表示標(biāo)題(即網(wǎng)頁的標(biāo)題和標(biāo)志)。

此時，以前學(xué)習(xí)的如何合理編碼的能力就派上用場。認(rèn)識正確、語義和基于標(biāo)準(zhǔn)的html/css后，你會很快認(rèn)識到p比表格布局好得多，不僅更為準(zhǔn)確地展現(xiàn)內(nèi)容，而且對搜索引擎排名也有幫助。另外，知道用css更換背景、文字和圖片也是一個好主意。

8.理解人是沒有耐性的。

普通人用幾秒鐘就決定是否要閱讀更多網(wǎng)頁內(nèi)容或到另一個網(wǎng)站。因此，作為一個網(wǎng)頁設(shè)計師，要有個好方法，能在這珍貴的幾秒鐘鼓勵用戶選擇前者(看更多內(nèi)容)。

要知道，如果用戶在網(wǎng)頁頭部看不到感興趣的內(nèi)容，沒有多少人會向下滾動，去查看整個網(wǎng)頁的內(nèi)容。

所以，在網(wǎng)頁頭部很容易看到的地方放置網(wǎng)站上的重要元素，但也不要過度擁擠在上半部分網(wǎng)頁，否則會嚇到用戶，而不會往下繼續(xù)看內(nèi)容。記住上半部分網(wǎng)頁設(shè)計的賣點：視其為推銷員，使人們有購買想法，即他們想在你的網(wǎng)站上看到什么。

9.了解(并意識到)瀏覽器的兼容性。

當(dāng)一個網(wǎng)頁設(shè)計師必須要知道的一件事，就是你的工作環(huán)境(瀏覽器)是挑剔和難以預(yù)料的。如果你的網(wǎng)頁設(shè)計只能運行在的幾種網(wǎng)頁瀏覽器，那是不夠的，你需要盡可能多瀏覽器下測試。這里有一款工具browsershots，可以測試瀏覽器兼容性。

10.使設(shè)計有靈活性和可維護(hù)性。

一個好的網(wǎng)頁設(shè)計師可以確保以后可以很容易更新或修改網(wǎng)站。設(shè)計一個有可塑性、易于維護(hù)的網(wǎng)站，是一個偉大網(wǎng)頁設(shè)計師的標(biāo)志。讓你的工作盡可能從結(jié)構(gòu)化轉(zhuǎn)向模塊化。

網(wǎng)頁設(shè)計這個行業(yè)是動態(tài)的，而且還很“年輕”。事情往往在短暫中變化。牢記這種思想，將推動建立更加靈活的網(wǎng)頁設(shè)計。

網(wǎng)頁設(shè)計知識總結(jié)篇三

一連上了兩個星期的網(wǎng)頁實訓(xùn)課，可以說學(xué)到很多以前沒有學(xué)到的東西。

雖然在大一的時候我們的專業(yè)出開設(shè)了網(wǎng)頁設(shè)計課，但感覺這兩個星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個學(xué)期的要多，要豐富。

每一天都有新的內(nèi)容要學(xué)，讓人感覺很興奮，很高興，恨不得馬上就把它給學(xué)會。

通過這次實訓(xùn)使我更熟練掌握 dreamweaver、 flash 、fireworks 、photoshop等軟件的功能和應(yīng)用。

不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。

在這期間，每一天老師都會發(fā)一些素材和實訓(xùn)給我們，首先是網(wǎng)頁素材的準(zhǔn)備，在網(wǎng)上查看一些網(wǎng)頁背景和背景顏色搭配，讓我了解到網(wǎng)頁的顏色不能多過3種色彩。

接下來的幾天再結(jié)合自己的網(wǎng)頁來進(jìn)行策劃，在做首頁之前，先用圖紙把網(wǎng)頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把網(wǎng)頁設(shè)計出來，再切割圖片，把它們導(dǎo)成html格式在dreamweaver中進(jìn)行進(jìn)一步的編輯。

我們的網(wǎng)站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網(wǎng)頁名叫funny room。

主題確定好了，那么分工出就明確了，我們組有三個人，兩個人負(fù)責(zé)找素材，另一個美術(shù)好的就負(fù)責(zé)網(wǎng)頁的頁面設(shè)計，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。

而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的'主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當(dāng)作是過渡頁，第二頁開始才是網(wǎng)頁的內(nèi)容。

為了增加網(wǎng)頁的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。

在這實訓(xùn)的時間里面，我們分工合作，共同努力，對網(wǎng)頁反復(fù)調(diào)試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學(xué)到更多。

雖然中途難不免會有因為意見的不合而發(fā)生一些小小的爭吵，但我覺得不影響我們的網(wǎng)頁設(shè)計，反而會因為這些不同的意見而重新學(xué)到更多的知識。

我利用寒假的時間，對網(wǎng)頁設(shè)計進(jìn)行了初步的認(rèn)識和了解，并基本掌握dreamweaver的應(yīng)用。

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。

我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。

通過學(xué)習(xí)，我對計算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。

尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。

在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。

在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備一些基本原則。

首先，要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風(fēng)站要有一個明確的主題。

整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。

用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.

在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，

下面要開始的便是優(yōu)化工作，

內(nèi)容是整個網(wǎng)頁的核心。

在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。

優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。

然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。

是星形，樹形，或是網(wǎng)形鏈接。

這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。

鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。

下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。

大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。

另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

在準(zhǔn)備材料的時候我們可以用一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具。

可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強(qiáng)。

在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。

通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

總體來說，通過這個假期對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾。

但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時間學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。

網(wǎng)頁設(shè)計知識總結(jié)篇四

?跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

?學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。

?現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強(qiáng)功能.注重實用，個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。

? 我提倡簡單的美。

?申明 我也是個網(wǎng)頁設(shè)計初學(xué)者，并不是什么設(shè)計名師，這是我個人的灼見。

? 有什么不對的地方，還請大家

??見諒。

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的flash不能產(chǎn)生效果。

總之問題一籮筐。

實踐出真知，原來自己還有那么多欠缺的知識。

于是回歸本源，先把課本上的東西弄通再談其他。

然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導(dǎo)頁。

然后是主頁和二級頁面的設(shè)置。

要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office 97的照片編輯器。

把準(zhǔn)備在主頁上出現(xiàn)的'圖象放進(jìn)相應(yīng)的目錄里后.

在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。

雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。

網(wǎng)頁的調(diào)試

之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。

2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。

于是在網(wǎng)頁設(shè)計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。

使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3]正文的框架設(shè)置 (橫向因素和縱向因素交錯)

在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。

1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。

接著就搜集了一些有夢幻效果的網(wǎng)頁背景，fiash源代碼、小圖標(biāo)和一些gif的動畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：網(wǎng)頁設(shè)計實習(xí)總結(jié)

文件上傳軟件：常用的有cuteftp、wsftp等。

網(wǎng)頁設(shè)計知識總結(jié)篇五

大家對網(wǎng)頁設(shè)計了解多少呢?認(rèn)識多少?知道網(wǎng)面和平面的區(qū)別?小編就和大家一起來聊聊網(wǎng)頁設(shè)計需要掌握什么技巧。

網(wǎng)頁和平面印刷使用色彩模式完全不同， 平面后期的實現(xiàn)依賴于印刷，所以采用cmyk的色彩模式;而網(wǎng)頁設(shè)計根據(jù)屏幕顯像方式使用rgb格式 。有一些平面設(shè)計師用習(xí)慣了cmyk 模式，當(dāng)用cmyk去做banner或者是網(wǎng)頁的時候顏色色差很大。

無論是cmyk模式還是rgb模式，同樣是為了設(shè)計而服務(wù)，只要根據(jù)設(shè)計的需求遵循色彩模式標(biāo)準(zhǔn)就可以了。這也算是在入門網(wǎng)頁設(shè)計的時候最基礎(chǔ)的知識。

在平面設(shè)計中會涉及到一些印刷品設(shè)計。比如展架、噴繪布、宣傳手冊、logo設(shè)計、dm單、折頁、臂貼、地貼、角旗、車貼、海報、等等，一般根據(jù)設(shè)計需求而設(shè)定像素，不同尺寸的平面設(shè)計設(shè)置不同的分辨率。

設(shè)計一個噴繪布，10m長5m寬，那么根據(jù)自己的電腦硬件來考慮設(shè)置分辨率，一般會選擇 30像素、 45像素、 50像素，如果你電腦硬件條件很好則嘗試72像素也行(但是那么大的噴繪布好像很少有用這么高的像素)。

當(dāng)然了設(shè)計設(shè)置分辨率也不是很絕對的，還要根據(jù)情況而定。但是有一個要記住就是：畫面越大分辨率的值就相對于越低,畫面越小分辨率的值就要相對于越高。

網(wǎng)頁設(shè)計知識總結(jié)篇六

一個網(wǎng)站的設(shè)計成功與否是跟用戶的體驗有很大的幫助的。如果你的網(wǎng)站設(shè)計的給人一種視覺錯亂的效果，那么說明，你失敗了。任何人，包括搜索引擎都非常的喜歡簡單大方的頁面。設(shè)計網(wǎng)站頁面的時候應(yīng)該注意哪些方面的技巧性問題。

1.色彩在網(wǎng)頁設(shè)計中的作用。

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁面。

根據(jù)色彩對人們心理的影響，合理地加以運用。如果您的企業(yè)有ci，我們將按照其中的vi進(jìn)行色彩運用。

2.簡化網(wǎng)頁代碼。

搭建網(wǎng)頁前端的時候，使用有語義的代碼。用描述性的標(biāo)簽組織頁面結(jié)構(gòu)，可以提高內(nèi)容對搜索引擎的可讀性。這也會讓修飾頁面的工作變得更簡單干凈。

3.模塊化和可修改性強(qiáng)。

模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開發(fā)的強(qiáng)度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了，不再冗述。

無論是架構(gòu)還是模塊或圖片，都要考慮可修改性強(qiáng)。舉個簡單的例子，logo、按鈕等，很多人喜歡制作圖片，n個按鈕就是n張圖片。

4.版式設(shè)計通過文字圖形的空間組合，表達(dá)出和諧與美。

多頁面站點頁面的編排設(shè)計要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。

為了達(dá)到最佳的視覺表現(xiàn)效果，我們將反復(fù)推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

5.避免使用flash或者圖片作導(dǎo)航欄。

flash雖然有著漂亮的效果，但對于搜索引擎優(yōu)化來說很不友好，因此我們建議不要用flash和圖片作為導(dǎo)航。

網(wǎng)頁設(shè)計知識總結(jié)篇七

轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要結(jié)束了，雖然時間有點短，但是學(xué)過這個幾周以后我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個軟件了。老師布置的第一個任務(wù)，要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短，老師只要求用ps做好模板即可，任務(wù)相對簡單。但也要求設(shè)計感強(qiáng)，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。

第二個網(wǎng)頁設(shè)計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進(jìn)去了。

中間時預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學(xué)長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預(yù)覽中，這個有文字滾動的框只占了左邊oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過p標(biāo)簽，試過不停的拆分表格，最后還是沒有效果。

就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的.完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。

最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去mp3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。

網(wǎng)頁設(shè)計學(xué)習(xí)心得總結(jié)【二】

網(wǎng)頁設(shè)計心得體會。我利用寒假的時間，對網(wǎng)頁設(shè)計進(jìn)行了初步的認(rèn)識和了解，并基本掌握dreamweaver的應(yīng)用。

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備一些基本原則。

首先，要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風(fēng)站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.

在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，

下面要開始的便是優(yōu)化工作，

內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

在準(zhǔn)備材料的時候我們可以用一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

總體來說，通過這個假期對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時間學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。

網(wǎng)頁設(shè)計知識總結(jié)篇八

網(wǎng)頁設(shè)計心得體會。

我利用寒假的時間，對網(wǎng)頁設(shè)計進(jìn)行了初步的認(rèn)識和了解，并基本掌握dreamweaver的應(yīng)用。

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。

我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。

通過學(xué)習(xí)，我對計算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。

尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。

在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。

在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備一些基本原則。

首先，要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風(fēng)站要有一個明確的主題。

整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。

用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.

在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，

下面要開始的便是優(yōu)化工作，

內(nèi)容是整個網(wǎng)頁的核心。

在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。

優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。

然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。

是星形，樹形，或是網(wǎng)形鏈接。

這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。

鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的.基礎(chǔ)。

下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。

大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。

另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

在準(zhǔn)備材料的時候我們可以用一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具。

可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互a性”強(qiáng)。

在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。

通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

總體來說，通過這個假期對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾。

但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時間學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。

不知不覺,二個星期的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學(xué)會很多東西,懂得很多以前不懂的東西,也明白了一些事情.

自從第一天接觸《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁這門課學(xué)好,做出一個優(yōu)秀的網(wǎng)站.所以我時刻沒有錯過任何學(xué)習(xí)的機(jī)會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設(shè)計網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學(xué)會很多東西，學(xué)會別人不懂的東西，做出一個令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因為實操結(jié)束，就把網(wǎng)頁設(shè)計拋到九霄云外，我會繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計技術(shù)，把它變?yōu)樽约旱囊豁椞亻L。

回顧第一天的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程實操，老師叫我們繼續(xù)完善以前設(shè)計的網(wǎng)站，做出留言板、注冊的功能。

我很快就完成了，但可能我是一個追求完善的人，所以盡管一個網(wǎng)站做好可以馬上交給老師。

但我做出一個別人都不贊同的決定，從頭開始做一個網(wǎng)站。

因為我覺得以前那個真的不是太好，盡管實操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。

在制作個人網(wǎng)站時我們首先：

一、必需進(jìn)行個人網(wǎng)站前臺功能設(shè)計

包括個人網(wǎng)站主題的確定，前臺功能設(shè)計與管理、個人網(wǎng)站主頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。

二、對個人網(wǎng)站后臺管理功能設(shè)計

包括個人網(wǎng)站后臺管理功能的設(shè)計、后臺管理信息系統(tǒng)功能的設(shè)計、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。

三、網(wǎng)站的發(fā)布

通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過我的ip地址來訪問我的主頁。

第一次做的那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。

四、個人網(wǎng)站推廣

一個網(wǎng)站做好了，就要對個人網(wǎng)站進(jìn)行推廣，這是一個電子商務(wù)網(wǎng)站必需做得的一步，因為如果你不對你的網(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒有人會知道的。

在設(shè)計這個網(wǎng)站時真的體會很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。

我都一一進(jìn)行了規(guī)劃，因為如果你不規(guī)劃好，想做什么就做什么，是不會做得好的。

因我為體會到這一句話：“機(jī)會中屬于有準(zhǔn)備的人”。

我詳細(xì)到一個表格寬度都一一列明。

例如：775寬度，分三欄，每一欄占多少。

因為我深深懂得“細(xì)微處才見真功夫”。

在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個比較長的練習(xí)，做完了n次，可能有人會想，肯定是不會才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。

第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎?但我想說的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學(xué)提出的問題解決到，也不會輕松教會同學(xué)，因為你自己首先學(xué)會，學(xué)通，學(xué)廣，才能把問題一一的解決。

令我難以忘懷的鏡頭也是在做留言板的時候，但不是為我自己的而做，而是一步一步教同學(xué)做，直到令同學(xué)學(xué)懂;把同學(xué)留言板的問題一一解決;當(dāng)同學(xué)因為做不出而沒心情，過去對她進(jìn)行鼓勵的，然后一一解決;當(dāng)自己也不會，與同學(xué)共同研究的情況，這種學(xué)習(xí)氛圍是最難得的，就是在做留言板的時候，令我深深體會到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對，用心做事才能把事情做好。

把每一件簡單的事情做好就是不簡單，把第一件平凡的事情做好就是不平凡。

網(wǎng)頁設(shè)計知識總結(jié)篇九

跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。

現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強(qiáng)功能.注重實用，個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。

我提倡簡單的美。

申明我也是個網(wǎng)頁設(shè)計初學(xué)者，并不是什么設(shè)計名師，這是我個人的灼見。

有什么不對的地方，還請大家。

見諒。

網(wǎng)頁設(shè)計知識總結(jié)篇十

很多設(shè)計師也許一直在苦惱：要如何才能成為一個優(yōu)秀的設(shè)計師呢?有沒有什么設(shè)計秘籍或者設(shè)計技巧可言?個人認(rèn)為，要成為一個成功的設(shè)計師，雖然沒有捷徑可走，但是也許卻有方法可言。如果凡事不講究方法，相信要達(dá)到目的那是相當(dāng)困難的。而如果方法對路，那么你離目標(biāo)就不遠(yuǎn)了。下面北極魚就給大家分享一篇來自國外設(shè)計大師purin的關(guān)于設(shè)計技巧的文章。希望對那些像我一樣迷茫的設(shè)計師有所幫助。

網(wǎng)頁設(shè)計知識總結(jié)篇十一

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點的就把小一點的給覆蓋掉了；插入的flash不能產(chǎn)生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導(dǎo)頁。

然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office97的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.

在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。

網(wǎng)頁設(shè)計心得體會。我利用寒假的時間，對網(wǎng)頁設(shè)計進(jìn)行了初步的認(rèn)識和了解，并基本掌握dreamweaver的應(yīng)用。

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備一些基本原則。

首先，要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風(fēng)站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.

在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，

下面要開始的便是優(yōu)化工作，

內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站(有很多頁面)的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛砹耍缓箝_始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時候我們可以用一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

總體來說，通過這個假期對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時間學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。

網(wǎng)頁設(shè)計知識總結(jié)篇十二

本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

二、儀器用具。

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

三、實驗原理。

通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

四、實驗方法與步驟。

1)執(zhí)行“站點管理站點”命令，在彈出的“管理站點”對話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點”命令。

2)在彈出的“站點定義為”對話框中單擊“高級”選項卡。

3)在“站點名稱”文本框中輸入站點名稱，在“默認(rèn)文件夾”文本框中選擇所創(chuàng)建的站點文件夾。

在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。

4)在“管理站點”對話框中單擊“完成”按鈕，站點創(chuàng)建完畢。

五、實驗結(jié)果。

六、討論與結(jié)論。

實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。

在實驗過程中會出現(xiàn)一些選項，計算機(jī)一般會有默認(rèn)的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結(jié)果失真。

實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。

實驗二：頁面圖像設(shè)置。

一、實驗?zāi)康募耙螅?/p>

本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。

二、儀器用具。

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

設(shè)置頁面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過圖像。

四、實驗方法與步驟。

1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。

2)在頁面文檔中單擊“”插入鼠標(biāo)經(jīng)過圖像。

五、實驗結(jié)果。

六、討論與結(jié)論。

實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像，并且要鼠標(biāo)經(jīng)過的時候會變成另一個圖像，這就是鼠標(biāo)經(jīng)過圖像的效果。

當(dāng)然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。

這個實驗的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會影響網(wǎng)頁的打開速度，甚至圖像在插入會也會有失真的感覺，因此在插入前對圖像進(jìn)行必要的處理能使實驗的效果更好。

實驗三：表格制作。

一、實驗?zāi)康募耙螅?/p>

本實例是要創(chuàng)建邊框為1像素的表格。

二、儀器用具。

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

創(chuàng)建邊框為1像素的表格。

四、實驗方法與步驟。

1)在文檔中，單擊表格“”按鈕，在對話框中將“單元格間距”設(shè)置為“1”。

2)選中插入的表格，將“背景顏色”設(shè)置為“黑色”(#0000000)。

3)在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。

4)設(shè)置完畢，保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果。

六、討論與結(jié)論。

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。

表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認(rèn)真判斷，一旦操作錯誤則得不到實驗的效果。

“表格寬度”文本框右側(cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇，否則就不能達(dá)到自己想要的效果，設(shè)置錯誤就會嚴(yán)重影響實驗效果。

實驗四：創(chuàng)建錨點鏈接。

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建錨點鏈接。

二、儀器用具。

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

創(chuàng)建錨點鏈接。

四、實驗方法與步驟。

1)在頁面中插入1行4列的表格，并在各單元格中輸入導(dǎo)航文字。

2)分別選中各單元格的文字，單擊“”按鈕，在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3)在文檔中輸入文字并設(shè)置錨記名稱“01”，按下“enter”鍵換行，輸入一篇文章。

4)在文章的結(jié)尾處換行，輸入文字并設(shè)置錨記名稱“02”，按下“enter”鍵換行，輸入一篇文章。

5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”，并輸入文章。

6)保存頁面，按下“f12”鍵預(yù)覽。

五、實驗結(jié)果。

六、討論與結(jié)論。

添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時也可以使頁面更加精簡。

本實驗的關(guān)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達(dá)到實驗的效果，同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱，并記得輸入對應(yīng)的文章，否則瞄記可能不能用。

熟練程度低在實驗中不能很好地使用各種工具，無法一次準(zhǔn)確地尋找到適當(dāng)?shù)奈恢谩?/p>

實驗中忘記選擇“不可見元素”，幾次實驗都失敗，最后才得出正確的結(jié)論。

因此在實驗前要先做好預(yù)習(xí)，否則實驗過程會比較吃力。

實驗五：設(shè)置css樣式。

一、實驗?zāi)康募耙螅?/p>

本實例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

二、儀器用具。

1、生均一臺多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國際互聯(lián)網(wǎng)。

2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。

四、實驗方法與步驟。

1)在網(wǎng)頁中創(chuàng)建一個表格。

2)在“css樣式”面板中單擊“”按鈕，在彈出的對話框中進(jìn)行設(shè)置，完成后單擊“確定”按鈕。

3)在彈出的對話框中進(jìn)行設(shè)置，完成后單擊“確定”按鈕。

五、實驗結(jié)果。

六、討論與結(jié)論。

對話框中各項指標(biāo)和屬性的設(shè)置存在一定的難度，如果沒熟練掌握就容易出錯使實驗失敗。

對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。

這個實驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認(rèn)識程度，只要充分地掌握了軟件的各種操作，對各屬性所代表的含義有充分的認(rèn)識就能很好地完成這個實驗。

實驗六：創(chuàng)建表單。

一、實驗?zāi)康募耙螅?/p>

本實例的目的是創(chuàng)建一個募捐表單。

網(wǎng)頁設(shè)計知識總結(jié)篇十三

我已經(jīng)在公司工作將近1個月了。剛來的時候還擔(dān)心無法把工作做好，不知道如何與同事共處。但經(jīng)過這一個月以來，公司寬松融洽的工作氛圍。

在我工作經(jīng)歷中，讓我感到幸運的就是公司給我這一次就業(yè)機(jī)會。與以往的工作經(jīng)歷不同的是，這里給人一種完全放松的工作氛圍，沒有因為測試出的bug和不能按時提交的軟件模塊功能而心懷忐忑，接觸的人際關(guān)系也不再是有限的技術(shù)人員，在這里我學(xué)到很多以前不曾接處的東西，處理人際關(guān)系的能力，會不會說讓人喜歡的話，處事的心態(tài)等。在此對一個月的工作和生活做一下總結(jié)，從中發(fā)現(xiàn)自己的缺點和不足，在以后的工作中加以改進(jìn)，以提高自己的工作水平。

在這一個月的工作和生活中，盡心盡力，履行自己的工作職責(zé)，認(rèn)真及時做好領(lǐng)導(dǎo)布置的每一項任務(wù)。當(dāng)然我在工作中還存在一定的問題和不足，比如：面對同事找不到交談的話題，工作經(jīng)驗方面有待提高；對旅xx業(yè)相關(guān)知識情況了解的還不夠詳細(xì)和充實，掌握的技術(shù)手段還不夠多。對于這些不足，我會在以后的日子里虛心向周圍的同事學(xué)習(xí)，努力豐富自己，充實自己，尋找自身差距，拓展知識面，不斷培養(yǎng)和提高充實自己，讓工作能力進(jìn)一步提高。也希望請領(lǐng)導(dǎo)和同事對我多提要求，多提建議，使我更快更好的完善自己，更好的適應(yīng)工作需要。

在此我定下了明年的工作目標(biāo)。了解公司的操作過程，運營方式，雖然我是公司的it技術(shù)人員，對于學(xué)習(xí)這些知識表面上看似無任何關(guān)聯(lián)，我只要按公司給的需求開發(fā)出相應(yīng)的系統(tǒng)即可。但我認(rèn)為，的項目是最適合顧客體驗的，要想做出受顧客歡迎的網(wǎng)站，要站在顧客角度上考慮。因此要融入到旅xx業(yè)，身處其境，才能做得更好。我跟華哥聊過公司的網(wǎng)絡(luò)發(fā)展，華哥的目標(biāo)是明年使網(wǎng)成為華南的旅游網(wǎng)，使網(wǎng)成為一個品牌。這是我們網(wǎng)絡(luò)部的目標(biāo)，也是我的目標(biāo)。配合好華哥的工作，使網(wǎng)站能按時上線。與網(wǎng)絡(luò)部的同事一起努力，把網(wǎng)絡(luò)推廣做到。上司悉心關(guān)懷，同事友好相處，讓我覺得很溫馨。