前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁設計范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

網頁設計范文第1篇

關鍵詞:網頁設計;元素;色彩

互聯網技術日新月異的發展,已成為人們生活中不可缺少的一部分?；ヂ摼W的發展使信息傳達的范圍速度與效率都產生了質的飛躍,隨著時代的發展,網站建設越來越接近于一門藝術而不僅僅是一項技術。

――引言

網頁設計作為一個全新的設計領域,沒有照搬的模式,沒有從屬和延續但任何設計形式又有去規律和標準。但也有些出學的設計者,將藝術的設計語言和設計理念拋到腦后,機械的完成設計,完全成為了技術的奴隸,因此,我想從平面設計基礎理論在網頁設計的應用來淺談我對網頁設計的理解,希望給廣大讀者帶來一些啟發。

一、平面設計元素在網頁布局中的應用

第一個要素――點:在日常生活中很多東西都可以看作點,如晶瑩剔透的一顆雨滴,大海中的一頁孤舟,星空中的一輪明月……從幾何學角度來說,點是線的交點,它沒有大小和形狀;從造型藝術來說,點是最基本的要素,指畫面中某一小塊區域;從視覺的角度而言點不但有大小還有形狀。在具體構成中點并非都是以遠的形式出現的,一些較小的個體元素都可以視為點。例如,在網頁中的一些按鈕就可以當作點來處理。在運用點的時候重點不僅在于外形,更在于點在整個空間中所起的作用,在相同的視覺環境下相對面積越小點的感覺越強。點越多其間隔就越短,免得感覺就越強,這對把握畫面的整體效果和統一畫面十分重要。

在Racing樂隊網站中20個大小相同的圓點鋪滿了首頁這些圓點既是頁面中的按鈕,又是頁面的裝飾元素,在不同的色彩映襯下圓點似乎產生了韻律感和運動感,瀏覽者的視線會不斷在這些點之間徘徊決定最終去向。

第二個要素――線:線是由無數個點構成的根據其長度寬度方向等構成線。線是點移動的軌跡線在頁面中有強調分割引導的作用。垂直的線給人平穩挺拔的感覺;弧線使人感到流暢輕盈;曲線使人跳動不安。不同粗細的線在空間的性格也是不同的,粗線條給人粗獷,勇敢陽剛的感覺;細線條可以表達銳利敏感速度之感;當粗線和細線進行結合時粗線必定先進入視覺,若線的長短符合透視規律,就能表達出強烈的空間感。因而,線的構成在網頁設計中有著廣泛的應用,網頁設計師常用簡潔的線條進行頁面構圖,以此傳遞豐富的視覺信息和思想感情。

第三個要素――面:根據幾何學定義,面是線移動的軌跡。點和線的密集可形成面;面的分割面與面的合成亦形成新的面。面試構成空間的基本單位一段文字可以視為一個面,一張圖像可以看作一個大面,一大片留白可以成為一個面"面"的概念不是固定的,面試網頁構成中常用的元素,它的大小曲直變化都會影響頁面的整體布局。

分割面是規劃空間的重要手段,在網頁設計中,設計者通過面的分割組合虛實交替等多種手法來實現頁面的整體效果。在網頁設計技術中表格和框架就是用來分割頁面的利用面的分割,可是網頁頁面主體清晰,層次分明。避免雜亂的重要原則就是:少即是多。另外,在網頁設計中要敢于留白,善于留空?？瞻卓梢远x為頁面中沒有安排內容的地方,空白空間并不一定是白色的,它可以是環境空間的顏色或圖案。

第四個要素――空間:網頁設計中的空間并非生活中的立體空間,而是一個假象的空間,是看得見而摸不著的,是在二維平面上建立的空間關系。在設計中,我們可以利用對比強烈的大標題可以作為前景,大面積的正文構成中景,附屬的版權信息構成背景。實踐證明,這種清晰而和諧的層次關系,極大地提高了頁面的整體藝術效果。

二、網頁設計中色彩的運用

