我們在一些事情上受到啟發(fā)后，可以通過寫心得體會的方式將其記錄下來，它可以幫助我們了解自己的這段時間的學習、工作生活狀態(tài)。我們想要好好寫一篇心得體會，可是卻無從下手嗎？下面小編給大家?guī)黻P于學習心得體會范文，希望會對大家的工作與學習有所幫助。

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇一

在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內容。

1.討論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。

2.定位網(wǎng)站的ci形象?！耙追啤敝哺袊幕?，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在快樂”是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。

3.確定欄目和板塊。

于時間的關系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。

2.網(wǎng)站的整體風格和創(chuàng)意。

整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2.熟悉制作軟件。

做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。

三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。

2.設計主頁及二級頁面。

簡潔實用: 這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強: 發(fā)揮網(wǎng)絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。

3.實現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

4.向靜太網(wǎng)頁插入動態(tài)效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

四、網(wǎng)頁的調試

在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同?，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇二

學校網(wǎng)站是實現(xiàn)教育資源分配的橋梁網(wǎng)絡有巨大的教育資源庫，它聚集社會的力量，使教育資源無限增長。學校網(wǎng)站是最佳的教學研究室，學校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學校教學研究帶來了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內容為學生提供了極佳的平臺。有效地降低教研成本、提高效率。

我國的大學教育已經(jīng)普及，大學生的隊伍也正在不斷壯大，為了 方便大學生對本校各項工作的了解以及加深學生、教師與學校之間相 互的交流，建設一個規(guī)?；男@網(wǎng)站成為了當務之急。網(wǎng)絡化將給我們的工作和學習帶來了極大的便利。

以internet/intranet為網(wǎng)絡平臺實現(xiàn)校園網(wǎng)絡各項信息發(fā)布、管理、設置等功能。本題目要開發(fā)一個校園網(wǎng)門戶網(wǎng)站。包括bbs系統(tǒng)平臺、院校新聞發(fā)布平臺，在限選課平臺。后臺：包括平臺管理、統(tǒng)一認證、資源管理、用戶權限管理等。

二、文獻綜述：

經(jīng)濟高速發(fā)展的今天，校園的各種信息的收集與發(fā)布都要求有一個高的效率。由于大學生的生活節(jié)奏較快，且電腦普及率和上網(wǎng)概率也隨著社會的發(fā)展越來越高，學生上網(wǎng)獲取信息的機會越來越多。所以，學?？梢詫⒄招麄鞣涨腥氲竭@個點來，讓學生更方便地獲取相關信息，這將大大提高學生學習的進度和對學校教育的滿意度。這就要求通過網(wǎng)站，全面宣傳、展示學校風采、優(yōu)點與特色，發(fā)布學校的重大活動安排與招生政策，增強家長與學校之間的聯(lián)系，在internet上實現(xiàn)完成部分校務，提高辦事效率。

該系統(tǒng)是面向全網(wǎng)絡的，作為學校與外界聯(lián)系的一個平臺。系統(tǒng)管理員負責更新網(wǎng)站內容，不同權限的用戶登錄系統(tǒng)將進入不同的頁面，實現(xiàn)不同的操作。

系統(tǒng)主要包括六個模塊：

1.用戶注冊模塊：這個模塊完成新用戶的注冊功能，并能對注冊信息進行檢查。

2.用戶登錄模塊：這個模塊提供用戶的登錄界面，并驗證用戶名和密碼,以確定用戶身份。

3.顯示模塊：這個模塊將根據(jù)用戶權限顯示出不同的頁面，以及內容。

4.操作模塊：這個模塊提供與內容相關的功能，并且對不同身份的用戶給予不同的操作權限。

5.用戶管理模塊：這個模塊能夠對用戶個人信息進行管理。

6.數(shù)據(jù)庫模塊：這個模塊實現(xiàn)對數(shù)據(jù)庫的連接和訪問。

三、工作計劃及方案論證：

1．第一階段：11月20日 — 11月25日

閱讀資料；進行需求分析，提出設計方案確定技術路線，完成開

題報告；設計軟件原型。

2．第二階段：11月26日 — 2月10日

