第一篇：網(wǎng)頁設(shè)計(jì)課程心得體會(huì)

“網(wǎng)頁設(shè)計(jì)”學(xué)習(xí)心得體會(huì)

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的。我通過這一學(xué)期的學(xué)習(xí)，對(duì)網(wǎng)頁設(shè)計(jì)有了初步的認(rèn)識(shí)和了解，并基本掌握了Dreamweaver的應(yīng)用。

在學(xué)習(xí)了網(wǎng)頁設(shè)計(jì)的同時(shí)，我更加深入的了解了關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)?；趯?duì)計(jì)算機(jī)基礎(chǔ)與C語言的基本掌握，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)部分便顯得較為輕松。雖然如此，在設(shè)計(jì)過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動(dòng)手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。

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

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

首先，要確定網(wǎng)頁設(shè)計(jì)的內(nèi)容，一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了。下面要開始的便是優(yōu)化工作。內(nèi)容是整個(gè)網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站(有很多頁面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛砹耍缓箝_始一步一步有條理，有次序地做來，就胸有成竹得多，也會(huì)為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

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

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

美術(shù)學(xué)1303B 班 賈宇波

2014年6月8日

第二篇：網(wǎng)頁設(shè)計(jì)課程心得體會(huì)

“網(wǎng)頁制作”課程心得體會(huì)

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的。

這學(xué)期選擇的這門課程讓我學(xué)到了不少關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識(shí)，這對(duì)于像我這樣對(duì)網(wǎng)絡(luò)了解不多的學(xué)生來說很容易理解，接受。

在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，對(duì)flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。

通過對(duì)這門課的學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。

在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則 1 確定網(wǎng)頁設(shè)計(jì)的內(nèi)容

一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用。了解你網(wǎng)站所在行業(yè)的客戶

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

不以用戶身份親身體驗(yàn)網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進(jìn)，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設(shè)計(jì)時(shí)就應(yīng)該把這些問題解決。優(yōu)化內(nèi)容

內(nèi)容是整個(gè)網(wǎng)站的核心。在網(wǎng)站設(shè)計(jì)之前必須明確網(wǎng)站的內(nèi)容安排。

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

大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會(huì)為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集

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

在準(zhǔn)備材料的時(shí)候我們可以用到學(xué)習(xí)的Flash知識(shí)來制作一些小的動(dòng)畫和動(dòng)態(tài)圖片，F(xiàn)lash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁。

通過個(gè)人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時(shí)間，我將會(huì)學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)，使它成為自己的一項(xiàng)技能。

第三篇：網(wǎng)頁設(shè)計(jì)課程小結(jié)

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的。我利用寒假的時(shí)間，對(duì)網(wǎng)頁設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解，并基本掌握dreamweaver的應(yīng)用。

通過寒假期間的學(xué)習(xí)，在學(xué)習(xí)了網(wǎng)頁設(shè)計(jì)的同時(shí)，我更加深入的了解了關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)。基于大一對(duì)計(jì)算機(jī)基礎(chǔ)與c語言的基本掌握，自學(xué)網(wǎng)絡(luò)設(shè)計(jì)的基礎(chǔ)部分便顯得較為輕松。誰然如此，在設(shè)計(jì)過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動(dòng)手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。