網頁界面藝術設計離不開色彩的應用,當打開一個網站的時候,給用戶留下第一印象的既不是網站豐富的內容,也不是網站合理的布局,而是網站的色彩,尤其是在體現界面的時候,色彩對人的視覺效果非常明顯,一個網站設計的成功與否,在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。

在網頁設計選擇顏色時應注意幾點事項:第一不要大面積使用很高的純單色,否則會使瀏覽者感到視覺疲勞;第二當網站面對的用戶超出本國范圍時,最好使用網絡安全色;第三為增強網頁的可讀性,背景與文字內容的亮度差最好在102以上。

在色彩運用過程中,由于生活地理文化位置的差異不同的人對色彩的喜惡有很大的差異。如生活在高原地區的人喜歡用暗色;生活在草原地區的人用紅色;生活在鬧市區的人喜歡用淡色……在網頁設計時想要透過色彩傳達某一意象時,必須將色彩形成的背景因素與目標群結合分析。同時色彩的認知是會變動的同樣的一群人在不同的時間地點都會對色彩產生不同的解讀。因此,不但要關注上述因素,還要考慮到網頁配色的共性:色彩的鮮明性;色彩的獨立性;色彩的功能性和習慣性;色彩的有限性;色彩的周期性。

三、結束語

網頁界面頁面設計的一個基本特色便是吸引瀏覽者,一個美觀漂亮的頁面不管內容多么空洞,也會有人欣賞,反之一個內容充實但頁面簡陋卻往往不會有人去瀏覽,從這便可看出網頁界面藝術設計是多么的重要。網頁界面藝術設計是永遠也學不完的一門學問,因為它會跟著你的成長也變化,直到形成你的一種風格,網頁界面藝術設計需要大膽創新,需要新的思維,需要不斷的努力。

網絡對藝術設計行業同時造成了威脅和機遇。真正有魅力的設計師設計者的思想素養對藝術的理解及表現技術的綜合體現。任何設計最終都是為人所用的,特別是網頁設計的藝術表現,它既是傳播信息的載體又是傳遞美感的使者,設計者只有不斷增強交叉設計的能力,使藝術與技術有效地結合才能適應不斷變化的時代!

網頁設計范文第2篇

通過《網頁設計與制作》多年的教學發現，應用傳統的教學方式及考核方法學生只建立了的基礎的專業課程知識概念及單一的基本操作，并不能綜合應用操作技能完成某主題網站的設計與制作。為了建立以網頁設計與制作技能考核為主線的開放式、全過程的考核體系，提高學生綜合項目實踐能力，更好的與社會需求接軌。有必要對傳統的考核方式進行改革，同時經過多年教學探索，結合人才培養方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：

（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。

（2）項目總結。對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。

（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。

2.考核方式

網頁設計范文第3篇

關鍵詞：網頁設計；圖形圖像；處理方法

現今社會是一個嶄新的信息時代，而Internet作為信息社會的典型代表，它代表著一種全新的信息交流方式。Internet是由成千上萬的網站組成，而每個網站都由諸多的網頁構成，因此網頁是構成Internet的基本元素。而一個網頁的構成要素包括文字、圖形圖像、色彩、版式等。一個好的網頁以為版式為中心，圖形圖像處于不可或缺的地位，如下圖所示：

由于圖片給人的視覺沖擊要比文字大85%，因此在視覺順序上，圖片往往能首先吸引人們的注意力，而圖片的引入也能大大美化網頁?？梢哉f，要使網頁在純文本基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片，幾乎所有的網頁都用到了圖片。善用圖片，可以生動、形象、直觀地表達網頁的主題，增強網頁的宣傳力，號召力和感染力，吸引瀏覽者的注意，引起瀏覽者的興趣。網頁能圖文并茂地向用戶提供信息，成倍地加大了它所提供的信息量。對一條信息來說，圖片對瀏覽者吸引也遠遠超過單純的文字。在網頁設計中如何使用圖形圖像，本文將從以下幾點來進行討論：

一、網頁中圖形圖像的表現形式

1.網站標志（LOGO）