在上一階段基礎上，按時、按質、按量完成畢業(yè)設計任務

3．第三階段：2月11日 — 4月1日

總結所有的工作，完成畢業(yè)設計論文初稿

4．第四階段：4月2日 —4月20日

修改論文；小組內答辯，評分；準備答辯材料

[8] 陳家琪. c程序設計教程[m].新華出版社,20xx-11

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇三

在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

1、討論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。

2、定位網(wǎng)站的ci形象?！耙追啤敝哺袊幕瑁橙∽匀环A賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在快樂”是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。

3、確定欄目和板塊。

于時間的關系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。

2、網(wǎng)站的整體風格和創(chuàng)意。

整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

1、資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2、熟悉制作軟件。

做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。

1、構建站點框架。

在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。

2、設計主頁及二級頁面。

簡潔實用： 這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求： 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強： 發(fā)揮網(wǎng)絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。

3、實現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

4、向靜太網(wǎng)頁插入動態(tài)效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同?，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實習操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實習之中來學習知識。因為我覺得實習不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇四

網(wǎng)頁設計報告

網(wǎng)頁設計伴隨著網(wǎng)絡的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設計，但是經(jīng)過這段時間的學習了解，現(xiàn)在我打開一個網(wǎng)頁都會習慣性的先看看排版、布局和色彩運用。

1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現(xiàn)象發(fā)生。

2、調用style時可以單擊鼠標右鍵選擇custon style來調用style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的html代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，它是flash、photoshop等網(wǎng)頁軟件的綜合應用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。

頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內的網(wǎng)頁字節(jié)數(shù)最好不要超過50k。

理提交的信息（如cgi腳本）。不使用處理腳本就不能搜集表單數(shù)據(jù)。表單通常是交由cgi（公共網(wǎng)關接口）腳本處理。cgi是一種在服務器和處理腳本之間傳送信息的標準化方式。cgi腳本比較典型的是使用perl語言編寫，當然也有其他語言如c++，java，vbscript或javascript。在創(chuàng)建交互表單之前，接洽您的isp或服務器管理員以確認cgi腳本可以在您的服務器上運行。表單由文本域、復選框、單選框、菜單、文件地址域、按鈕等表單對象組成，所有的部分都包含在一個由標識符標志起來的表單結構中。表單的種類有注冊表、留言薄、站點導航條、搜索引擎等。而一個站點（site）是一個存儲區(qū)，它存儲了一個網(wǎng)站包含的所有文件。dreamweaver的使用是以站點為基礎的，必須為每一個要處理的網(wǎng)站建立一個本地站點。相對路徑-以引用文件之網(wǎng)頁所在位置為參考基礎，而建立出的目錄路徑。因此，當保存于不同目錄的網(wǎng)頁引用同一個文件時，所使用的路徑將不相同，故稱之為相對。絕對路徑-以web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對，意指當所有網(wǎng)頁引用同一個文件時，所使用的路徑都是一樣的。其實絕對路徑與相對路徑的不同處，只在于描述目錄路徑時，所采用的參考點不同。由于對網(wǎng)站上所有文件而言，根目錄這個參考點對所有文件都是一樣的，因此，運用以根目錄為參考點的路徑描述方式才會被稱之為絕對路徑。

針對我所學的平面設計方向，那么這次應用到了創(chuàng)意思維，版面設計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，版式設計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設計的大門，在今后的閑余時間繼續(xù)認真學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇五

隨著互聯(lián)網(wǎng)技術的迅速發(fā)展網(wǎng)絡已逐漸深入人心，更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質，網(wǎng)絡宣傳已成為眾多宣傳手段的重中之重，各種各樣的網(wǎng)站也就應運而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進行網(wǎng)上購物的電子商務網(wǎng)站、能及時了解到天下事的新聞網(wǎng)站、方便學習的教育網(wǎng)站，充斥著我們的視野，滿足著我們的需要。網(wǎng)站的規(guī)劃與建設，已悄然被許多人擺到了首要的位置上。

當今的人們，如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要，所以做一個網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國，甚至全世界的人們有機會知道自己的公司。

