第一篇：學(xué)習(xí)網(wǎng)頁設(shè)計課程心得

11計算機(jī)1班徐略俊20110610040120

HTML（Hyper Text Mark-up Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部、主體兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，其主要特點(diǎn)如下：

1、簡易性，HTML版本升級采用超集方式，從而更加靈活方便。

2、可擴(kuò)展性，HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。

3、平臺無關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺上。

CSS 語法由三部分構(gòu)成：選擇器、屬性和值。selector {property: value}選擇器通常是你希望定義的 HTML 元素或標(biāo)簽，屬性是你希望改變的屬性，并且每個屬性都有一個值。屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個完整的樣式聲明：body {color: blue}上面這行代碼的作用是將 body 元素內(nèi)的文字顏色定義為藍(lán)色。在上述例子中，body 是選擇器，而包括在花括號內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color 為屬性，blue 為值。

色彩可用色調(diào)（色相）、飽和度（純度）和明度來描述。人眼看到的任一彩色光都是這三個特性的綜合效果，這三個特性即是色彩的三要素，其中色調(diào)與光波的波長有直接關(guān)系，亮度和飽和度與光波的幅度有關(guān)。

色彩的三要素： 明度、色相、飽和度。

剛剛接觸超文本，遇到的最大的障礙就是一些用“<”和“>”括起來的句子，我們稱它為標(biāo)簽，是用來分割和標(biāo)記文本的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。

1.單標(biāo)簽

某些標(biāo)記稱為“單標(biāo)簽”，因為它只需單獨(dú)使用就能完整地表達(dá)意思，這類標(biāo)記的語法是：< 標(biāo)簽名稱>

最常用的單標(biāo)簽是
, 它表示換行。

2.雙標(biāo)簽

另一類標(biāo)記稱為“雙標(biāo)簽”，它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對使用，其中始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能，而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個斜杠（/）即成為尾標(biāo)記。這類標(biāo)記的語法是：

<標(biāo)簽> 內(nèi) 容

其中“內(nèi)容” 部分就是要被這對標(biāo)記施加作用的部分。例如你想突出對某段文字的顯示，就將此段文字放在一 標(biāo)記中：

第一：

3.標(biāo)簽屬性

許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性，其語法是：

< 標(biāo)簽名字 屬性1 屬性2 屬性3 … >

各屬性之間無先后次序，屬性也可省略（即取默認(rèn)值），例如單標(biāo)記

水平線（horizontal line），一般是從窗口中當(dāng)前行的最左端一直畫到最右端。帶一些屬性：

11計算機(jī)1班徐略俊20110610040120

中SIZE屬性定義線的粗細(xì)，屬性值取整數(shù)，缺為1；ALIGN屬性表示對齊方式，可取LEFT（左對齊缺省值），CENTER（居中），RIGHT（右對齊）；WIDTH 屬性定義線的長度，可取相對值，（由一對 “ ”號括起來的百分?jǐn)?shù)，表示相對于充滿整個窗口的百分比），也可取絕對值（用整數(shù)表示的屏幕像素點(diǎn)的個數(shù)，如WIDTH=300），缺省值是“100%”。

學(xué)習(xí)心得

本學(xué)期的網(wǎng)業(yè)設(shè)計課程，開展了動態(tài)思維訓(xùn)練教學(xué)活動，對于我們學(xué)生來說，可以激發(fā)學(xué)習(xí)興趣，調(diào)動學(xué)習(xí)的自覺性，自己動腦、動手，動口，運(yùn)用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過自身的實(shí)踐，創(chuàng)作出積聚個人風(fēng)格、個性的個人網(wǎng)頁。總體來說，整個學(xué)期的學(xué)習(xí)過程，我學(xué)會了很多知識，雖然過程比較艱辛，但在INTENET領(lǐng)域中，有了一個展示自我的空間，我覺得很開心、很有成就感。一.充分發(fā)揮動手能力作為網(wǎng)頁設(shè)計的初學(xué)者，我對網(wǎng)頁設(shè)計非常感興趣，一心想設(shè)計出一個美觀、實(shí)用、內(nèi)容豐富的個人網(wǎng)頁。本學(xué)期的教改方案由以前學(xué)生單純接受知識變?yōu)橹鲃訁⑴c教學(xué)活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計過程中，從構(gòu)思到設(shè)計、完善、維護(hù)，整個過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計的知識。二.在設(shè)計過程中不斷提高網(wǎng)頁設(shè)計水平在本次網(wǎng)頁設(shè)計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計方面的知識，也從中學(xué)會了關(guān)于網(wǎng)絡(luò)、編程等方面的知識。我從最初開始運(yùn)用FrontPage設(shè)計網(wǎng)頁，到后來運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計網(wǎng)頁，完善網(wǎng)頁。在這個過程中，我通過自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用，學(xué)會了管理、維護(hù)自己的站點(diǎn)，以及一些簡單動畫、控件的制作等等。在設(shè)計過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。三.不足之處由于平時工作比較繁忙，學(xué)習(xí)時間比較少，對于網(wǎng)頁設(shè)計軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁設(shè)計過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設(shè)計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計水平，想有個理想的網(wǎng)頁，必須學(xué)會代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認(rèn)識，以后再加強(qiáng)學(xué)習(xí)也才會有所提高。總體來說，通過今次的對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計的熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。

