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

總結(jié)能夠理清思路，凝練經(jīng)驗，使得我們的工作和學(xué)習(xí)更加高效。寫總結(jié)時，可以借鑒一些優(yōu)秀的總結(jié)范文，學(xué)習(xí)別人的表達方式和思路。推薦大家閱讀以下總結(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)的原則（用文件夾來保存文檔、使用合理的文件名稱、首頁名稱、將本地和遠端站點設(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格式。

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

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

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

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

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

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

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

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

4.如何把這些元素和目標、消息和網(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è)計師想當然地設(shè)計網(wǎng)站導(dǎo)航。

擺放位置、風格、所用技術(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)該容易進入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。

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

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

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

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

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

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

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

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

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

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

5.理解色彩無障礙性。

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

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

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

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

6.知道如何編寫代碼。

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

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

但知道如何使用所見即所得的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)該永遠牢記基本的seo概念。例如，網(wǎng)頁內(nèi)容結(jié)構(gòu)、用文字表示標題(即網(wǎng)頁的標題和標志)。

此時，以前學(xué)習(xí)的如何合理編碼的能力就派上用場。認識正確、語義和基于標準的html/css后，你會很快認識到p比表格布局好得多，不僅更為準確地展現(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.了解(并意識到)瀏覽器的兼容性。

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

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

一個好的網(wǎng)頁設(shè)計師可以確保以后可以很容易更新或修改網(wǎng)站。設(shè)計一個有可塑性、易于維護的網(wǎng)站，是一個偉大網(wǎng)頁設(shè)計師的標志。讓你的工作盡可能從結(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é)到的遠遠比以前學(xué)一個學(xué)期的要多，要豐富。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在這個過程中，我同樣認識到網(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)秀的風站要有一個明確的主題。

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

用戶是一個網(wǎng)站成敗的關(guā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ī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

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

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

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

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

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

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

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

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

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

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

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

在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

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

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

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

但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認真努力的去學(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)為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。

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

? 我提倡簡單的美。

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

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

??見諒。

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

總之問題一籮筐。

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

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

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

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

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

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

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

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

雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學(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)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。

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

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

2.熟悉制作工具軟件：

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

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

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

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

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

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

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

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

當然了設(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ù)和諧、均衡和重點突出的原則，將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。

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

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

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

3.模塊化和可修改性強。

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

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

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

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

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

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

中間時預(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標簽，試過不停的拆分表格，最后還是沒有效果。

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

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

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

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

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認識到網(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)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guā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ī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

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

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

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

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

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

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

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

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

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

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

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

在這個過程中，我同樣認識到網(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)秀的風站要有一個明確的主題。

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

用戶是一個網(wǎng)站成敗的關(guā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ī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

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

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

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

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

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

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

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

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

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

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

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

在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

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

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

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

但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認真努力的去學(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í)的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設(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)站時我們首先：

一、必需進行個人網(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)站可能以能過域名注冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。

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

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

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

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

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

因我為體會到這一句話：“機會中屬于有準備的人”。

我詳細到一個表格寬度都一一列明。

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

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

在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期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é)留言板的問題一一解決;當同學(xué)因為做不出而沒心情，過去對她進行鼓勵的，然后一一解決;當自己也不會，與同學(xué)共同研究的情況，這種學(xué)習(xí)氛圍是最難得的，就是在做留言板的時候，令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對，用心做事才能把事情做好。

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

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

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

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

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

我提倡簡單的美。

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

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

見諒。

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

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

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

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

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

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

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

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

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認識到網(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)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guā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ī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛砹耍缓箝_始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

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

總體來說，通過這個假期對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認真努力的去學(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)在“站點名稱”文本框中輸入站點名稱，在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。

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

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

五、實驗結(jié)果。

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

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

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

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

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

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

本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(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)建鼠標經(jīng)過圖像。

四、實驗方法與步驟。

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

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

五、實驗結(jié)果。

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

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

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

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

實驗三：表格制作。

一、實驗?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)這種顏色差異。

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

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

實驗四：創(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)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果，同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱，并記得輸入對應(yī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樣式”面板中單擊“”按鈕，在彈出的對話框中進行設(shè)置，完成后單擊“確定”按鈕。

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

五、實驗結(jié)果。

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

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

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

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

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

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

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

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

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

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

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

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