規(guī)劃并建設好一個企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個網(wǎng)站就不容易。因為是企業(yè)網(wǎng)站，所以要求要比其它類型的網(wǎng)站更加獨具匠心，有獨特的眼光。這就規(guī)劃者有了更高的要求。首先，要根據(jù)自己的要求網(wǎng)站的風格布局、色彩搭配和大體輪廓，并確立網(wǎng)站的欄目、內容。其次，網(wǎng)站制作者將要根據(jù)前一點安排整個頁面文字圖片的布局，這就要求設計者對網(wǎng)頁制作具有相當?shù)乃?，美工、排版能力要強。再者，企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎，在網(wǎng)絡編程語言asp、php、jsp或asp。net等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然，選擇的編程語言也要與網(wǎng)站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。zui后，網(wǎng)站安全性也是一個重中之重，在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空，網(wǎng)站的安全猶為重要。

規(guī)劃并建設好一個令人耳目一新的企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況，并確立網(wǎng)站的欄目、內容。其次，網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書來確定網(wǎng)站的風格、布局、色彩搭配等，這就要求設計者對網(wǎng)頁制作具有相當?shù)乃?，美工、排版能力要強。再者，企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎，在網(wǎng)絡編程語言asp、php、jsp或asp。net等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然，選擇的編程語言也要與網(wǎng)站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。zui后，網(wǎng)站安全性也是一個重中之重，在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空，網(wǎng)站的安全猶為重要，否則，功虧一簣！這就要求配置服務器或選擇虛擬主機時的謹慎以及編寫網(wǎng)站管理后臺的注意。

1、本課題研究的目標是：建立一個具有特色的企業(yè)網(wǎng)站。

課題的內容是：在這個課題中，主要是用于公司相關信息的介紹，以及相關的產(chǎn)品內容的介紹。方便他人的了解。它的內容主要包括對網(wǎng)站前臺的設計及制作，包括企業(yè)網(wǎng)站的logo設計，布局的設計，網(wǎng)站頁面的制作、片頭動畫及頁面動畫的設計制作、注冊登陸系統(tǒng)以及各鏈接和相關技術的開發(fā)等。在這里，我將以制作某企業(yè)網(wǎng)站為例，具體闡述個人網(wǎng)站的制作過程。

制作網(wǎng)站過程：

1、網(wǎng)頁美工

用photoshop cs制作頁面效果圖片，搭配好顏色，設計好版式，這樣做的目的是為了讓網(wǎng)站的頁面更具有整體性和美觀性，色調搭配及版面的設計都可以通過photoshop cs這個強大的圖片處理軟件來完成，這樣設計出來的網(wǎng)頁不論是從美工還是從版式上都是一流的。

2、導航條和文字圖片的布局

用dreamweavermx和flashmx設計制作導航條，同時對文字圖片進行調整。具體的就是文字的大小、字體以及圖片的格式、大小進行調整。

3、超鏈接其動態(tài)設計

用用dreamveavermx建立超鏈接使整個網(wǎng)站能夠自由地相互關聯(lián)，使瀏覽者能夠方便地到達所需要的網(wǎng)頁。另外，本網(wǎng)站還可以進行注冊，利用asp與access相連使網(wǎng)站變?yōu)閯討B(tài)網(wǎng)站。

1第一周到四周完成畢業(yè)設計開題報告

2第五周調研，準備各種參考資料、充實所需知識

3第六周查閱相關書籍資料，提出可行性的設計方案

4第七到十六周具體設計與制作工作

5第十七周文檔的生成與整理，指導教師修改

6第十八周畢業(yè)設計論文的相關資料的搜集

7第十九周完成畢業(yè)論文撰寫

《網(wǎng)頁設計典型技巧》 time創(chuàng)作室人民郵電出版社20xx年10月

《asp動態(tài)網(wǎng)站開發(fā)畢劉瑞斯機械工業(yè)出版社20xx年3月

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇六

專業(yè)實習報告

專 業(yè)：班 級：姓 名：

一、實習目的(一)檢驗自己是不是真的適合這個職業(yè)

鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設計，這和自己所學的專業(yè)不是

十分有聯(lián)系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。

