第一篇:網(wǎng)頁設(shè)計課程心得體會
“網(wǎng)頁制作”課程心得體會
現(xiàn)在,計算機和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具,現(xiàn)在的網(wǎng)民也在不斷的增多,所以,了解和學習網(wǎng)絡(luò)知識是我們作為一名大學生迫切所需的。
這學期選擇的這門課程讓我學到了不少關(guān)于計算機和網(wǎng)絡(luò)的知識。老師把課程內(nèi)容安排的很合理,講的大都是很基礎(chǔ)的知識,這對于像我這樣對網(wǎng)絡(luò)了解不多的學生來說很容易理解,接受。
在這門課上我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,對flash也有所了解。課上我還學到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù),用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。
通過對這門課的學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。
在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備以下一些基本原則 1 確定網(wǎng)頁設(shè)計的內(nèi)容
一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用。了解你網(wǎng)站所在行業(yè)的客戶
用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.3、做一個典型用戶
不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題,才知道那些需要改進,盡量不要讓客戶去發(fā)現(xiàn)問題,在前期設(shè)計時就應(yīng)該把這些問題解決。優(yōu)化內(nèi)容
內(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)鍵字,就可以找到一大堆的資料。
在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態(tài)圖片,F(xiàn)lash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。
然后是開始正式制作主頁。通過Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。
通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上,那種成就感是無法用語言形容的。在今后的閑余時間,我將會學習制作網(wǎng)頁的更多知識,使它成為自己的一項技能。
第二篇:網(wǎng)頁設(shè)計課程心得體會
“網(wǎng)頁設(shè)計”學習心得體會
現(xiàn)在,計算機和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具,現(xiàn)在的網(wǎng)民也在不斷的增多,所以,了解和學習網(wǎng)絡(luò)知識是我們作為一名大學生迫切所需的。我通過這一學期的學習,對網(wǎng)頁設(shè)計有了初步的認識和了解,并基本掌握了Dreamweaver的應(yīng)用。
在學習了網(wǎng)頁設(shè)計的同時,我更加深入的了解了關(guān)于計算機和網(wǎng)絡(luò)的知識。基于對計算機基礎(chǔ)與C語言的基本掌握,學習網(wǎng)頁設(shè)計的基礎(chǔ)部分便顯得較為輕松。雖然如此,在設(shè)計過程中依然出現(xiàn)了很多的問題,但通過看書,上網(wǎng)查詢,等方式,不斷的學習、解決、提高,設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進步、改善。可以說在自己動手,不斷實踐的過程中,網(wǎng)頁設(shè)計水平得到了很大的提高。
通過對網(wǎng)頁設(shè)計書籍的翻閱,我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,在實踐查閱資料時,對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中,我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀,而是多種課程的綜合,他是Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。
下面闡述一下我在設(shè)計我的網(wǎng)站時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在具體的制作時我了解到一個優(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)圖片,F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。
總體來說,通過這個學期對網(wǎng)頁設(shè)計的學習,有收獲也有遺憾。但是,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高,我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。
美術(shù)學1303B 班 賈宇波
2014年6月8日
第三篇:網(wǎng)頁設(shè)計課程小結(jié)
現(xiàn)在,計算機和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面,也已經(jīng)成了生活中不可缺少的一部分,網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具,現(xiàn)在的網(wǎng)民也在不斷的增多,所以,了解和學習網(wǎng)絡(luò)知識是我們作為一名大學生迫切所需的。我利用寒假的時間,對網(wǎng)頁設(shè)計進行了初步的認識和了解,并基本掌握dreamweaver的應(yīng)用。
通過寒假期間的學習,在學習了網(wǎng)頁設(shè)計的同時,我更加深入的了解了關(guān)于計算機和網(wǎng)絡(luò)的知識。基于大一對計算機基礎(chǔ)與c語言的基本掌握,自學網(wǎng)絡(luò)設(shè)計的基礎(chǔ)部分便顯得較為輕松。誰然如此,在設(shè)計過程中依然出現(xiàn)了很多的問題,但通過看書,上網(wǎng)查詢,等方式,不斷的學習、解決、提高,設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進步、改善。可以說在自己動手,不斷實踐的過程中,網(wǎng)頁設(shè)計水平得到了很大的提高。
通過對網(wǎng)頁設(shè)計書籍的翻閱,我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,在實踐查閱資料時,對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中,我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀,而是多種課程的綜合,他是、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è)計的學習,有收獲也有遺憾。但是,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高,我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。
第四篇:網(wǎng)頁設(shè)計高級課程
網(wǎng)頁設(shè)計高級課程(5個月)
學習內(nèi)容:使用Dreamweaver制作網(wǎng)頁、使用Photoshop處理圖像、網(wǎng)站配色與布局、制作Flash動畫、DIV+CSS、淘寶網(wǎng)店裝飾與推廣、網(wǎng)站架構(gòu)與策劃、PHP+MySql網(wǎng)站開發(fā)、SEO網(wǎng)站優(yōu)化與推廣。白云技師學院,最好的計算機培訓課程,電腦培訓課程,網(wǎng)頁設(shè)計高級課程。電話020-36093333 px.byxy.com byxy.com
網(wǎng)頁設(shè)計制作基本概述
理解網(wǎng)頁設(shè)計制作原理、基本手段、流程與制作要求。
1.互聯(lián)網(wǎng)、網(wǎng)頁、網(wǎng)站、超級連接、HTML語言等基礎(chǔ)網(wǎng)絡(luò)知識的概念及定義
2.網(wǎng)站設(shè)計制作的常用工具與基本流程
3.HTML語言的基本結(jié)構(gòu)和語法
熟練掌握網(wǎng)頁設(shè)計制作的基礎(chǔ)操作。講解HTML代碼。主要包括:
1、如何建立站點
2、對于網(wǎng)站文字,圖片,超鏈接的設(shè)置
3、以及以上網(wǎng)頁元素所對應(yīng)的html代碼
熟練掌握常用的頁面版式與布局控制技術(shù)。
1、表格的應(yīng)用
2、表單的應(yīng)用
3、框架的使用
熟練掌握css+div的模式進行網(wǎng)頁設(shè)計,并能夠使用css制作特殊的效果的樣式。講解css和div的相關(guān)知識,主要包括:
1.css的基本概念,基礎(chǔ)知識
2.css對于文字,圖片的設(shè)置
3.css對于網(wǎng)頁布局的控制,css的特殊效果等
使用JavaScript的相關(guān)行為進行網(wǎng)頁的一些特效以及驗證。
1、講解JavaScript的基礎(chǔ)知識
2、講解JavaScript的常用方法。
了解網(wǎng)頁設(shè)計色彩的搭配原則以及網(wǎng)站logo設(shè)計的基本原則。
1、網(wǎng)頁色彩的色調(diào)組合,網(wǎng)頁設(shè)計中色彩的基本原則
2、網(wǎng)站logo設(shè)計的原則以及基本創(chuàng)意
3、優(yōu)秀網(wǎng)站作品賞析
掌握網(wǎng)站導航條的設(shè)計制作技巧以及網(wǎng)站banner的制作方法。
1、導航條設(shè)計的原則
2、導航條設(shè)計的創(chuàng)意
3、網(wǎng)站banner的表現(xiàn)手法
4、制作網(wǎng)站banner常用的技法
5、如何制作有創(chuàng)意且美觀的網(wǎng)站banner
白云技師學院,最好的計算機培訓課程,電腦培訓課程,網(wǎng)頁設(shè)計高級課程。電話020-36093333
px.byxy.com byxy.com 歡迎前來報讀
第五篇:淺談網(wǎng)頁設(shè)計課程教學
淺談網(wǎng)頁設(shè)計課程教學
摘要:網(wǎng)頁設(shè)計課程是計算機和藝術(shù)的交叉學科課程,應(yīng)注重將技術(shù)和藝術(shù)相結(jié)合起來進行教學。本文針對“網(wǎng)頁設(shè)計 ”課程的特點,結(jié)合實踐應(yīng)用,闡述在教學方面的一些體會。
關(guān)鍵詞:網(wǎng)頁設(shè)計,教學方法
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è)計》課程是職業(yè)院校計算機類專業(yè)及電子商務(wù)專業(yè)的一門專業(yè)課程,也是一門實踐性很強的職業(yè)技術(shù)課程。由于《網(wǎng)頁設(shè)計》課程實踐性和更新性很強,該課程如果采用傳統(tǒng)的教學方式,那結(jié)果是不理想的。在這里結(jié)合自身的實際經(jīng)驗,談?wù)劸W(wǎng)頁設(shè)計課程的教學。
二、教學策略
1.課程特點
網(wǎng)頁設(shè)計課程是計算機和藝術(shù)的交叉學科課程。在教學過程中,除了要求學生掌握基本的技術(shù)外,也必須對藝術(shù)設(shè)計有一定的了解。網(wǎng)頁設(shè)計應(yīng)注重技術(shù)和藝術(shù)的統(tǒng)一性。在進行網(wǎng)頁設(shè)計時,應(yīng)考慮網(wǎng)站的總體結(jié)構(gòu),風格定位,色彩的應(yīng)用,版式的設(shè)計等方面的因素,力求形式與內(nèi)容的統(tǒng)一,讓網(wǎng)頁的顯示達到快捷,美觀的視覺效果。
2.教學方案
要設(shè)計一個好的網(wǎng)頁作品,首要的因素不是創(chuàng)新,而是“用戶體驗”,第一步應(yīng)該站在用戶的角度去考慮設(shè)計方案,所有的形象風格都必須服從主題,服務(wù)用戶。這就對網(wǎng)頁的整體形象有了較高的要求,整體形象包括版式設(shè)計,色彩的應(yīng)用,logo設(shè)計,素材設(shè)計,廣告設(shè)計,web圖像設(shè)計及優(yōu)化,交互方式等等。在教學時,我們可以結(jié)合實際,要求學生從版式布局設(shè)計和網(wǎng)頁元素的處理及色彩搭配三方面著手,歸納如下:
(1)版式設(shè)計
網(wǎng)頁的美感來源于網(wǎng)頁的版式設(shè)計,它突出了網(wǎng)頁設(shè)計的藝術(shù)性和個性,屬于網(wǎng)頁的藝術(shù)設(shè)計,好的版式設(shè)計會使得網(wǎng)頁顯得更具有美感和創(chuàng)意。網(wǎng)頁的版式設(shè)計是基于內(nèi)容的,應(yīng)該從實用性和藝術(shù)性考慮。網(wǎng)頁內(nèi)容一定要主次分明,中心突出;導航要清晰;可以圖文并茂,是網(wǎng)頁顯得生動和活躍。除此以外,網(wǎng)頁的版式設(shè)計要符合統(tǒng)一、分割的原則。統(tǒng)一即指整個網(wǎng)站版式風格的統(tǒng)一性、整體性;分割即指要科學的劃分整個頁面。
網(wǎng)頁的版式設(shè)計主要是表格、層等技術(shù)的應(yīng)用。表格是一種最簡單的布局手法,它可以將圖像和文字做最恰當?shù)木幣牛_到清晰易懂的效果。層(div)的布局,是現(xiàn)在正當流行的排版手法,它主要應(yīng)用相對位置等的關(guān)系進行準確定位,再加上層疊樣式表的輔助,突出了它對網(wǎng)頁的設(shè)計具有可擴展的優(yōu)勢。
文字是網(wǎng)頁內(nèi)容的主要載體,所以文字的視覺效果在版式設(shè)計中也起著關(guān)鍵的作用。文字的設(shè)置可以分為字體、大小、顏色、行距等,通過這些屬性設(shè)置,使文字排列得整體和美觀。但要注意的是中文字體和英文等其他字體的設(shè)置,是有一定區(qū)別的。英文的字體有很多的選擇,但中文的正文字,總的來說,就兩種:宋體和黑體。在傳統(tǒng)的版式設(shè)計中,大家都還是傾向于英文的排版,從視覺上來看,英文字體更有韻律性,因為每個字母本身高矮不一致;但是中文字體相對來說,就顯得單調(diào)和獨立些,所以在設(shè)計時,這兩種文字要作不同的處理。另外,也不要選擇一些非常特殊的字體,除非用戶的瀏覽器認識這些特殊字體,否則將會出現(xiàn)亂碼。如果遇到非要使用特殊字體的情況,可將文字轉(zhuǎn)換成圖片再將其應(yīng)用。對于字號而言,單位應(yīng)采用em,而不是px,這點在使用層疊樣式表(css)時尤為重要,還要注意的是em和px是有差別的,所以在使用的時候也要對上號,否則也達不到預先的視覺效果。文字一行的字數(shù)最好不超過50字,首頁的標題在10-20字為佳;行距一般使用的是20-22像素的行距,這樣使得整個的文字內(nèi)容部分不會顯得太緊湊或者太松散。文字的整體排列一般有四種基本形式:兩端對齊、居中對齊、左對齊或右對齊、圖文環(huán)繞排列。在整個網(wǎng)頁版式設(shè)計中,標題文字的設(shè)計原則應(yīng)該是“醒目而不夸張”。
導航欄的設(shè)計在網(wǎng)頁設(shè)計中也很重要,它對整個網(wǎng)站內(nèi)容有提綱和導航的作用,在設(shè)計的時候,要注意首先導航欄的風格也要和整個網(wǎng)頁風格保持統(tǒng)一,另外最好采用文字,因為網(wǎng)絡(luò)的速度可能會影響圖片的正常下載;不過現(xiàn)在flash按鈕的導航欄已經(jīng)成為時尚,它可以實現(xiàn)豐富的動感效果。
(2)網(wǎng)頁元素的處理
網(wǎng)頁元素包括logo、按鈕、圖片、動畫、聲音、banner等。在網(wǎng)頁中包含這些對象時要注意的有:首先是logo的設(shè)計,logo代表了整個網(wǎng)站或者企業(yè)的文化,一個有特色、具有視覺沖擊力的logo,可以直接影響瀏覽者對網(wǎng)站的判斷,給瀏覽者留下記憶深刻的印象。其次,要確保網(wǎng)頁上的每一個元素都有存在的必要性,不要使用冗余的技術(shù)和內(nèi)容;再次,要保持形式和內(nèi)容的統(tǒng)一;最后,要盡量的使網(wǎng)頁具有快捷性。對于網(wǎng)頁的特效技術(shù),最好采用javascript或css技術(shù)來實現(xiàn)。
(3)色彩的處理
并非所有的顏色都能應(yīng)用于網(wǎng)頁,網(wǎng)頁中的顏色會受到硬件、瀏覽器等的影響,即使網(wǎng)頁中使用了非常合理、非常漂亮的配色方案,每一位用戶所看到的效果也不一定相同。所以,最好使用使用網(wǎng)頁安全色來避免和解決這種問題。網(wǎng)頁安全色是指在不同的硬件環(huán)境和軟件環(huán)境下都能在瀏覽器上正常顯示的顏色,并且現(xiàn)顯示的效果都一樣,不會出現(xiàn)失真的現(xiàn)象。在頁面設(shè)計中,整個網(wǎng)頁的色彩種類最好不要超過3種,一種或者兩種主體色,其他為輔助色。顏色種類太多,會讓人覺得很雜亂。另外,文字內(nèi)容和網(wǎng)頁的背景顏色的對比要做到突出,比如:背景為深色,則文字的顏色可以選取淺色調(diào);背景為淺色時,文字顏色就應(yīng)該深些;這種深淺的變化在色彩學中稱為“明度變化“。比如有些主頁,背景色和文字顏色都采用的是深色,由于色彩的明度較近,所以瀏覽者來瀏覽閱讀的時候,會感覺吃力,從而影響閱讀;但是色彩的明度變化也不能太大,明度變化大會導致亮度的反差強,讓人覺得很刺眼,同樣會影響整個網(wǎng)頁的視覺效果。在進行顏色搭配時,還要注意的是:第一,采用的顏色應(yīng)具有聯(lián)想性,不同的色彩會產(chǎn)生不同的聯(lián)想,所以色彩的選取也要和網(wǎng)頁的內(nèi)涵有關(guān)。第二,色彩的合理性。根據(jù)網(wǎng)頁的主題的不同,選取相應(yīng)的色彩,比如紅色,可以體現(xiàn)出網(wǎng)站的熱情和喜慶;藍色可體現(xiàn)出科技的氣息等。第三,色彩要有鮮明性,這個才能給瀏覽者深刻的印象,并有耳目一新的感覺。
(4)網(wǎng)頁賞析
在教學過程中對學生的引導是非常重要的,設(shè)計網(wǎng)頁得多看多學,網(wǎng)頁設(shè)計的技術(shù)和風格在日新月異地變化,所以在提高學生設(shè)計技術(shù)的同時,還要多培養(yǎng)學生的審美能力,知道怎么設(shè)計才是一個好的網(wǎng)頁。創(chuàng)建網(wǎng)頁是一個不斷學習的過程,在看一個網(wǎng)站的時候,找到這個網(wǎng)站的優(yōu)點缺點,注意哪些是可以借鑒的,哪些是需要避免的,在看的同時,可以看些成熟的網(wǎng)站,也可以看些成長中的作品,在同期的比較中,也有助于自身的提高。另外,鼓勵學生看源文件,了解某些效果是如果實現(xiàn)的,在效仿的同時進行改進和創(chuàng)新。
(5)考核方式
網(wǎng)頁設(shè)計課程的考核應(yīng)該打破傳統(tǒng)的考試方式,建議采用機考的方式,學生通過一學期的學習,應(yīng)能自行設(shè)計各種網(wǎng)頁,熟練掌握其基本制作方法和技巧,在規(guī)定的時間內(nèi)設(shè)計網(wǎng) 頁。這也是一種對提高學生動能能力的一種鞭策方法。
三、結(jié)束語
在網(wǎng)頁設(shè)計課程教學中,應(yīng)當充分認識到網(wǎng)頁設(shè)計課程的特點,結(jié)合實際,采取相應(yīng)的教學措施和方法完成教學任務(wù),以達到良好的教學效果。對于信息科技迅猛的發(fā)展今天,必須摒棄陳舊的教學理念,及時提高自身的專業(yè)水平,完善自身的教學理念,尋找更好的教學方法,激發(fā)學生的學習興趣,培養(yǎng)學生追求新知的能力和動手實踐的能力,從而達到學以致用的效果。
參考資料: 田博文,《Dreamweaver8基礎(chǔ)培訓教程》,人民郵電出版社,2007年2月
孫素華,<< Dreamweaverms2004完美網(wǎng)頁設(shè)計>>,中國青年出版社,2005年10月