第二篇：網(wǎng)頁設(shè)計心得

網(wǎng)頁設(shè)計學(xué)習(xí)心得

姓名：馮宇婷班級：09藝設(shè)一班學(xué)號：0908021006指導(dǎo)老師：葛書河

網(wǎng)頁設(shè)計學(xué)習(xí)心得

隨著社會的發(fā)展，計算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到我們的生活。網(wǎng)頁設(shè)計業(yè)也隨之變成我們當(dāng)代大學(xué)生需要掌握的一項技能。為了符合時代的發(fā)展，學(xué)校也為我們安排了網(wǎng)頁設(shè)計的課程。

通過幾周的學(xué)習(xí)，我掌握了制作網(wǎng)頁的一些基本技能。同時也加深了對photoshop、fireworks這些輔助網(wǎng)頁制作軟件的了解應(yīng)用。

在整個學(xué)習(xí)過程中，老師主要是通過將現(xiàn)有的一些優(yōu)秀網(wǎng)頁作為教程模板，對網(wǎng)頁的制作過程進(jìn)行拆解分析，向我們教授網(wǎng)頁制作的方法和技巧。

在整個網(wǎng)頁制作過程中，表格的構(gòu)思、圖片的處理、超級鏈接的建立，表單的設(shè)立等等，每一個步驟都是需要細(xì)致考量的。

就拿表格來說，在網(wǎng)頁制作中，表格起著至關(guān)重要的作用，是網(wǎng)頁制作的基礎(chǔ)，作為網(wǎng)頁的骨架，決定了網(wǎng)頁的排版。在明確了網(wǎng)頁的主題之后，要考慮的就是表格框架的構(gòu)成。一個好的框架可以使網(wǎng)頁的制作更加簡潔方便，提高制作網(wǎng)頁的效率。

當(dāng)然，網(wǎng)頁制作并不是像想象中的那么簡單，其中讓我覺得比較意外的是圖片的處理。在網(wǎng)頁制作過程中，圖片的插入是吸引網(wǎng)頁閱覽者注意力的主要方式。但是圖片的處理卻比較特殊，插入網(wǎng)頁中的圖片為了能夠在較短的時間內(nèi)被閱覽，就要保證圖片的內(nèi)存很小，所以圖片的像素較低，同時圖片保存的格式也應(yīng)看圖片顏色的實(shí)際情況

而定。所要插入的圖片如果需要進(jìn)行調(diào)整，必須要通過別的軟件進(jìn)行處理，同時還要對圖像的大小進(jìn)行估計。這就需要dreamweaver與photoshop的通力合作了。對于我來說，圖片的處理還存在一定的難度，一張圖片處理的好，需要的不僅僅是能夠熟練使用軟件，還需要有創(chuàng)意。

在網(wǎng)絡(luò)的世界中，幾乎沒有哪一張網(wǎng)頁是孤獨(dú)存在的。單張的網(wǎng)頁不免顯得單薄，缺少內(nèi)容。為了能夠滿足大眾更多的閱覽需求，將不同網(wǎng)頁中相關(guān)內(nèi)容聯(lián)系在一起變得舉足輕重。此時，超級鏈接就開始發(fā)揮其“說客”作用，將圖片與文字進(jìn)行不同的組合，使網(wǎng)頁形式更加豐富的同時也為閱覽者提供了更大范圍的閱讀量。如果表格和圖片是網(wǎng)頁的血肉，那么超級鏈接就是網(wǎng)頁的靈魂，主導(dǎo)著網(wǎng)頁的擴(kuò)展方向。