(二)在實踐中查漏補缺

在學校學習的網(wǎng)站建設知識僅僅停留在平時的作業(yè)里，并沒有得到充分的運

用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發(fā)現(xiàn)問題，解決問題對知識進行查漏補缺。

(三)在工作中打磨自己

由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以

像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。

二、實習內容

(一)實習主要內容

銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網(wǎng)站等作為一個推廣媒介。我實習的主要內容就是配合網(wǎng)絡部去完成網(wǎng)站建設的工作，涉及前臺的外觀設計和后臺的代碼編寫，以及宣傳冊的設計。

1、負責設計公司整個企業(yè)網(wǎng)站的頁面部分,根據(jù)網(wǎng)頁設計師或客戶所提供的主題要求和思路框架來設計出整個網(wǎng)站。

2）使用span+css樣式及基礎的html語言做頁面布局的排版

3）使用photoshop對網(wǎng)頁進行配色及排版設計

2、負責網(wǎng)站的幾個主體模塊的文案撰寫和后臺編輯

1）在已有的文案上配合網(wǎng)站架構進行提煉和歸納整理

2）使用photoshop對文案進行概念配圖

3）在后臺將文案部分合理配色排版

4）按照網(wǎng)站架構在后臺錄入所有產(chǎn)品資料

(二)工作過程

在公司的2個多月里，我的工作都是由負責整個網(wǎng)站文案架構的曹經(jīng)理分配

監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網(wǎng)站制作上的技術問題。更多的從我對網(wǎng)站設計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。

1、經(jīng)理讓我按照網(wǎng)頁設計師提供的jpg稿變成span和css。

1）這個任務簡單來說就是架構網(wǎng)頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時間去打文本。經(jīng)理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經(jīng)理工作上的態(tài)度更是肅然起敬。

2）因為經(jīng)理沒想要讓實習生負責過于復雜的事情，在這部分工作中設計的span 和css的內容并沒有很復雜，需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經(jīng)歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。

2、經(jīng)理讓我設計幾個欄目對應的banner圖片

1）由于自己并沒有專門學過banner規(guī)范和設計方面的專業(yè)知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經(jīng)理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學邊做。

從整體了解主題：自己找了多個類似的企業(yè)網(wǎng)站作參考，通過總結企業(yè)網(wǎng)站

中，幾個主要的欄目在網(wǎng)站上具體意義，體會這對應的幾個欄目banner的設計意義。

思考配色與構圖：對整個內容有了一了解后，便要思考作品的色彩和具體的構圖，先用筆畫出草圖，有時候也會直接在腦海里構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用戶的角度出發(fā)，怎樣才可以更吸引人?？傮w來說就是除了審美上的設計，也考慮很多目的性。

查找素材：素材這個問題我總結了一種思路，電腦里下載一些專業(yè)的“科技

信息”圖庫。另外配合專業(yè)在線圖庫網(wǎng)站(通常是國外站點)+google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。

2）最終banner圖片并沒有全都采用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經(jīng)理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。

3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個公司簡介的頁面

1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來說其實很簡單。但是我從舊網(wǎng)站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產(chǎn)品，更有沖動訂個公司的寄存柜就要在文案的內容上下功夫，就要在表現(xiàn)上更生動，讓人看著不會覺得文字流水賬，很煩躁。

于是在經(jīng)理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據(jù)公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。

圖出來，將公司寄存柜的技術水平之領先，應用領域之眾多，銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經(jīng)理的肯定，對網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。

三、實習體會

做了2個月的網(wǎng)頁設計和編輯的實習生，終于體會到網(wǎng)頁設計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個好的網(wǎng)頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會用平常的心態(tài)實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。

在實習的日子，我學習到了很多如果沒有這次經(jīng)歷，就不會有的細膩體會。

(一)深刻感受到什么是真正的細心

其實在高中甚至到大學，老師都總是強調“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經(jīng)理對我強調細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習慣，以細心認真的態(tài)度對待。

(二)主動思考的重要性

從學校走向社會，首要面臨的問題便是角色轉換的問題。從一個學生轉化為一個單位人，一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經(jīng)理看的時候，經(jīng)理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。