網站標志（LOGO）是網站的一部分，它具有象征和識別功能，是網站形象和文化的濃縮，代表著網站的特性。一個設計杰出的、符合網站理念的標志，會增加網站的信賴感和權威感，在社會大眾的心目中，它就是一個網站的代表。網站開標志（LOGO）是與其它網站鏈接及讓其它網站鏈接的標志和門戶，而標志（LOGO）圖形化的形式比文形式的LOGO鏈接更能吸引人們的注意。圖形標志是一種簡潔但不簡單的圖形符號，具有以小見大、以少勝多、以一當十的特點。在現代社會生活中，經過精心設計而具有高度實用性和藝術性的圖形標志，以其特有的功能和新穎別致的藝術效果，感染和影響著人們，指導人們的認知和選擇。

2.背景插圖

網頁的背景插圖可以把瀏覽器變成一個真實的環境，使用圖形作為網站的背景是最能展現網站主題特色的地方，可以增加層次感，能夠強化整個網頁的結構效果，可與網頁主題圖像形成對比或共鳴，從而突出主題形象，彰顯網頁的風格。當然網站背景作為網頁設計的主要組成元素，在設計時要注重形成網站特有的氣勢，使其能有機的整合到網站的整體設計中，而不可孤立展現。

3.主圖

網頁主圖是指網頁中表達主題、突出主題的較大幅面的圖形圖像，它可以說是網頁的形象區，是整個頁面的視覺中心。在網頁中采用一幅好的主圖，可以使瀏覽者見其圖即知其內容，它具有直觀性強的特點，不需要像文字那樣去逐字逐句地閱讀，可以不受文化水平的限制，并能在瞬間給瀏覽者以深刻印象。

4.超級鏈接

在網頁設計中，將超級鏈接設計成圖形圖像的形式，不但能使網頁鏈接樣式變得豐富多彩，還可以使網頁更為美觀，彰顯頁面風格。在網頁中采用標志性符號，可以減弱語言的障礙。圖形化的鏈接按鈕更直觀形象，可以為單調的文字信息增添活力，可以更加明確地表現它所要進行的操作。

二、網頁設計中圖形圖像的作用

1.強化表現

在進行網頁設計時，正確地選擇圖形圖像不但可以更好的突出網站的主題，而且還可以對網站內容起到解釋說明的作用。同時，圖形圖像跟文字藝術是有區別的，它可以借助視覺上的形與色把內心的情感真實的表現出來，并通過形象的視覺效果促使瀏覽者產生更多的聯想，從而進一步深化和襯托出網站主題。因此在很多的設計中，經常會把圖片當做一種強而有力的表現元素。

2.美化頁面

在網頁設計中，如果僅有文字的排版，會讓瀏覽者感覺到單調乏味。為了提高瀏覽者的閱讀欲望，吸引他們的好奇心，在進行網頁設計的時候，必須要保證整個網頁版面設計中圖片的所占比率大約為百分之三十左右。把文字和圖片有效結合起來，可以促使網頁看起來更具美感。

3.傳達信息

圖形圖像本身就是一種信息，它參與到深層的語義之中，人們對任務回憶的時候，對圖片、文字等信息的記憶和理解是不相同的，相對來說，人們更喜歡記憶圖片信息，這是因為圖形圖像所表現的信息量非常大，它可以非常直觀地表達所要表達的內容。所以在網頁設計中使用圖形圖像可以更高效地將信息傳達給瀏覽者，從而達到設計目的。

4.提高趣味性

提高趣味性主要是在表現的形式上來增強閱讀的趣味性。尤其是當網頁存在大量文字信息的情況下插入圖片，可以起到刺激人體大腦的作用，進一步吸引瀏覽者的關注力，促使他們可以因其強烈的好奇心而繼續閱讀下去，最終達到傳播信息的本質目的。

三、網頁設計中圖形圖像使用的原則

即便是一個內容主導的網站，也需要圖形圖像來潤色，因此設計網站時，都需要尋找一些優秀圖片，良好圖片的運用能成就一個優秀的網站。人都是視覺動物，在瀏覽網頁時，對于圖像都有一種渴望，因此添加圖片非常重要。而且，一定是要合適的、相關的圖片。在網頁設計中使用圖形圖像時需要注意的基本原則有以下幾點：

