我們?cè)谝恍┦虑樯鲜艿絾l(fā)后,，可以通過寫心得體會(huì)的方式將其記錄下來,，它可以幫助我們了解自己的這段時(shí)間的學(xué)習(xí),、工作生活狀態(tài),。我們想要好好寫一篇心得體會(huì)，可是卻無從下手嗎,？下面小編給大家?guī)黻P(guān)于學(xué)習(xí)心得體會(huì)范文,，希望會(huì)對(duì)大家的工作與學(xué)習(xí)有所幫助。

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇一

在經(jīng)濟(jì)迅速發(fā)展的今天,，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才,。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵,。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足,，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>

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

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

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

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

3.確定欄目和板塊,。

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

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

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

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

1.資料的搜集,。

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

2.熟悉制作軟件。

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

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

1.構(gòu)建站點(diǎn)框架。

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

2.設(shè)計(jì)主頁及二級(jí)頁面,。

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

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

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

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

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

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

四,、網(wǎng)頁的調(diào)試

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

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇二

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

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

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

二、文獻(xiàn)綜述：

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

該系統(tǒng)是面向全網(wǎng)絡(luò)的,，作為學(xué)校與外界聯(lián)系的一個(gè)平臺(tái),。系統(tǒng)管理員負(fù)責(zé)更新網(wǎng)站內(nèi)容，不同權(quán)限的用戶登錄系統(tǒng)將進(jìn)入不同的頁面,，實(shí)現(xiàn)不同的操作,。

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

1.用戶注冊(cè)模塊：這個(gè)模塊完成新用戶的注冊(cè)功能，并能對(duì)注冊(cè)信息進(jìn)行檢查,。

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

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

4.操作模塊：這個(gè)模塊提供與內(nèi)容相關(guān)的功能,，并且對(duì)不同身份的用戶給予不同的操作權(quán)限。

5.用戶管理模塊：這個(gè)模塊能夠?qū)τ脩魝€(gè)人信息進(jìn)行管理,。

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

三、工作計(jì)劃及方案論證：

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

閱讀資料,；進(jìn)行需求分析，提出設(shè)計(jì)方案確定技術(shù)路線,，完成開

題報(bào)告,；設(shè)計(jì)軟件原型。

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

在上一階段基礎(chǔ)上,，按時(shí),、按質(zhì)、按量完成畢業(yè)設(shè)計(jì)任務(wù)

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

總結(jié)所有的工作,，完成畢業(yè)設(shè)計(jì)論文初稿

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

修改論文,；小組內(nèi)答辯，評(píng)分,；準(zhǔn)備答辯材料

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇三

在經(jīng)濟(jì)迅速發(fā)展的今天,，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步,，為了讓我們成為真正的技術(shù)性人才,。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵,。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足,，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>

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

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

2,、定位網(wǎng)站的ci形象,。“易菲”植根中國文化之精髓,，汲取自然稟賦之靈性,，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌,?！耙住奔词侨?，是包容，是寬容,，是五千年中華民族的文化精髓,，是厚德載物，是對(duì)人性寬度的一種拓展,?！胺啤蓖ǚ牵巧鷻C(jī),、是個(gè)性,、是春意盎然、是自強(qiáng)不息,，是對(duì)人性深度的一種挖掘,。“生活如花,，自在快樂”是yifini易菲的設(shè)計(jì)理念,，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適,、自在快樂的生活方式,。這也便是我網(wǎng)站的ci形象。

3,、確定欄目和板塊,。

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

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

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

1、資料的搜集,。

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

2,、熟悉制作軟件。

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

1、構(gòu)建站點(diǎn)框架,。

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

2、設(shè)計(jì)主頁及二級(jí)頁面,。

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

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇四

網(wǎng)頁設(shè)計(jì)報(bào)告

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇五

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

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

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

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

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

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

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

1,、網(wǎng)頁美工

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

2、導(dǎo)航條和文字圖片的布局

用dreamweavermx和flashmx設(shè)計(jì)制作導(dǎo)航條,，同時(shí)對(duì)文字圖片進(jìn)行調(diào)整,。具體的就是文字的大小、字體以及圖片的格式,、大小進(jìn)行調(diào)整,。