(三)、溝通的度要把握好

工作過程中有許多時候需要和經(jīng)理進行溝通，但是我在溝通的度上沒有把握

好。好像仗著自己是只做幾個月的實習生，有些提建議的話沒有用比較適合和委婉的語氣表達。雖然經(jīng)理沒有明說，但是我自己意識到了。有些時候工作交接的時候，自己并沒有很清楚細節(jié)，但是問太多又怕打擾到經(jīng)理的工作，導致最終工作也沒進行好。所以這個溝通的度要把握好。該問該說的都要說出來，只要是會影響到工作質量的都要禮貌地說出來。這樣才是真正地為公司好。

總之，這次實習，自己確實學到了很多也成長了許多。在實習期間，每日重復單調繁瑣的工作，時間久了容易厭倦。但是工作簡單也不能馬虎，你一個小小的錯誤可能會給公司帶來巨大的麻煩或損失，還是得認真完成。這段時間，我看到了自己本身存在著許多問題，也會遇到這樣那樣的問題，當前的時代日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需再加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后的工作存儲更多的能力。

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇七

基本任務與要求：

階段工作計劃：

開題報告：

1. 選題背景（含國內外相關研究綜述及評價）與意義

選題背景：互聯(lián)網(wǎng)始于1969年的美國，又稱因特網(wǎng)。最初用于軍事連接，之后由于計算機的增多，以及各種連接協(xié)議的規(guī)范化，互聯(lián)網(wǎng)逐漸發(fā)展起來，成為日常生活中人們與外界交流信息的重要工具，可以說，信息時代的基礎就是互聯(lián)網(wǎng)。在中國，截至20xx年12月底，中國網(wǎng)民數(shù)量突破5億，達到5.13億，全年新增網(wǎng)民5580萬。互聯(lián)網(wǎng)普及率較上年底提升4個百分點，達到38.3%。（數(shù)據(jù)來自國家互聯(lián)網(wǎng)絡信息中心），隨著網(wǎng)民的逐漸增加，網(wǎng)頁制作以及網(wǎng)頁設計技術的日趨完善，網(wǎng)頁已經(jīng)被運用到人們日常生活中的方方面面，越來越多的人甚至公司開始學習制作屬于自己的個性化網(wǎng)頁，這成為信息時代最重要的宣傳方式。

國內外對此課題的研究著重分為兩個方面，網(wǎng)頁制作以及網(wǎng)頁設計，但是兩者同時又是密不可分的，因為，設計需要建立在目前的制作技術之上，而制作又需要遵守設計所構建的框架，兩者相輔相成，缺一不可，而國內外對此的研究通常都在兩方面有兼顧，但是大部分課題都是只對一個小問題或者一個小型框架，或者只是粗略講一下相關的技術或者技巧，對兩者同時進行一個綜合性概述的暫時還沒有。

意義：在互聯(lián)網(wǎng)初期，大部分網(wǎng)頁設計師都只知道如何去制作網(wǎng)站，知道如何去實現(xiàn)什么樣的功能，但是在這個信息化的社會，如何讓你的網(wǎng)頁變得更好看，更直觀明了的表達信息，如何從眾多的網(wǎng)頁之中脫穎而出，這就需要更強的網(wǎng)頁設計技術了，而新的網(wǎng)頁制作技術例如html5以及css3的運用也給設計師們帶來了更好的施展空間，該課題會先對網(wǎng)頁設計制作技術進行一個概述，讓讀者了解這些技術尤其是新技術的運用，同時課題還將運用一個知名餐飲行業(yè)的企業(yè)網(wǎng)站為例，講述網(wǎng)頁設計制作設計方法的實際運用，并指出網(wǎng)站設計中體現(xiàn)出的優(yōu)缺點，最后課題里還會按照要求設計一個網(wǎng)站，同樣也是餐飲行業(yè)方面的網(wǎng)站，與知名企業(yè)的網(wǎng)站進行對比，加深理解網(wǎng)頁中設計與制作的關系。 選題研究的方法與主要內容。

選題研究方法：