1. 風格吻合

網頁設計中采用的圖形圖像在風格上要與網頁的主題內容保持氛圍、情感上的一致。筆者多年教學中看到，初學網頁設計的同學往往會犯這種錯誤，看到漂亮圖片就往自己的網頁里使用。如果所用圖的內容與網頁的主題不相符，就會干擾瀏覽者的注意力。

2. 精練簡潔

在一個網頁中如果所采用圖形圖像的數量過多，那么圖片所占的空間就會過大，這樣會影響網頁的下載速度從而影響網站的點擊率。因此網頁中采用的圖形圖像一定要做到少而精。

3. 顏色協調

顏色協調指所采用的圖形圖像與文字及整個頁面的主色調協調一致。眾多圖片的色彩應融于主色調這個整體中去，使整個網頁的色調趨向統一，不給人雜亂堆砌之感。

4.對比強烈

網頁設計中使用圖片時要牢牢記住可用性至上的原則！網頁中使用的圖片必須與整體相協調，并且與文字產生對比。干讀文字會讓瀏覽者覺得很乏味。要想產生鮮明的上下對比效果，就要學會觀察；圖片比較亮，那么文字可以使用較深的顏色，反之亦然。

5.采用質量好的圖片

一張畫面精致清晰的圖片讓瀏覽者感覺很舒服，更能表現網頁的細節，千萬不要用過于模糊的圖片。如果找不到好的質量的圖片，可有自己拍攝，實在還有困難，那么換個思路，建議采用字體設計、布局新穎、極簡主義等風格，然后不帶圖像，寧缺毋濫。

6.大圖受歡迎

圖像越大，視覺沖擊力也越大。在網頁設計中應用大圖或超大圖片，是網頁未來的設計和發展的主要方向，使用大圖可以給網站帶來強烈的視覺沖擊效果。當然為了不使圖片影響網頁的下載速度，必然要對大圖進行切片處理才行。

四、網頁設計中圖形圖像的處理方法

在網頁設計中圖形圖像的使用除了符合網站的主題，要有創新的構思和強烈的個性外。圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達，在使用時應考慮圖片在整體編輯計劃中的作用，以達到和諧整齊。那么在網頁設計中怎樣處理圖片才能達到較好效果，本文將從以下幾點進行說明：

1.圖像的面積

大圖像能更好地表現細節，容易形成視覺焦點，感染力強，傳達的感情更為強烈，更容易吸引瀏覽者的注意。小圖像顯得簡潔精致，有點綴和呼應作用。大小對比強烈，給人跳躍感；大小對比減弱，則頁面穩定、安靜。圖像在網頁中占據的面積大小能直接顯示其重要程度。

在網頁設計時，應首先確定主要形象與次要形象，把重要的能吸引注意力的圖片放大，從屬的圖縮片小，形成主次分明的層次格局。

2.圖像的位置

在網頁中上下左右及對角線的四個角都是視覺的焦點，處理好圖像與這些位置的關系能使網頁表現出豐富的效果。

3.圖像的外形

在網頁設計中，通常可以將圖片處理成不同形狀，而不同形狀的圖片給人的感覺也是不同的，如方形的穩定、嚴肅，三角形的銳利，圓形或曲線外形的柔軟、親切，退底圖及一些不規則或帶邊框圖像的活潑，都能產生強烈的裝飾感。比如：

（1）方形圖

用直線邊框來規范，這是一種最常見形狀。方形圖使圖像內容更突出且將主題形象與環境共融，可以完整地傳達主題思想，有利于氣氛的渲染，富有情節感、直接感和親和力，但有時也顯得平淡、呆板。

（2）菱形圖

用直線邊框規范，使圖像整體表現為菱形，它讓人感覺打破常規，具有很強烈的個性和立體感。

（3）圓形圖

圓形圖是指利用曲線邊框將圖像進行規范和限制。圓形圖給人以充實、柔和、圓滿的感覺，給瀏覽者以流暢、隨意、自由的感受。

（4）三角形

圖像用直線邊框規范，使圖像在網頁呈現三角形顯示。它給瀏覽者動感，使網頁生動、靈活。