3、超鏈接其動(dòng)態(tài)設(shè)計(jì)

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

1第一周到四周完成畢業(yè)設(shè)計(jì)開題報(bào)告

2第五周調(diào)研，準(zhǔn)備各種參考資料,、充實(shí)所需知識(shí)

3第六周查閱相關(guān)書籍資料,，提出可行性的設(shè)計(jì)方案

4第七到十六周具體設(shè)計(jì)與制作工作

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

6第十八周畢業(yè)設(shè)計(jì)論文的相關(guān)資料的搜集

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

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

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇六

專業(yè)實(shí)習(xí)報(bào)告

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

一,、實(shí)習(xí)目的(一)檢驗(yàn)自己是不是真的適合這個(gè)職業(yè)

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

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

(二)在實(shí)踐中查漏補(bǔ)缺

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

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

(三)在工作中打磨自己

由于學(xué)校和社會(huì)是截然不同的生活、學(xué)習(xí),、工作氛圍,，在工作中我們不可以

像在學(xué)校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當(dāng)好處的圓滑。希望在實(shí)習(xí)里,，和同事上司的相處中獲得這方面的成長(zhǎng),。

二、實(shí)習(xí)內(nèi)容

(一)實(shí)習(xí)主要內(nèi)容

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

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

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

3）使用photoshop對(duì)網(wǎng)頁進(jìn)行配色及排版設(shè)計(jì)

2,、負(fù)責(zé)網(wǎng)站的幾個(gè)主體模塊的文案撰寫和后臺(tái)編輯

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

2）使用photoshop對(duì)文案進(jìn)行概念配圖

3）在后臺(tái)將文案部分合理配色排版

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

(二)工作過程

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

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

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

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

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

2,、經(jīng)理讓我設(shè)計(jì)幾個(gè)欄目對(duì)應(yīng)的banner圖片

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

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

中，幾個(gè)主要的欄目在網(wǎng)站上具體意義,，體會(huì)這對(duì)應(yīng)的幾個(gè)欄目banner的設(shè)計(jì)意義,。

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

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

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

2）最終banner圖片并沒有全都采用我設(shè)計(jì)的，有一些還是因?yàn)椴粔虼髿獗怀废聛砹?。一開始我還挺灰心,，覺得自己的付出沒有得到認(rèn)可。但是我知道當(dāng)初經(jīng)理就是感覺可以給我試一下,，才給我這個(gè)機(jī)會(huì)去讓我發(fā)揮一下的,，所以我好好學(xué)習(xí)了別人的圖片，看自己的和別人的差別在哪里,，不浪費(fèi)這次嘗試性地努力,。

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

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

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

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

三、實(shí)習(xí)體會(huì)

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

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

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

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

(二)主動(dòng)思考的重要性

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇七

基本任務(wù)與要求：

階段工作計(jì)劃：

開題報(bào)告：

1. 選題背景（含國內(nèi)外相關(guān)研究綜述及評(píng)價(jià)）與意義

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

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

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

選題研究方法：

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

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

擬解決的主要問題：

預(yù)期結(jié)果：

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

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告篇八

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

1、視聽元素

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

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

2,、版式設(shè)計(jì)

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

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

1、主題鮮明

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

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

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

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

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

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

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

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

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

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

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

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

3,、強(qiáng)調(diào)整體

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

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

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

從某種意義上講,，強(qiáng)調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會(huì)犧牲靈活的多變性,，“物極必反”就是這個(gè)道理。因此,，在強(qiáng)調(diào)網(wǎng)頁整體性設(shè)計(jì)的同時(shí)必須注意:過于強(qiáng)調(diào)整體性可能會(huì)使網(wǎng)頁呆板,、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望,?！罢w”是“多變”基礎(chǔ)上的整體,。

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

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

2,、多維性

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

3,、多種媒體的綜合性

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

4,、版式的不可控性

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

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

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

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

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

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

5、技術(shù)與藝術(shù)結(jié)合的緊密性

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

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

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

技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁設(shè)計(jì)中體現(xiàn)得尤為突出,。