主要內容：論文主要分為四部分，第一部分是開題報告部分，講述選題背景以及對國內外相關研究進行一個綜述，并指出論文的研究意義；緊接著第二部分對國內外在網(wǎng)頁設計制作方面技術進行了一個綜合性的分析；第三部分，我將選取國內一個知名餐飲行業(yè)的網(wǎng)站，對其進行網(wǎng)頁設計制作技術方面進行分析評價，并在其中闡述自己的理論，論證優(yōu)缺點；最后，我將自己設計一個有關于餐飲行業(yè)的網(wǎng)站，并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結果。

1、具有研究性：該研究區(qū)域尚未被大量探索過

擬解決的主要問題：

預期結果：

中期：選取一個有代表性的知名餐飲網(wǎng)站，對其進行網(wǎng)頁設計以及網(wǎng)頁制作方面的評價，指出設計中的優(yōu)點和缺點，并進行詳細分析，針對缺點設計提出自己的想法，并做出實際設計，從而驗證自己的理論，或者舉出實例進行對比論證。

后期：自行設計餐飲網(wǎng)站進行對比分析，建立自己的設計理論，并與中期的評價進行對應驗證，在實踐得到大量的經(jīng)驗，從而對整篇課題進行一個重新檢驗，最后反復檢查論文，完成論文。

網(wǎng)頁設計心得體會報告網(wǎng)頁設計心得體會報告篇八

網(wǎng)頁設計中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁主題之后，首先要明確和熟悉設計的對象和構成的要素。網(wǎng)頁設計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。

1、視聽元素

這里所說的視聽元素，主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫，還是音頻、視頻，網(wǎng)頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網(wǎng)頁設計的表現(xiàn)力。

以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上，然后啟動相應的外部程序來播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術，用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網(wǎng)頁之中的小應用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發(fā)展前景?？傊夹g的不斷發(fā)展使多媒體元素在網(wǎng)頁設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現(xiàn)，也對網(wǎng)頁的藝術設計提出了更高的要求。

2、版式設計

網(wǎng)頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網(wǎng)頁的藝術設計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。

但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結構不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設計帶來了一定的難度。

1、主題鮮明

視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當?shù)沫h(huán)境里被研究們即時地理解和接受，以滿足研究們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。

根據(jù)認知心理學的理論，大多數(shù)研究在短期記憶中只能同時把握4到7條分立的信息，而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘，概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中，它要求視覺設計者的網(wǎng)頁設計必須自覺地掌握和遵從。

作為視覺設計范疇一種的網(wǎng)頁設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環(huán)境，突出主題，增強瀏覽者對網(wǎng)頁的注意力，增進對網(wǎng)頁內容的理解。只有兩個方面有機地統(tǒng)一，生能實現(xiàn)最佳的主題訴求效果。

優(yōu)秀的網(wǎng)頁設計必然服務于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應該有什么樣的設計。例如，設計類的個研究站點與商業(yè)站點性質不同，目的也不同，所以評論的標準也不同。網(wǎng)頁設計與網(wǎng)站主題的關系應該是這樣:首先，設計是為主題服務的;其次，設計是藝術和技術結合的產(chǎn)物，就是說，即要“美”，又要實現(xiàn)“功能”;最后，“美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網(wǎng)站，可以只體現(xiàn)作者的設計思想，或者僅僅以設計出“美”的網(wǎng)頁為目的。它的主題只有一個，就是——美。

只注重主題思想的條理性而忽視網(wǎng)頁構成元素空間關系的形式美組合，或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁設計或使網(wǎng)頁設計以失敗 而告終。

要使網(wǎng)頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網(wǎng)頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

2、形式與內容統(tǒng)一

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現(xiàn)方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現(xiàn)方式。內容決定形式，形式反作用于內容。一個優(yōu)秀的設計必定是形式對內容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實，而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調、風尚、趣味，使物質經(jīng)由象征變成相似于精神生活的有關環(huán)境?！?黑格爾美學第三卷)