（5）退底圖

在網頁設計中，有時會根據設計內容所需將圖片精選部分沿邊緣裁剪，而保留輪廓分明的圖形，這樣顯得更靈活自如。配置退底圖的頁面，可以表現得輕松活潑、動態十足且富于個性，而且圖文結合自然，給人以親和感；為了避免可能造成凌亂和不整體的感覺，也可以用加線、線框、色塊或方形圖的方法，使版面取得平衡和穩定。

（6）出血圖

出血圖在網頁中表現為：圖形圖像充滿了整個版面、無邊框、有向外擴張、自由舒展的感覺。因其不受邊框限制，便于情感與動感的發揮，所以一般在需要傳達抒情或運動信息的頁面上采用出血圖。出血圖能拉近瀏覽者距離，有親近感，使情感與動感更能得到發揮。

4.圖像的虛實

在網頁設計時利用圖像的虛實對比能夠使網頁產生空間感，實的物體感覺近，虛的物體感覺遠。想讓圖像虛化很簡單，一個就是對圖像進行模糊處理，另一個則是對圖像色彩進行處理，如降低純度、采用單色效果等手法。

5.圖像的合成

在網頁設計中使用合成圖是很常用的手段。圖像合成通常是指將幾幅圖片利用圖像處理技術合成為一個圖像，合成圖傳達的信息更為豐富，更能集中地體現設計者的創意。如將不同風景、建筑、人物合成為一個圖像，采用統一的色彩和處理手法，這樣能體現出一種特有的風格。

6. 圖像的組合

在設計網頁時，為了能傳達更多信息，我們通常也對圖像進行組合，即把多幅圖片以不同方式擺放，形成一個圖像組。圖像的重要程度可以因面積、擺放位置的不同而有所不同。圖像組合的方式有塊狀和散點兩種：塊狀組合方式有強烈的整體和嚴謹感，并富于理性和秩序美；散點組合方式則可以形成明快自由的感覺。

7. 圖像的局部與特寫

在網頁設計中使用圖像時往往還要注意圖像的整體與局部特寫。局部的圖像相對與整體而言更能讓視線集中，有一種點到為止、意猶未盡的感覺。特寫就是將局部圖像加以放大，用特殊手法作重點表現。特寫能讓圖像具有獨特的藝術魅力，使瀏覽者對圖像產生瞬間的凝視，引發瀏覽者的興趣點。

五、結束語

網頁設計中圖形圖像的使用對于強化網頁的視覺效果起到非常重要的作用，只有充分了解圖形圖像在網頁中的表現形式、使用原則及其重要作用，并結合具體切實可行的處理方法，才能讓圖形圖像在網頁中發揮更好的作用，達到美觀實用的目的。

參考文獻：

網頁設計范文第4篇

關鍵詞： 網頁設計 教改 團隊合作 項目實踐

隨著社會的發展進步，以及計算機科學技術和互聯網技術的不斷創新，計算機已經廣泛應用于各個行業中，計算機操作技能成了職業技能的重要組成部分。當今社會，無論政府機關、企業還是學校、個人都需要一個自己的網站，通過網站進行對外宣傳和交流。精美的網頁可以吸引用戶進行瀏覽，增加訪問量，從而提高網站的知名度，這就需要運用網頁設計和制作技術。《計算機應用技術：網頁設計》是高等院校為非計算機專業的學生開設的公共基礎課，以《計算機基礎》為前導課程，在提高學生計算機操作技能方面發揮重要作用。我結合多年實際教學經驗，從網頁設計課程的教學模式、教學方法和實踐教學等方面，對《計算機應用技術：網頁設計》課程的教學改革進行初步探討。

一

“好的開端是成功的一半”，在課程開始之前，首先應最大限度地激發學生對網頁設計的興趣，進而培養學生的動手操作能力和創新能力[1]。在教學實踐中，我這樣設計教學：在講每一個章節的理論和具體操作步驟之前，首先演示用本節理論制作的精美網頁，這樣就能立刻吸引學生，激發學生的學習興趣，調動學生學習的積極性，接下來課程圍繞“這個網頁用到了哪些知識”、“我如何制作”展開，強化學生的參與意識，以學生為主體，以能力培養為中心組織教學[2]。學生了解了學習的意義所在，就會迫切地想自己嘗試制作網頁。