通過對(duì)網(wǎng)頁設(shè)計(jì)書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，在實(shí)踐查閱資料時(shí)，對(duì)flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁軟件的綜合應(yīng)用。下面闡述一下我在翻閱《dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁設(shè)計(jì)的見解。在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備一些基本原則。首先，要確定網(wǎng)頁設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了。下面要開始的便是優(yōu)化工作，內(nèi)容是整個(gè)網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站(有很多頁面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會(huì)為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

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

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

第四篇：網(wǎng)頁設(shè)計(jì)高級(jí)課程

網(wǎng)頁設(shè)計(jì)高級(jí)課程（5個(gè)月）

學(xué)習(xí)內(nèi)容：使用Dreamweaver制作網(wǎng)頁、使用Photoshop處理圖像、網(wǎng)站配色與布局、制作Flash動(dòng)畫、DIV+CSS、淘寶網(wǎng)店裝飾與推廣、網(wǎng)站架構(gòu)與策劃、PHP+MySql網(wǎng)站開發(fā)、SEO網(wǎng)站優(yōu)化與推廣。白云技師學(xué)院，最好的計(jì)算機(jī)培訓(xùn)課程，電腦培訓(xùn)課程，網(wǎng)頁設(shè)計(jì)高級(jí)課程。電話020-36093333 px.byxy.com byxy.com

網(wǎng)頁設(shè)計(jì)制作基本概述

理解網(wǎng)頁設(shè)計(jì)制作原理、基本手段、流程與制作要求。

1．互聯(lián)網(wǎng)、網(wǎng)頁、網(wǎng)站、超級(jí)連接、HTML語言等基礎(chǔ)網(wǎng)絡(luò)知識(shí)的概念及定義

2．網(wǎng)站設(shè)計(jì)制作的常用工具與基本流程

3．HTML語言的基本結(jié)構(gòu)和語法

熟練掌握網(wǎng)頁設(shè)計(jì)制作的基礎(chǔ)操作。講解HTML代碼。主要包括：

1、如何建立站點(diǎn)

2、對(duì)于網(wǎng)站文字，圖片，超鏈接的設(shè)置

3、以及以上網(wǎng)頁元素所對(duì)應(yīng)的html代碼

熟練掌握常用的頁面版式與布局控制技術(shù)。

1、表格的應(yīng)用

2、表單的應(yīng)用

3、框架的使用

熟練掌握css+div的模式進(jìn)行網(wǎng)頁設(shè)計(jì)，并能夠使用css制作特殊的效果的樣式。講解css和div的相關(guān)知識(shí)，主要包括：

1.css的基本概念，基礎(chǔ)知識(shí)

2.css對(duì)于文字，圖片的設(shè)置

3.css對(duì)于網(wǎng)頁布局的控制，css的特殊效果等

使用JavaScript的相關(guān)行為進(jìn)行網(wǎng)頁的一些特效以及驗(yàn)證。

1、講解JavaScript的基礎(chǔ)知識(shí)

2、講解JavaScript的常用方法。

了解網(wǎng)頁設(shè)計(jì)色彩的搭配原則以及網(wǎng)站logo設(shè)計(jì)的基本原則。

1、網(wǎng)頁色彩的色調(diào)組合，網(wǎng)頁設(shè)計(jì)中色彩的基本原則

2、網(wǎng)站logo設(shè)計(jì)的原則以及基本創(chuàng)意

3、優(yōu)秀網(wǎng)站作品賞析

掌握網(wǎng)站導(dǎo)航條的設(shè)計(jì)制作技巧以及網(wǎng)站banner的制作方法。

1、導(dǎo)航條設(shè)計(jì)的原則

2、導(dǎo)航條設(shè)計(jì)的創(chuàng)意

3、網(wǎng)站banner的表現(xiàn)手法

4、制作網(wǎng)站banner常用的技法

5、如何制作有創(chuàng)意且美觀的網(wǎng)站banner

白云技師學(xué)院，最好的計(jì)算機(jī)培訓(xùn)課程，電腦培訓(xùn)課程，網(wǎng)頁設(shè)計(jì)高級(jí)課程。電話020-36093333

px.byxy.com byxy.com 歡迎前來報(bào)讀

第五篇：淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)

淺談網(wǎng)頁設(shè)計(jì)課程教學(xué)

摘要：網(wǎng)頁設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程，應(yīng)注重將技術(shù)和藝術(shù)相結(jié)合起來進(jìn)行教學(xué)。本文針對(duì)“網(wǎng)頁設(shè)計(jì) ”課程的特點(diǎn)，結(jié)合實(shí)踐應(yīng)用，闡述在教學(xué)方面的一些體會(huì)。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)，教學(xué)方法

Abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these subjects.this paper is to base on the feature of “website design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method

一、引言