通過網(wǎng)頁設(shè)計這門課的學(xué)習(xí)，我已經(jīng)掌握了一些基礎(chǔ)的格式設(shè)定，這讓我受益匪淺。但是那是遠(yuǎn)遠(yuǎn)不夠的，在網(wǎng)頁設(shè)計的過程中，我接觸到的當(dāng)然不是只有這些。其中表單的設(shè)計、css樣式的設(shè)定、代碼的編寫還有很多的內(nèi)容需要我自己去深入學(xué)習(xí)。更多的內(nèi)容都需要我通過不斷練習(xí)和發(fā)現(xiàn)才能真正熟練應(yīng)用。

第三篇：網(wǎng)頁設(shè)計心得

一.充分發(fā)揮動手能力作為網(wǎng)頁設(shè)計的初學(xué)者，我對網(wǎng)頁設(shè)計非常感興趣，一心想設(shè)計出一個美觀、實(shí)用、內(nèi)容豐富的個人網(wǎng)頁。這次的教改方案由以前我們單純接受知識變?yōu)橹鲃訁⑴c教學(xué)活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計過程中，從構(gòu)思到設(shè)計、完善、維護(hù)，整個過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計的知識。

二.在設(shè)計過程中不斷提高網(wǎng)頁設(shè)計水平在本次網(wǎng)頁設(shè)計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計方面的知識，也從中學(xué)會了關(guān)于網(wǎng)絡(luò)、編程等方面的知識。我從最初開始運(yùn)用FrontPage設(shè)計網(wǎng)頁，到后來運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計網(wǎng)頁，完善網(wǎng)頁。在這個過程中，我通過自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用，學(xué)會了管理、維護(hù)自己的站點(diǎn)，以及一些簡單動畫、控件的制作等等。在設(shè)計過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。

三.不足之處對于網(wǎng)頁設(shè)計軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁設(shè)計過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設(shè)計時 也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計水平，想有個理想的網(wǎng)頁，必須學(xué)會代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認(rèn)識，以后再加強(qiáng)學(xué)習(xí)也才會有所提高。

總體來說，通過今次的對網(wǎng)頁設(shè)計的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計的熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。

第四篇：網(wǎng)頁設(shè)計心得

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

一轉(zhuǎn)眼，網(wǎng)頁設(shè)計課程已經(jīng)結(jié)束。這門課程對于我們理工科的學(xué)生來說是非常實(shí)用的，只可惜在剛剛學(xué)到一些皮毛就要告別對它的學(xué)習(xí)。

老師給我們布置的期末作業(yè)是制作一個小型網(wǎng)站，下面，讓我介紹一下我們小組制作網(wǎng)頁的一些心得。

我們小組選定的制作主題是軍事，相比起其他的一些小組來說，我們制作的網(wǎng)站雖然涉及的方面比較少，但是卻避免了雜亂無章和內(nèi)容顯淺的情況出現(xiàn)。我們不求大不求多不求廣，卻是求精，求專業(yè)。我們希望能夠用我們小小的力量像螞蟻搬家一樣搭建一個大大的網(wǎng)站。

在制作主頁的時候，我們費(fèi)了較大的周折。整個團(tuán)隊提出了幾個不同的布局方案：A，按歷史的發(fā)展編排主題。B，按最新的軍事科技進(jìn)行系統(tǒng)介紹。C,按各種海軍，陸軍，空軍的發(fā)展史進(jìn)行制作。每種方法都有各自的優(yōu)缺點(diǎn)，最后，我們選擇了比較折中的C方案。于是，在我們的主頁就可以看到這樣一排主題：海軍，空軍，陸軍，十大元帥，軍事趣文

十大元帥和軍事趣文這兩個主題是我們在后期制作中添加進(jìn)去的。我們認(rèn)為新中國建國后的十大元帥為中國的軍事發(fā)展做出了不可磨滅的奉獻(xiàn)，在我們的軍事網(wǎng)站中缺少了他們是怎么都說不過去的。牢記歷史，把握今天，這也是我們的初衷。后來我們又感覺單純討論、介紹軍事和兵器知識實(shí)在過于嚴(yán)肅，所以就特別添加了“軍事趣文“這個版塊。

在制作過程中，我們通過動手實(shí)踐更加加深了對Front Page 2003的認(rèn)識，同時也鍛煉了我們的操作能力。對于主頁，我們多用表格進(jìn)行排版，因為主頁主要是排放圖片、各版的文字介紹、最新軍事新聞等內(nèi)容。只有使用表格才能使主頁看起來更加整潔規(guī)范。在主頁我們使用的主色調(diào)是黑色和白色。因為我們確定的風(fēng)格以嚴(yán)肅、專業(yè)為主，選擇黑色和白色會看起來會更加嚴(yán)肅。在選擇圖片的時候我們也盡量避免選擇過于花哨的圖片，以配合我們的主題和風(fēng)格。