下面以網頁設計中表格一課為例，談談教學體會。學習表格時不要開始就直接講如何插入表格、嵌套表格，如何設置單元格寬度、高度、對齊方式等，而是先演示一個用表格制作的有現實應用的精美網頁，我以兒童攝影工作室的主題網站為例制作了一個寶貝寫真網頁，里面用到了表格的嵌套、單元格的合并及拆分進行頁面布局，網頁頂部由圖片和線條組成，底部是版權信息和聯系我們，網頁中部是主題，左側用嵌套表格制作了欄目導航，右側將多張寶貝寫真照片分別放入表格拆分后的單元格中。在制作過程中用到了表格和單元格的相關屬性，通過制作這個網頁，學生掌握了表格部分的重要知識點。另外，表格中關于細線邊框和圓角表格的介紹，我也采用網頁案例講解，以一張幾米漫畫圖片為內容制作一個一像素表格，學生看到后的反應是，這個網頁好美，很喜歡，接著就迫切想知道怎么做。在講圓角表格時，展示了一個用可愛的動態圖片配上圓角相框制作的網頁，學生因為覺得好玩，非常樂意自己動手制作。這種教學方法主要考慮到教育應“以培養學習興趣和信息素質為主”，興趣才具有穩定性，是決定學習效果的關鍵因素，培養學生興趣比講書本上的具體知識更重要。

二

在教學中積極開展師生交流互動。雖然是計算機應用技術類課程，但是課堂互動亦非常重要，只有將老師講和學生做恰當結合，才能獲得好的教學效果。課堂上以啟發、引導為主講重點操作，其他簡單操作讓學生自主看書，上機操作，發揮掌握。教師在課堂教學過程中，充分利用多媒體[3]，隨機點名同學操作電腦，通過多媒體做給全班同學看，被提問的同學遇到難題，其他同學可以出謀獻策，幫助操作的學生完成這個網頁的制作。這樣可以營造學生動手并且相互合作的學習氛圍，課堂上，同學們個個聚精會神，都參與其中。

為了彌補課堂教學的局限性，為學生提供更廣闊的學習環境和交流平臺，班級建立QQ群，師生都加入其中。為了實現資源共享，將網頁設計課程資料如教學資源、教學視頻、課后練習題目等上傳到QQ群共享中，這樣課余時間學生可以利用這些資料自行上機操作練習，遇到問題既可以參考教學資源和教學視頻進行解決，又可以和老師通過QQ交流解決。在通信如此發達的環境下，師生還可以使用手機微信隨時保持聯系，就學習生活過程中遇到的問題及時進行溝通交流，及時解決。應用網絡平臺，不僅能幫助學生獲取更多知識，提供豐富的信息資源，而且能為師生提供多種交流和對話的方式，增進師生之間的感情交流，進而及時幫助學生答疑解惑。

三

對學生進行綜合量化考核。傳統的期末閉卷考試方式，不適合網頁設計課，為了更好地檢驗學生的學習成效和計算機應用能力，采用“平時成績+設計作品成績+期末作品成績=學生總成績”[4]的綜合量化考核方法。

平時成績主要參考課堂回答問題情況和課外作業完成情況，課堂提問能有效地增進課堂互動，檢查學生對授課內容的掌握情況；課余對學生提出擴展要求，布置課外作業，學生可以利用網絡查閱相關資料，完成上機作業。另外，每學完一個重要章節，留給學生一個大作業，即制作一個作品，應用到本章學習的技術，設計作品成績評定主要依據這些作品的完成情況，同學們可以分成小組完成，遇到難題通過各小組成員之間討論、分析進行解決，在此過程中同學們的能力得到提高。下次課上，給每個小組3～5分鐘時間，讓代表利用多媒體展示自己小組的作品，詳細闡述提交的網頁作品的設計思路、使用的關鍵技術，并分析該網頁的結構、風格、創意和特色，最后老師進行評價，酌情給出該小組的設計作品成績。學生分組做項目，既有利于相互之間學習交流，培養創新精神，又有利于培養團隊合作能力。期末作品成績是對本學期所學的全部內容，提出考核要求，安排學生在規定的時間內進行上機考試，這種方式要求學生有熟練的操作技能，重視平時的操作練習，提高動手能力。實踐證明，這種考核方式能夠客觀、公正地檢驗學習成效，督促學生積極主動學習，增強教學效果。

