網頁設計學習總結

網頁設計學習總結【篇一：網頁設計心得體會報告】網頁設計心得體會報告網頁設計伴隨著網絡的快速開展而快速興起,作為上網的主要依托,由于人們使用網絡的頻繁而變得非常重要.生活中我每天上網都要接觸到網頁,原來沒有留意過網頁的設計,但是經過這段時間的學習了解,現(xiàn)在我翻開一個網頁都會習慣性的先看看排版、布局和色彩運用.通過老師的講解和對課本的翻閱,我學習到了一些關于建設網站和制作網頁的知識,對網頁制作的根底知識也有了一定的掌握.通過dreamweaver制作網頁,我用到了一些根本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等.但是在自己嘗試著做的時候,總是出現(xiàn)這里那里的問題.不是圖片不能固定在自己想要的位置,就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面,還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響.而且在css方面,我總是不太熟悉各種代碼是限制哪些東西的.除了查找解決問題我還總結了經驗.例如：1、命名站點或者文件夾的的時候一定要注意,最好用相應的英語或者漢語拼音,要見名知意,如圖片文件夾用image或者tu,這樣可以防止頁面調用時不正確的現(xiàn)象發(fā)生.2、調用style時可以單擊鼠標右鍵選擇custonstyle來調用style標準,也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用style.雖然不同的方法到達的效果看似一樣,但實際上產生的html代碼那么完全不同.在這個過程中,我同樣熟悉到網頁設計不是一門學科的獨秀,而是多種課程的綜合,它是flash、photoshop等網頁軟件的綜合應用.例如flash提供了功能齊全的繪圖和編輯圖形工具.可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,它的另一大特點是交互性〞強.在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行限制,可以很直觀的反映出效果.頁面設計應以美觀、大方、簡潔為原那么,保持一致的風格.為了到達最正確的視覺表現(xiàn)效果,應講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗.網頁最主要的功能就是給每個上網者提供一種形式,讓他們能夠了解網站提供的信息.要研究網頁設計,就需要站在用戶的角度來看.用戶是一個網站成敗的關鍵.如果用戶要花很多時間進入網站,很有可能他會立即關掉網站,或者網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.所以網頁容量即包括圖像在內的網頁字節(jié)數(shù)最好不要超過50k.還涉及到界面弱化的問題.一個好的界面設計它的界面是弱化的,它突出的是功能,著重表達的是網站業(yè)提供應使用者主要是什么.這就涉及到瀏覽順序、功能分區(qū)等等.要讓訪客在0.5秒內就能把握網站的行業(yè)性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次.當然上面說的是大多數(shù)功能性網站,對于宣傳展示性網站,諸如加特效的或flash網站,可能就不得不花哨一些,但不能太過分.網站不是動畫片,在效率越來越高,社會心理越來越急躁的中國,人們的耐心越來越小,心理承受水平越來越低.效果可以表達意境,點到為止.下面簡單介紹下網頁設計的理念和要點.網頁設計理念：〔1〕內容決定形式：先把內容充實上,再分區(qū)塊,再定色調,再處理細節(jié).〔2〕先整體,后局部,最后回歸到整體：全局考慮,把能填上的都填上,占位置.然后定基調,分模塊設計.最后調整不滿意的幾個局部細節(jié).〔3〕功能決定設計方向：看網站的用途,決定設計思路.商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的,就要突出師資和課程.網頁設計的兩大要點是：整體風格和色彩搭配.一、確定網站的整體風格：1、將標志10go,盡可能的放在頁面最突出的位置.2、突出標準色彩.3、總結一句能反映網站精髓的宣傳標語.4、相同類型的圖像采用相同效果,比方說標題字都采用陰影效果,那么在網站中出現(xiàn)的所有標題字的陰影效果的設置應該是完全一致的.二、網頁色彩的搭配：1、用一種色彩.指選定一種色彩,然后調整透明度或飽和度,這樣頁面看起來色彩統(tǒng)一,有層次感.2、用兩種色彩.先選定一種色彩,然后選擇它的比照色.3、用一個色系.就是用一個感覺的色彩,例如淡藍,淡黃,淡綠；或者土黃,土灰,土藍.在網頁配色中,還要切記一些誤區(qū)：1、不要將所有顏色都用到,盡量限制在三至五種色彩以內.2、背景和前文的比照盡量要大〔絕對不要用花紋繁復的圖案作背景〕,以便突出主要文字內容.針對我所學的平面設計方向,那么這次應用到了創(chuàng)意思維,版面設計,色彩配置.圖形創(chuàng)意等方面都很重要,對于網頁設計作為一種視覺語言,特別講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處,版式設計通過文字圖形的空間組合,表達出和諧與美.不積匪步,無以至千里.我已經在老師的指引下邁入了網頁設計的大門,在今后的閑余時間繼續(xù)認真學習制作網頁的更多知識以實現(xiàn)自身技能的提升.【篇二：學習網頁設計課程心得】html〔hypertextmark-uplanguage〕即超文本標t己語言或超文本鏈接標示語言,是目前網絡上應用最為廣泛的語言,也是構成網頁文檔的主要語言.html文本是由html命令組成的描述性文本,html命令可以說明文字、圖形、動畫、聲音、表格、鏈接等.html的結構包括頭部、主體兩大局部,其中頭部描述瀏覽器所需的信息,而主體那么包含所要說明的具體內容.html文檔制作不是很復雜,且功能強大,支持不同數(shù)據(jù)格式的文件鍵入,這也是www盛行的原因之一,其主要特點如下：1、簡易性,html版本升級采用超集方式,從而更加靈活方便.2、可擴展性,html語言的廣泛應用帶來了增強功能,增加標識符等要求,html采取子類元素的方式,為系統(tǒng)擴展帶來保證.3、平臺無關性.雖然pc機大行其道,但使用mac等其他機器的大有人在,html可以使用在廣泛的平臺上.css語法由三局部構成：選擇器、屬性和值.selector{property:value}選擇器通常是你希望定義的html元素或標簽,屬性是你希望改變的屬性,并且每個屬性都有一個值.屬性和值被冒號分開,并由花括號包圍,這樣就組成了一個完整的樣式聲明：body{color:blue}上面這行代碼的作用是將body元素內的文字顏色定義為藍色.在上述例子中,body是選擇器,而包括在花括號內的的局部是聲明.聲明依次由兩局部構成：屬性和值,color為屬性,blue為值.色彩可用色調〔色相〕、飽和度〔純度〕和明度來描述.人眼看到的任一彩色光都是這三個特性的綜合效果,這三個特性即是色彩的三要素,其中色調與光波的波長有直接關系,亮度和飽和度與光波的幅度有關.色彩的三要素：明度、色相、飽和度.剛剛接觸超文本,遇到的最大的障礙就是一些用〞和〞括起來的句子,我們稱它為標簽,是用來分割和標記文本的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面..單標簽某些標記稱為單標簽〞,由于它只需單獨使用就能完整地表達意思,這類標記的語法是：標簽名稱最常用的單標簽是br,它表示換行..雙標簽另一類標記稱為雙標簽〞,它由始標簽〞和尾標簽〞兩局部構成,必須成對使用,其中始標簽告訴web瀏覽器從此處開始執(zhí)行該標記所表示的功能,而尾標簽告訴web瀏覽器在這里結束該功能.始標簽前加一個斜杠〔/〕即成為尾標記.這類標記的語法是：標簽內容/標簽其中內容〞局部就是要被這對標記施加作用的局部.例如你想突出對某段文字的顯示,就將此段文字放在一em/em標記中：em第一：/em.標簽屬性許多單標記和雙標記的始標記內可以包含一些屬性,其語法是：標簽名字屬性1屬性2屬性3?各屬性之間無先后次序,屬性也可省略〔即取默認值〕,例如單標記hr表示在文檔當前位置畫一條水平線〔horizontalline〕,一般是從窗口中當前行的最左端一直畫到最右端.帶一些屬性：hrsize=3align=leftwidth=75%中size屬性定義線的粗細,屬性值取整數(shù),缺為1;align屬性表示對齊方式,可取left〔左對齊缺省值〕,center〔居中〕,right〔右對齊〕；width屬性定義線的長度,可取相對值,〔由一對號括起來的百分數(shù),表示相對于充滿整個窗口的百分比〕,也可取絕對值〔用整數(shù)表示的屏幕像素點的個數(shù),如width=300〕,缺省值是100%.學習心得本學期的網業(yè)設計課程,開展了動態(tài)思維練習教學活動,對于我們學生來說,可以激發(fā)學習興趣,調動學習的自覺性,自己動腦、動手,動口,運用網絡資源,結合教材及老師的指導,通過自身的實踐,創(chuàng)作出積聚個人風格、個性的個人網頁.總體來說,整個學期的學習過程,我學會了很多知識,雖然過程比擬艱辛,但在intenet領域中,有了一個展示自我的空間,我覺得很開心、很有成就感.一.充分發(fā)揮動手水平作為網頁設計的初學者,我對網頁設計非常感興趣,一心想設計出一個美觀、實用、內容豐富的個人網頁.本學期的教改方案由以前學生單純接受知識變?yōu)橹鲃訁⑴c教學活動.在這樣的壓力和動力下,通過自己動手、動腦,通過網絡資源,老師的指導,在不斷發(fā)現(xiàn)問題和解決問題的過程中學到了很多知識,也增強了我的創(chuàng)作水平和動手水平,在網頁設計過程中,從構思到設計、完善、維護,整個過程我都全身心投入,使我真正學到了網頁設計的知識.二.在設計過程中不斷提升網頁設計水平在本次網頁設計中,我不僅學到了很多關于網頁設計方面的知識,也從中學會了關于網絡、編程等方面的知識.我從最初開始運用frontpage設計網頁,到后來運用dreamweaver、flash、fireworks等網軟件設計網頁,完善網頁.在這個過程中,我通過自學教材、上網查詢,學習了dreamweaver、flash、fireworks等網頁軟件的應用,學會了治理、維護自己的站點,以及一些簡單動畫、控件的制作等等.在設計過程中也出現(xiàn)了很多的問題,但通過看書,上網查詢,請教老師等方式,不斷的學習、解決、提升,設計出的網頁不管是外觀還是內容,都在不斷的進步、改善.可以說在自己動手,不斷實踐的過程中,網頁設計水平得到了很大的提升.三.缺乏之處由于平時工作比擬繁忙,學習時間比擬少,對于網頁設計軟件的強大功能運用得還不夠.在網頁設計過程中,由于沒有網頁制作代碼的知識,所以在設計時也遇到了很多麻煩,有時插入一個特效腳本也是很麻煩.在網頁制作過程中,想提升設計水平,想有個理想的網頁,必須學會代碼的運用,我將在以后的學習過程中不斷增強這方面的學習,希望老師能簡單介紹一下代碼,讓我也對它有個初步的熟悉,以后再增強學習也才會有所提升.總體來說,通過今次的對網頁設計的學習,有收獲也有遺憾、缺乏的地方,但我想,我已經邁入了網頁設計的大門,只要我再認真努力的去學習,去提升,憑借我對網頁設計的熱情和執(zhí)著,我將來設計出的網頁會更加專業(yè),更完善.也希望老師在今后的日子里多指導.【篇三：網頁設計課程學習心得】從新學期開始接觸網頁設計這門課程以來,已將近學習了一個學期.經過這么長時間的學習,從起初對網頁設計的一知半解,到如今已根本掌握網頁制作的根本技能,可謂獲益良多.作為一門新接觸的學科,之前并沒有太多的了解,只知道在計算機迅猛開展的今天,網頁已成為網絡世界中必不可少的一環(huán),網民對于網頁的要求也越來越高,因此,學好網頁設計這門技術,對于生活在日后計算機主導的世界來說,顯得更加重要了.大作業(yè)展示中的網頁作品主題明確、布局合理、頁面設計得當,方便瀏覽的人找到想獲取的信息.任何一個優(yōu)秀的網站都有其明確的主題,網站主題確實立應根據(jù)網站的用途而定.整個網站需要圍繞這個主題,也就是說,在網頁設計之前,我們要明確這個網站的建立目的,用來做什么,圍繞著這個主題和內容來制作網站所有的頁面.明確對網頁的制作有著很重要的作用.作品網站“web〞中合理運用了網站制作的幾個根本技術來構建.首先使用了div標簽來布局網頁,簡單方便.div標簽可以設置一個規(guī)定的屬性,用于設定表格、畫、字規(guī)格大小或擺放位置,在網頁制作中使用,可以大大減少我們對表格、畫、字等的設定工作量,大大提升我們制作網頁的效率.同時,也方便我們在完成網頁后對部分細節(jié)的修改.作品中的網站外觀簡潔大方,界面友好易懂,是網頁制作初學者的優(yōu)秀模版.例如網頁的布局,素材的治理,代碼的簡化等等,都可以從中得到許多啟發(fā)和借鑒意義.目前通過這學期以來老師的悉心教導和學習,已根本掌握網頁制作的根底知識.而有關網頁內容的設計與編排,還有待更多的實踐操作來提升.總的來說,已對網頁的制作有一定的熟悉和根本的了解.從目前學習的進度來看,個人認為老師還可以教授我們行為的應用〞和根底動態(tài)網頁〞等知識,拓展我們制作網頁的知識.在個人的網站建設中,希望參加運用更多更高級的技術來呈現(xiàn)和表達自己網站的主題和內容.例如設計網頁中的一些動作和事件,以此來到達更好的表達效果.網站的文件治理、素材存放等安排得合理得當,標準有序.文件夾的命名大多使用所用素材名稱的拼音,一目了然,見名知意,方便學習者的查詢與研究.這種嚴謹和標準的做法值得日后建設自己的網站時參考和借鑒,對于網站制作的初學者來說具有指導意義.其次網頁在表頭下運用了導航菜單.導航菜單是網頁設計中不可缺少的重要局部,它提供了頁面與頁面之間跳轉的通道,極大方便了瀏覽者訪問所需的內容.利用它,我們可以快速找到我們想要瀏覽的頁面.學習更多導航菜單的制作,可以優(yōu)化我們的網頁頁面,使其更加完善,也能增加美觀程度.完成大作業(yè)需要事先精心的構思和素材的準備,從一開始網頁主題確實定,到主頁總體的設計、搜集資料、每個分頁面的設計等,我都要一一進行規(guī)劃,由于如果不規(guī)劃好,制作過程中就會沒有整體思路,網站就會顯得缺少整體性,而且不能連貫地制作下去,難以一氣