我制作的板塊是軍事圖片和軍事趣文。在安放圖片的時候我選擇使用“圖片庫”組件，這樣讓可以讓圖片看起來更加整潔美觀，不會顯得雜亂無章。使用幻燈片的形式播放頁可以增加網(wǎng)頁打開的速度，也能讓瀏覽者感受到我們的用心。在軍事趣味版塊我也花了很多心思去收集考證資料。在網(wǎng)上，隨便就能搜索到很多軍事方面的趣文。但是，為了突出我們的網(wǎng)站的專業(yè)性，我在選擇資料方面還是比較謹(jǐn)慎的。一些有傷領(lǐng)導(dǎo)人形象，無法考證的無稽之談是堅決不不要，敗壞人民軍隊名聲的堅決不要。我的目的只有一個，全力打造我們專業(yè)的軍事網(wǎng)站。雖然短短的幾十個課時就這樣結(jié)束，但是我們今后學(xué)習(xí)網(wǎng)頁制作的步伐卻不會停止。在今后的日子里，我們?nèi)詴孕袑W(xué)習(xí)網(wǎng)頁設(shè)計內(nèi)容，我們的目標(biāo)是力圖全面掌握網(wǎng)站制作知識，努力完善我們制作的網(wǎng)站，最終讓我們的網(wǎng)站真正上網(wǎng)，打造全中國最專業(yè)的軍事網(wǎng)站！

非常感謝盧老師對我們指導(dǎo)，謝謝！

第五篇：網(wǎng)頁設(shè)計心得

學(xué)習(xí)網(wǎng) 頁 設(shè) 計 的 心 得

學(xué)院：班級：姓名：學(xué)號：

新的一學(xué)期又開始了，本來對電腦操作之類的課程學(xué)起來有點(diǎn)困難的我，毅然決然的報了這門網(wǎng)絡(luò)設(shè)計課程。我不禁對該門課程產(chǎn)生了濃厚的興趣。平時，總是在寢室里開網(wǎng)頁逛淘寶，看各種的電視劇，但是，仔細(xì)一想他們的制作原理，還真讓我有所好奇呢。于是呢，我就進(jìn)入了這門課程的學(xué)習(xí)。

這學(xué)一門學(xué)科重在入門，跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。

學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。還好在這期間有老師進(jìn)行耐心的指導(dǎo)。不得不很慚愧的說，很多時候老師講完一遍之后，我仍然會因為一些細(xì)節(jié)上的問題，而導(dǎo)致之后的步驟難以進(jìn)行，或者是不能顯示出應(yīng)有的效果。這是我很頭疼。我也曾經(jīng)放棄過，覺得這門學(xué)科無聊又難懂，可能我天生就不是學(xué)習(xí)這塊的料兒。但是，老師從來沒有放棄過哪個同學(xué)，面對著頻頻出錯的我們，一直都耐心講解，并且?guī)椭覀兘鉀Q困難，老師的熱心，對學(xué)術(shù)專研的認(rèn)真嚴(yán)謹(jǐn)?shù)膽B(tài)度深深地印在我的腦海里。老師時常微笑著替我們解答，這讓我感覺如沐春風(fēng)。感覺自己上了大學(xué)兩年了，很少有老

師這樣的關(guān)注我，上課睡覺，玩手機(jī)是常有的事情，但是，自從上了這一門課開始，我好想找到了自我一般。不再是那個進(jìn)入大學(xué)之后懵懵懂懂，自暴自棄，對自己完全沒有約束任由自己隨心所欲的自己了，我感受到了人與人之間的相互理解包容，我在老師的鼓勵中，感受到了動力的源泉。我想到了最初，那時，我剛剛進(jìn)入大學(xué)對未來的一切都有著美好的盼望，但是，慢慢地都被現(xiàn)實(shí)磨干凈了，不再是那個每天開開心心有目標(biāo)有理想知道自己想要做什么的我。那么從現(xiàn)在開始的我就從做好網(wǎng)頁設(shè)計的每一步開始，仔仔細(xì)細(xì)，認(rèn)認(rèn)真真，完成自己最初的夢想。做一個積極向上陽光的人。

我想學(xué)習(xí)一門學(xué)科不單單是這門學(xué)科的基礎(chǔ)內(nèi)容，更重要的是它讓我感受到了生活的真正意義，這是我受益匪淺。更加感謝老師，或許很難想象，但是他就是這樣的影響了我的生活。所以，在今后的閑余時間，我將會學(xué)習(xí)制作網(wǎng)頁的更多知識，使它成為自己的一項技能。