四

提高教師業務素質和水平。計算機技術更新較快，新技術不斷出現，網頁開發工具多樣化，而且版本不斷更新，有很多新增功能，這就要求任課教師不斷更新知識，時刻關注并學習掌握新技術[5]。高校應該根據計算機專業的特點，為教師提供外出進修或者學習的機會，多組織教師參加教育部、其他高校及公司等單位組織的培訓。通過學術交流，構建開放式教學平臺，并與公司建立友好合作關系。

五

網頁設計課程的最終目的是實現學以致用，給學生提供機會參與項目實踐。因為學生的計算機基礎操作能力參差不齊，所以在上機時應該進行分層次教學指導，對于基礎薄弱、計算機操作技能差的學生，上機指導要特別關注，多為他們解答疑問，保證完成教學任務，布置教材上要求的網頁項目讓他們完成，確保這部分學生能完成教材上要求的項目。對于計算機操作能力強，前導課計算機文化基礎掌握很好的學生，在完成現有的教學任務后，可以分配一些有實用價值的項目給這些學生做[6]。介紹學生為一些老師制作精品課程網站，也可以為公司設計網站，多提供這樣的機會給學生，這樣不僅可以使學生學以致用，還可以為學生提供勤工助學的機會，增強學生的工作能力。將教學與項目相結合，在完成項目過程中，培養學生思考問題、解決問題及動手、協調的綜合能力，調動學生學習的積極性與主動性，激發學生的自信心，實現教學目標。

在教學過程中，通過不斷創新教學方法，培養學生自主學習的興趣，利用科技進步，增進師生交流和資源共享，通過分組項目實踐，培養學生合作能力和團隊精神，將理論知識應用于實踐。這樣教學，提高了學生的動手能力和創新能力，在培養學生能力方面取得了顯著效果。

參考文獻：

[1]羅春雷.全程結合工程實際的工科專業教改實踐與思考[J].長沙航空職業技術學院學報，2009（2）：15-17.

[2]王東燕，趙鑫，喻革武.關于信息技術文化基礎課教改的幾點思考[J].電腦知識與技術，2010（26）：7426-7427.

[3]趙玉亮.鄭旭東.多媒體技術在高等數學教改中的作用[J].科教文匯，2010（01）：84.

[4]莫學值.淺談程序設計課程教改實踐[J].廣西輕工業教育研究，2010（1）：134.

網頁設計范文第5篇

關鍵詞:網頁設計;元素;美學

中圖分類號:TP393.092文獻標識碼:A文章編號:1007-9599 (2010) 10-0000-01

Aesthetic Overview of Web Page Design

Li Shanshan

(Chongqing Iron&Steel Group,Electronics Co.,Ltd.,Chongqing400080,China)

Abstract:The web design on the one hand must have "beauty",which render the dissemination of information to achieve the desired goals;the beauty must have for any web page,the basic elements of web pages for information not only to meet the needs of the users,more important is to create a pleasant visual environment in which they have a mental enjoyment and resonance.

Keywords:Web design;Elements;Aesthetics

網站在我們社會生活中無處不在,網站網頁設計是伴隨著計算機技術、網絡技術、圖像動畫處理制作軟件的產生和發展而形成的設計新課題,他是運用相關的軟件技術、美學知識等,依照設計目的和要求對網站進行功能上的實現和視覺藝術的創造性思維活動。下面就網頁設計的“美學”進行探討。

一、設計元素

網頁設計的元素主要是視覺和聽覺元素,主要包括:文字、圖像、動畫等多媒體元素。隨著多媒體技術的發展和運用使視聽元素在網頁設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。