一方面，網(wǎng)頁設計所追求的形式美，必須適合主題的需要，這是網(wǎng)頁設計的前提。只講花哨的表現(xiàn)形式以及過于強調“獨特的設計風格”而脫離內容，或者只求內容而缺乏藝術的表現(xiàn)，網(wǎng)頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現(xiàn)形式，生能體現(xiàn)出網(wǎng)頁設計獨具的分量和特有的價值。另一方面，要確保網(wǎng)頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感生能實現(xiàn)形式與內容的統(tǒng)一。

據(jù)有關資料所做的保守估計，目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設某個網(wǎng)頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等，雖然達到了其靜態(tài)形式美的效果，卻造成多達幾十k甚至更大的網(wǎng)頁數(shù)據(jù)，使瀏覽者必須等待很長時間生能看到“廬山真面目”，這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁，因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性，使網(wǎng)頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達信息的效果，因而不是形式與內容的完美統(tǒng)一。

網(wǎng)頁具有多屏、分頁、嵌套等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網(wǎng)頁的形式美。這就要求設計者在注意單個頁面形式與內容統(tǒng)一的同時，更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內容的統(tǒng)一。

因此，在網(wǎng)頁設計中必須注意形式與內容的高度統(tǒng)一。

3、強調整體

網(wǎng)頁的整體性包括內容和形式上的整體性，這里主要討論設計形式上的整體性。

網(wǎng)頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當?shù)臅r間和空間環(huán)境里為研究們所理解和接受，它以滿足研究們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給研究一種內部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。

網(wǎng)頁的結構形式是由各種視聽要素組成的。在設計網(wǎng)頁時，強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色，并注意色彩搭配的和諧;對于分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網(wǎng)頁內部的頁面，都應統(tǒng)一規(guī)劃，統(tǒng)一風格，讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講，強調網(wǎng)頁結構形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調網(wǎng)頁整體性設計的同時必須注意:過于強調整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎上的整體。

1、交互性與持續(xù)性

網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因，也是網(wǎng)頁設計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下，研究們不再是一個傳統(tǒng)媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁設計不像印刷品設計那樣，發(fā)表之后就意味著設計的結束。網(wǎng)頁設計研究員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標，配合網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁進行調整和修改。例如，為了保持瀏覽者對網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進行改版，這就需要設計者在保持網(wǎng)站視覺形象一貫性的基礎上，不斷創(chuàng)作出新的網(wǎng)頁設計作品。

2、多維性

多維性源于超級鏈接，主要體現(xiàn)在網(wǎng)頁設計中對導航的設計上。由于超級鏈接的出現(xiàn)，網(wǎng)頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前研究們接收信息的線性方式。例如，可將頁面的組織結構分為序列結構、層次結構、網(wǎng)狀結構、復合結構等。但頁面之間的關系過于復雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息，設計者必須考慮快捷而完善的導航設計。

3、多種媒體的綜合性

目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網(wǎng)頁，以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質量提出的更高要求。目前國內網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術的改進和流(stream)技術的推動下，inter網(wǎng)上出現(xiàn)實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網(wǎng)上電影 、網(wǎng)上直播等。因此，多種媒體的綜合運用是網(wǎng)頁設計的特點之一，是未來的發(fā)展方向。

4、版式的不可控性

(3)網(wǎng)頁設計過程中有關web的每一件事都可能隨時發(fā)生變化。

(1)網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出;

(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;

(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面，效果會有所不同;

(4)用戶的瀏覽器工作環(huán)境不同，顯示效果也會有所不同。

把所有這些問題歸結為一點，即網(wǎng)頁設計者無法控制頁面在用戶端的最終顯示效果，但這也正是網(wǎng)頁設計的吸引研究之處。

5、技術與藝術結合的緊密性

設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制，優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡技術主要表現(xiàn)為客觀因素，藝術創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁設計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術規(guī)律，注重技術和藝術緊密結合，這樣生能窮盡技術之長，實現(xiàn)藝術想象，滿足瀏覽者對網(wǎng)頁信息的高質量需求。

例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流(stream)技術出現(xiàn)以后，網(wǎng)頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務，無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。

網(wǎng)絡技術與藝術創(chuàng)意的緊密結合，使網(wǎng)頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。

技術與藝術的緊密結合在網(wǎng)頁設計中體現(xiàn)得尤為突出。