《網(wǎng)頁設(shè)計(jì)》課程是職業(yè)院校計(jì)算機(jī)類專業(yè)及電子商務(wù)專業(yè)的一門專業(yè)課程，也是一門實(shí)踐性很強(qiáng)的職業(yè)技術(shù)課程。由于《網(wǎng)頁設(shè)計(jì)》課程實(shí)踐性和更新性很強(qiáng)，該課程如果采用傳統(tǒng)的教學(xué)方式，那結(jié)果是不理想的。在這里結(jié)合自身的實(shí)際經(jīng)驗(yàn)，談?wù)劸W(wǎng)頁設(shè)計(jì)課程的教學(xué)。

二、教學(xué)策略

1．課程特點(diǎn)

網(wǎng)頁設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程。在教學(xué)過程中，除了要求學(xué)生掌握基本的技術(shù)外，也必須對(duì)藝術(shù)設(shè)計(jì)有一定的了解。網(wǎng)頁設(shè)計(jì)應(yīng)注重技術(shù)和藝術(shù)的統(tǒng)一性。在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)考慮網(wǎng)站的總體結(jié)構(gòu)，風(fēng)格定位，色彩的應(yīng)用，版式的設(shè)計(jì)等方面的因素，力求形式與內(nèi)容的統(tǒng)一，讓網(wǎng)頁的顯示達(dá)到快捷，美觀的視覺效果。

2．教學(xué)方案

要設(shè)計(jì)一個(gè)好的網(wǎng)頁作品，首要的因素不是創(chuàng)新，而是“用戶體驗(yàn)”，第一步應(yīng)該站在用戶的角度去考慮設(shè)計(jì)方案，所有的形象風(fēng)格都必須服從主題，服務(wù)用戶。這就對(duì)網(wǎng)頁的整體形象有了較高的要求，整體形象包括版式設(shè)計(jì)，色彩的應(yīng)用，logo設(shè)計(jì)，素材設(shè)計(jì)，廣告設(shè)計(jì)，web圖像設(shè)計(jì)及優(yōu)化，交互方式等等。在教學(xué)時(shí)，我們可以結(jié)合實(shí)際，要求學(xué)生從版式布局設(shè)計(jì)和網(wǎng)頁元素的處理及色彩搭配三方面著手，歸納如下：

（1）版式設(shè)計(jì)

網(wǎng)頁的美感來源于網(wǎng)頁的版式設(shè)計(jì)，它突出了網(wǎng)頁設(shè)計(jì)的藝術(shù)性和個(gè)性，屬于網(wǎng)頁的藝術(shù)設(shè)計(jì)，好的版式設(shè)計(jì)會(huì)使得網(wǎng)頁顯得更具有美感和創(chuàng)意。網(wǎng)頁的版式設(shè)計(jì)是基于內(nèi)容的，應(yīng)該從實(shí)用性和藝術(shù)性考慮。網(wǎng)頁內(nèi)容一定要主次分明，中心突出；導(dǎo)航要清晰；可以圖文并茂，是網(wǎng)頁顯得生動(dòng)和活躍。除此以外，網(wǎng)頁的版式設(shè)計(jì)要符合統(tǒng)一、分割的原則。統(tǒng)一即指整個(gè)網(wǎng)站版式風(fēng)格的統(tǒng)一性、整體性；分割即指要科學(xué)的劃分整個(gè)頁面。

網(wǎng)頁的版式設(shè)計(jì)主要是表格、層等技術(shù)的應(yīng)用。表格是一種最簡(jiǎn)單的布局手法，它可以將圖像和文字做最恰當(dāng)?shù)木幣?，達(dá)到清晰易懂的效果。層（div）的布局，是現(xiàn)在正當(dāng)流行的排版手法，它主要應(yīng)用相對(duì)位置等的關(guān)系進(jìn)行準(zhǔn)確定位，再加上層疊樣式表的輔助，突出了它對(duì)網(wǎng)頁的設(shè)計(jì)具有可擴(kuò)展的優(yōu)勢(shì)。