(一)文字。文字是網頁界面的主體,是用以傳達信息的主要元素,雖然利用網絡多媒體也可以達到同樣的目的,但網頁中文字的優勢很難被取代。

(二)圖形。圖形在網頁中有著十分重要的作用。在網上瀏覽時,瀏覽者常常會因看到一幅十分引人注目的圖形而感興趣去了解相關內容。在很多網頁中,圖形占據著整個頁面的重要位置,有的甚至占據了整個頁面。在視覺順序上,圖形往往能首先吸引人的們注意力,這是由于圖形給人的視覺印象要比文字強烈得多。幾乎所有的網頁都用到了圖形,善用圖形,可以生動、形象、直觀地表達網頁的主題,增強網頁的宣傳力、感染力和號召力。圖形必須符合網頁的主題,并具有創新的構思和強烈的個性,使主題與表現兩者較好的統一,以有利于信息的傳達。

(三)多媒體。將多媒體元素引入網頁界面,可以很大程度上增強瀏覽者的吸引力。從網頁界面的發展來看,由純文字界面到圖文并茂,再到引入新的多媒體元素,這是一個必然的過程。瀏覽者希望在網上看到更具創造性、更具吸引力和更具情趣的內容,多媒體元素正是實現這一目標的重要手段。網頁中所涉及到的多媒體元素主要是音頻、視頻和動畫。

二、設計原則

設計在網頁設計中占據著重要的地位,要求在有限的屏幕空間上運用平面設計的相關原理(如色彩、構成、版面等藝術設計原理知識)將視聽多媒體元素進行藝術化的表現,是一種具有藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。它同平面廣告、報刊雜志等印刷品平面媒體的設計不同,印刷品都有固定的規格尺寸,網頁則不然,尺寸是由讀者來控制的,這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置,而且網頁的組織結構不像印刷品那樣為線性組合,因此網頁的平面設計具有更高的難度和挑戰性。網頁設計的藝術性網頁作為傳播信息的一種載體必須要有自己鮮明的藝術特色,才能在眾多的網絡信息中脫穎而出,受到關注。這就要求網頁設計要按照視覺心理規律和形式美等藝術設計的手法將信息主動地傳達給觀賞者,在適當的環境里被人們即時地理解和接受,以滿足人們的實用和需求。

網頁設計不但要單純、簡練、清晰和精確,而且要強調藝術性,通過獨特的藝術風格和強烈的視覺沖擊力來鮮明地突出設計目的。作為視覺設計范疇一種的網頁設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得其藝術性的手法是必不可少的,一方面通過對網頁的內容運用邏輯規律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造設計目的的視覺環境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。

網頁設計的技術性不同于傳統媒體之處,就在于信息的交互性、持續性、多維性、多種媒體的綜合性、版式的不可控性等特點,這些都離不開網頁設計技術方面的因素。網頁設計的技術性是網頁設計時運用相關的軟件技術、媒體技術電子技術等實現網頁最終表現效果的手段方式。沒有技術的支撐網頁也就失去了他的媒體特性。

網頁多種媒體的綜合性主要體現在使用的多媒體視聽元素,如文字、圖像、聲音、視頻等,這些都需要相應的技術來實現。隨著技術的發展,網絡帶寬在增加,芯片處理速度在提高,跨平臺的多媒體文件格式被推廣,這些技術極大地滿足和豐富了瀏覽者對網絡信息傳輸質量的更高要求。這些技術的運用增強了頁面傳播信息的表現力和感染力,呈現了前所未有的媒體革新。各種技術的發展促進了網頁設計技術與藝術的緊密結合,網頁設計只有掌握各種網絡技術的規律,注重技術和藝術的緊密結合,窮盡技術之長,實現藝術想象,才能滿足未來瀏覽者對網頁信息的更高需求。設計是主觀和客觀共同作用的結果,網絡技術主要表現為客觀因素,藝術創意主要表現為主觀因素,網絡技術與藝術創意的緊密結合,使網頁設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁設計藝術性與技術性的高度統一把瀏覽者帶入了一個全新的網絡數字時代。

參考文獻: