網(wǎng)頁設(shè)計(jì)學(xué)習(xí)總結(jié)

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