文字是網(wǎng)頁內(nèi)容的主要載體，所以文字的視覺效果在版式設(shè)計(jì)中也起著關(guān)鍵的作用。文字的設(shè)置可以分為字體、大小、顏色、行距等，通過這些屬性設(shè)置，使文字排列得整體和美觀。但要注意的是中文字體和英文等其他字體的設(shè)置，是有一定區(qū)別的。英文的字體有很多的選擇，但中文的正文字，總的來說，就兩種：宋體和黑體。在傳統(tǒng)的版式設(shè)計(jì)中，大家都還是傾向于英文的排版，從視覺上來看，英文字體更有韻律性，因?yàn)槊總€(gè)字母本身高矮不一致；但是中文字體相對(duì)來說，就顯得單調(diào)和獨(dú)立些，所以在設(shè)計(jì)時(shí)，這兩種文字要作不同的處理。另外，也不要選擇一些非常特殊的字體，除非用戶的瀏覽器認(rèn)識(shí)這些特殊字體，否則將會(huì)出現(xiàn)亂碼。如果遇到非要使用特殊字體的情況，可將文字轉(zhuǎn)換成圖片再將其應(yīng)用。對(duì)于字號(hào)而言，單位應(yīng)采用em，而不是px，這點(diǎn)在使用層疊樣式表（css）時(shí)尤為重要，還要注意的是em和px是有差別的，所以在使用的時(shí)候也要對(duì)上號(hào)，否則也達(dá)不到預(yù)先的視覺效果。文字一行的字?jǐn)?shù)最好不超過50字，首頁的標(biāo)題在10-20字為佳；行距一般使用的是20-22像素的行距，這樣使得整個(gè)的文字內(nèi)容部分不會(huì)顯得太緊湊或者太松散。文字的整體排列一般有四種基本形式：兩端對(duì)齊、居中對(duì)齊、左對(duì)齊或右對(duì)齊、圖文環(huán)繞排列。在整個(gè)網(wǎng)頁版式設(shè)計(jì)中，標(biāo)題文字的設(shè)計(jì)原則應(yīng)該是“醒目而不夸張”。

導(dǎo)航欄的設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中也很重要，它對(duì)整個(gè)網(wǎng)站內(nèi)容有提綱和導(dǎo)航的作用，在設(shè)計(jì)的時(shí)候，要注意首先導(dǎo)航欄的風(fēng)格也要和整個(gè)網(wǎng)頁風(fēng)格保持統(tǒng)一，另外最好采用文字，因?yàn)榫W(wǎng)絡(luò)的速度可能會(huì)影響圖片的正常下載；不過現(xiàn)在flash按鈕的導(dǎo)航欄已經(jīng)成為時(shí)尚，它可以實(shí)現(xiàn)豐富的動(dòng)感效果。

（2）網(wǎng)頁元素的處理

網(wǎng)頁元素包括logo、按鈕、圖片、動(dòng)畫、聲音、banner等。在網(wǎng)頁中包含這些對(duì)象時(shí)要注意的有：首先是logo的設(shè)計(jì)，logo代表了整個(gè)網(wǎng)站或者企業(yè)的文化，一個(gè)有特色、具有視覺沖擊力的logo，可以直接影響瀏覽者對(duì)網(wǎng)站的判斷，給瀏覽者留下記憶深刻的印象。其次，要確保網(wǎng)頁上的每一個(gè)元素都有存在的必要性，不要使用冗余的技術(shù)和內(nèi)容；再次，要保持形式和內(nèi)容的統(tǒng)一；最后，要盡量的使網(wǎng)頁具有快捷性。對(duì)于網(wǎng)頁的特效技術(shù)，最好采用javascript或css技術(shù)來實(shí)現(xiàn)。

（3）色彩的處理

并非所有的顏色都能應(yīng)用于網(wǎng)頁，網(wǎng)頁中的顏色會(huì)受到硬件、瀏覽器等的影響，即使網(wǎng)頁中使用了非常合理、非常漂亮的配色方案，每一位用戶所看到的效果也不一定相同。所以，最好使用使用網(wǎng)頁安全色來避免和解決這種問題。網(wǎng)頁安全色是指在不同的硬件環(huán)境和軟件環(huán)境下都能在瀏覽器上正常顯示的顏色，并且現(xiàn)顯示的效果都一樣，不會(huì)出現(xiàn)失真的現(xiàn)象。在頁面設(shè)計(jì)中，整個(gè)網(wǎng)頁的色彩種類最好不要超過3種，一種或者兩種主體色，其他為輔助色。顏色種類太多，會(huì)讓人覺得很雜亂。另外，文字內(nèi)容和網(wǎng)頁的背景顏色的對(duì)比要做到突出，比如：背景為深色，則文字的顏色可以選取淺色調(diào)；背景為淺色時(shí)，文字顏色就應(yīng)該深些；這種深淺的變化在色彩學(xué)中稱為“明度變化“。比如有些主頁，背景色和文字顏色都采用的是深色，由于色彩的明度較近，所以瀏覽者來瀏覽閱讀的時(shí)候，會(huì)感覺吃力，從而影響閱讀；但是色彩的明度變化也不能太大，明度變化大會(huì)導(dǎo)致亮度的反差強(qiáng)，讓人覺得很刺眼，同樣會(huì)影響整個(gè)網(wǎng)頁的視覺效果。在進(jìn)行顏色搭配時(shí)，還要注意的是：第一，采用的顏色應(yīng)具有聯(lián)想性，不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，所以色彩的選取也要和網(wǎng)頁的內(nèi)涵有關(guān)。第二，色彩的合理性。根據(jù)網(wǎng)頁的主題的不同，選取相應(yīng)的色彩，比如紅色，可以體現(xiàn)出網(wǎng)站的熱情和喜慶；藍(lán)色可體現(xiàn)出科技的氣息等。第三，色彩要有鮮明性，這個(gè)才能給瀏覽者深刻的印象，并有耳目一新的感覺。

（4）網(wǎng)頁賞析

在教學(xué)過程中對(duì)學(xué)生的引導(dǎo)是非常重要的，設(shè)計(jì)網(wǎng)頁得多看多學(xué)，網(wǎng)頁設(shè)計(jì)的技術(shù)和風(fēng)格在日新月異地變化，所以在提高學(xué)生設(shè)計(jì)技術(shù)的同時(shí)，還要多培養(yǎng)學(xué)生的審美能力，知道怎么設(shè)計(jì)才是一個(gè)好的網(wǎng)頁。創(chuàng)建網(wǎng)頁是一個(gè)不斷學(xué)習(xí)的過程，在看一個(gè)網(wǎng)站的時(shí)候，找到這個(gè)網(wǎng)站的優(yōu)點(diǎn)缺點(diǎn)，注意哪些是可以借鑒的，哪些是需要避免的，在看的同時(shí)，可以看些成熟的網(wǎng)站，也可以看些成長(zhǎng)中的作品，在同期的比較中，也有助于自身的提高。另外，鼓勵(lì)學(xué)生看源文件，了解某些效果是如果實(shí)現(xiàn)的，在效仿的同時(shí)進(jìn)行改進(jìn)和創(chuàng)新。

（5）考核方式

網(wǎng)頁設(shè)計(jì)課程的考核應(yīng)該打破傳統(tǒng)的考試方式，建議采用機(jī)考的方式，學(xué)生通過一學(xué)期的學(xué)習(xí)，應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁，熟練掌握其基本制作方法和技巧，在規(guī)定的時(shí)間內(nèi)設(shè)計(jì)網(wǎng) 頁。這也是一種對(duì)提高學(xué)生動(dòng)能能力的一種鞭策方法。

三、結(jié)束語

在網(wǎng)頁設(shè)計(jì)課程教學(xué)中，應(yīng)當(dāng)充分認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)課程的特點(diǎn)，結(jié)合實(shí)際，采取相應(yīng)的教學(xué)措施和方法完成教學(xué)任務(wù)，以達(dá)到良好的教學(xué)效果。對(duì)于信息科技迅猛的發(fā)展今天，必須摒棄陳舊的教學(xué)理念，及時(shí)提高自身的專業(yè)水平，完善自身的教學(xué)理念，尋找更好的教學(xué)方法，激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生追求新知的能力和動(dòng)手實(shí)踐的能力，從而達(dá)到學(xué)以致用的效果。

參考資料： 田博文，《Dreamweaver8基礎(chǔ)培訓(xùn)教程》，人民郵電出版社，2007年2月

孫素華，<< Dreamweaverms2004完美網(wǎng)頁設(shè)計(jì)>>，中國(guó)青年出版社，2005年10月