報(bào)告需要經(jīng)過(guò)仔細(xì)的修改和校對(duì)，以確保語(yǔ)言流暢、結(jié)構(gòu)合理、無(wú)錯(cuò)誤和表達(dá)準(zhǔn)確。報(bào)告應(yīng)該根據(jù)讀者的背景和需求調(diào)整語(yǔ)言和表達(dá)方式。在以下的報(bào)告范文中，你可以找到不同領(lǐng)域、不同目的的報(bào)告樣例，以及每個(gè)樣例的特點(diǎn)和優(yōu)點(diǎn)。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇一
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的flash不能產(chǎn)生效果?？傊畣?wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
網(wǎng)頁(yè)的調(diào)試代碼寫(xiě)的很熟練，做了一個(gè)左右分欄的頁(yè)面，沒(méi)什么太大難度，技術(shù)總監(jiān)看了以后，說(shuō)不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。
(二)三天的培訓(xùn)工作。
三天后，我來(lái)到了公司，一看，來(lái)參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁(yè)，這些網(wǎng)頁(yè)都是靜態(tài)的，沒(méi)什么難度。我后來(lái)發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。
(三)最后的考核。
三天的培訓(xùn)后，我們迎來(lái)了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問(wèn)題,最優(yōu)秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁(yè)面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁(yè)做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁(yè)面的提成是2元錢(qián)，而后面做完的，只有提成，沒(méi)有底薪，他們的'提成是每個(gè)頁(yè)面5元錢(qián)，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開(kāi)始了實(shí)習(xí)工作。
三、正式工作。
我們每天的上班時(shí)間是從早上8:30分到下午的17:00，這是我見(jiàn)過(guò)最有激情的一些人了，年紀(jì)輕輕，干勁十足，來(lái)了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開(kāi)，我喜歡他(她)們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒(méi)有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁(yè)，我們做的網(wǎng)頁(yè)是比較簡(jiǎn)單的從上到下式的網(wǎng)頁(yè)，通過(guò)css+span排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過(guò)有些追求精致，我做網(wǎng)頁(yè)的速度慢了很多，最初每天只能做3--4個(gè)網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是不能接受的，后來(lái)我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁(yè)，然后我將要做的所有網(wǎng)頁(yè)，先做好排版，這時(shí)的網(wǎng)頁(yè)雖然排過(guò)版，但是不美觀，因?yàn)闆](méi)有進(jìn)行美化工作，然后我會(huì)在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì)更快，我相信自己。
四、業(yè)余的生活。
每天的工作都是很快的，有時(shí)感覺(jué)時(shí)間過(guò)的很快，想停都停不住，早上出去的時(shí)候，見(jiàn)的是太陽(yáng)，晚上下班后看到的是即將落日的夕陽(yáng)或者是星星，每天就這么快的過(guò)去了，每個(gè)工作日結(jié)束后，我都會(huì)在下班后步行一段時(shí)間，去附近的圖書(shū)城充會(huì)電，或者放松一下，找一些我喜歡的書(shū)，看上幾個(gè)小時(shí)。
五、工作心得體會(huì)。
實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的最大體會(huì)就是，如果一個(gè)人在社會(huì)上沒(méi)有一技之長(zhǎng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
報(bào)告人：
時(shí)間：xx年xx月xx日。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇二
（4）擔(dān)任講解工作；
（5）領(lǐng)導(dǎo)交辦的其他工作。通過(guò)完成上述工作，使我認(rèn)識(shí)到一個(gè)稱職的招商主管應(yīng)當(dāng)具有良好的語(yǔ)言表達(dá)能力、流暢的文字寫(xiě)作能力、網(wǎng)站建設(shè)維護(hù)能力、大型活動(dòng)的策劃及籌備能力。目前我在網(wǎng)站建設(shè)、大型活動(dòng)的策劃方面存在不足。在網(wǎng)頁(yè)制作的過(guò)程中我發(fā)現(xiàn)，frontpaeg根本無(wú)法適應(yīng)精美網(wǎng)頁(yè)的制作要求，于是重新學(xué)習(xí)了新的網(wǎng)頁(yè)制作軟件dreamweavermx及圖形處理軟件fireworksmx。目前我已熟悉了上述軟件的常用功能并能運(yùn)用其進(jìn)行基本的網(wǎng)頁(yè)制作及圖形處理。為了讓自己做一個(gè)稱職的招商人員，我閱讀了網(wǎng)上的部分策劃案例，以便在以后的策劃工作中有所幫助。
x年又是一個(gè)充滿激情的一年，在今后的工作中，我將努力提高自身素質(zhì)，克服不足，朝著以下幾個(gè)方向努力：
1、學(xué)無(wú)止鏡，時(shí)代的發(fā)展瞬息萬(wàn)變，各種學(xué)科知識(shí)日新月異。我將堅(jiān)持不懈地努力學(xué)習(xí)各種招商引資知識(shí)，并用于指導(dǎo)實(shí)踐。
2、“業(yè)精于勤而荒于嬉”，在以后的工作中不斷學(xué)習(xí)業(yè)務(wù)知識(shí)，通過(guò)多看、多學(xué)、多練來(lái)不斷的提高自己的各項(xiàng)業(yè)務(wù)技能。
3、不斷鍛煉自己的膽識(shí)和毅力，提高自己解決實(shí)際問(wèn)題的能力，并在工作過(guò)程中慢慢克服急躁情緒，積極、熱情、細(xì)致地的對(duì)待每一項(xiàng)工作。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇三
很多設(shè)計(jì)師也許一直在苦惱：要如何才能成為一個(gè)優(yōu)秀的設(shè)計(jì)師呢?有沒(méi)有什么設(shè)計(jì)秘籍或者設(shè)計(jì)技巧可言?個(gè)人認(rèn)為，要成為一個(gè)成功的設(shè)計(jì)師，雖然沒(méi)有捷徑可走，但是也許卻有方法可言。如果凡事不講究方法，相信要達(dá)到目的那是相當(dāng)困難的。而如果方法對(duì)路，那么你離目標(biāo)就不遠(yuǎn)了。下面北極魚(yú)就給大家分享一篇來(lái)自國(guó)外設(shè)計(jì)大師purin的關(guān)于設(shè)計(jì)技巧的文章。希望對(duì)那些像我一樣迷茫的設(shè)計(jì)師有所幫助。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇四
學(xué)習(xí)如何通過(guò)選擇正確的格式，來(lái)優(yōu)化網(wǎng)頁(yè)圖片，并確保文件大小在可行的范圍你是足夠小的。雖然現(xiàn)在人們已經(jīng)都在使用寬帶，但仍然有人是撥號(hào)上網(wǎng)。
此外，雖然移動(dòng)裝置技術(shù)的普及，但移動(dòng)裝置卻不一定支持像寬頻一樣的速度，圖片文件的大小可能還是會(huì)延長(zhǎng)網(wǎng)頁(yè)的加載時(shí)間，有可能把用戶趕走的。
這里有個(gè)選擇適合的文件格式的技巧：如果圖片是單色，那最好保存成png或者gif格式;如果是連續(xù)性的色調(diào)(如照片)則最好保存成jpg格式。
有很多的工具可以幫助你進(jìn)一步優(yōu)化你的圖片，降低他們的文件大小?？梢詤⒖歼@個(gè)工具列表來(lái)幫助優(yōu)化你的圖片。
盡量把圖片數(shù)量減到最低，并且靈活使用圖片，并且盡可能地減小文件大小。如此一來(lái)，將可以大大的減少頁(yè)面的讀取時(shí)間和改善網(wǎng)頁(yè)的性能。
2.保持干凈和簡(jiǎn)單(即：簡(jiǎn)潔)。
一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)不光只是看起來(lái)好看而已，還要是用戶友好型的。通常來(lái)說(shuō)，一個(gè)干凈、簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)最終會(huì)成為一個(gè)可用性高的網(wǎng)頁(yè)設(shè)計(jì)，因?yàn)樗谂c用戶的交互中不會(huì)使其產(chǎn)生混淆。
當(dāng)頁(yè)面上有太多的網(wǎng)站功能和組件時(shí)，將會(huì)分散網(wǎng)站用戶的注意力而失去原本瀏覽網(wǎng)站的目的。
確保每個(gè)頁(yè)面元素都有其目的，然后問(wèn)自己以下問(wèn)題：
1.是否真的需要這個(gè)設(shè)計(jì)么?2.這是什么組件是做什么用，它如何協(xié)助用戶瀏覽?
3.如果我突然刪除這個(gè)組件，大多數(shù)人會(huì)希望它“回來(lái)”嗎?
4.如何把這些元素和目標(biāo)、消息和網(wǎng)站的`宗旨互相結(jié)合?
此外，盡管它可能是一個(gè)超酷的新概念或界面設(shè)計(jì)模式，但你還是要確保對(duì)你的用戶而言該設(shè)計(jì)仍然是方便和直觀的。
人們習(xí)慣于通用性的交互模式、網(wǎng)站功能、和網(wǎng)絡(luò)接口，如果你的設(shè)計(jì)的確很獨(dú)特，確保它不是太模糊和晦澀。要有創(chuàng)意，但還要保持簡(jiǎn)單。
3.導(dǎo)航(條/欄)是最重要的設(shè)計(jì)。
一個(gè)網(wǎng)站最重要的部分就是整個(gè)網(wǎng)站的導(dǎo)航。沒(méi)有它，無(wú)論在哪個(gè)頁(yè)面中，用戶都會(huì)發(fā)生卡在這個(gè)頁(yè)面離不開(kāi)的狀況。有了這明顯的實(shí)際方向，我們將討論一些建構(gòu)網(wǎng)站導(dǎo)航時(shí)重要的點(diǎn)。
首先，在網(wǎng)站的導(dǎo)航結(jié)構(gòu)上，投入足夠的時(shí)間和很多規(guī)劃是非常重要的。雖然這是常識(shí)，但仍然有很多設(shè)計(jì)師想當(dāng)然地設(shè)計(jì)網(wǎng)站導(dǎo)航。
擺放位置、風(fēng)格、所用技術(shù)(javascript或css)、可用性和網(wǎng)頁(yè)易讀性，這些是你制作導(dǎo)航設(shè)計(jì)時(shí)需要考慮的。
在沒(méi)有css的狀況下，你的導(dǎo)航設(shè)計(jì)應(yīng)該也是可用的，這是基于文字基礎(chǔ)的瀏覽器相容性。你可以盡量去嘲笑文字基礎(chǔ)的瀏覽器，但它們?cè)诤芏嗟囊苿?dòng)設(shè)備上還是流行的。也許更為重要的是，對(duì)屏幕用戶來(lái)說(shuō)(99.99%的情況下)，沒(méi)有css的導(dǎo)航功能照樣可用訪問(wèn)。
在沒(méi)有客戶端技術(shù)情況下(如javascript或flash)，導(dǎo)航功能應(yīng)該容易進(jìn)入和使用的。用戶可能因安全性或公司政策而沒(méi)有開(kāi)啟或安裝。
所以，制定一個(gè)導(dǎo)航系統(tǒng)可以放置的良好位置是必須的，例如放在一個(gè)顯眼可見(jiàn)的地方。一個(gè)好的導(dǎo)航功能，只要網(wǎng)頁(yè)載入就出現(xiàn)，而不需要鼠標(biāo)再向下滾動(dòng)。這是為什么頁(yè)面要保持干凈和簡(jiǎn)單的重要作用，一個(gè)復(fù)雜且非常規(guī)的設(shè)計(jì)可能會(huì)讓用戶困惑。
哪怕只有一瞬間，用戶也必定不會(huì)納悶：“網(wǎng)站導(dǎo)航在哪里?”
最后，對(duì)網(wǎng)站建立階層結(jié)構(gòu)，多層次的管理。確保它在父層與子層之間易于導(dǎo)航。此外，不管在哪一個(gè)網(wǎng)頁(yè)當(dāng)中，也應(yīng)該能很容易到達(dá)最高層的頁(yè)面(例如網(wǎng)站首頁(yè))。
最主要的目標(biāo)就是你的網(wǎng)站導(dǎo)航，盡可能減少操作(動(dòng)作)，努力而讓用戶到達(dá)他想要瀏覽的內(nèi)容。
4.明智和有條理地使用字體。
雖然有成千上萬(wàn)的字體，但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅(jiān)持使用網(wǎng)頁(yè)安全字體。
如果你不喜歡網(wǎng)頁(yè)安全字體，可以考慮利用sifr或cufon逐步增強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)。
保持字體的一致性，確認(rèn)標(biāo)題和段落的內(nèi)容看起來(lái)有所不同。使用空白、調(diào)整行高、字體大小和字母間距屬性，使用戶輕松愉快地閱讀和掃描內(nèi)容。
也許一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師常常犯的錯(cuò)誤就是使用不對(duì)的字體大小。因?yàn)槲覀兿氡M可能的將內(nèi)容都塞在一個(gè)網(wǎng)頁(yè)中呈現(xiàn)，所以我們有時(shí)設(shè)置字體大小而讓用戶感覺(jué)到不舒服。
如果可能的話，盡量保持字體大小12像素以上，特別是對(duì)段落內(nèi)容。雖然很多沒(méi)有遇到因?yàn)樽煮w太小而造成閱讀上的困難，但是想想老人家、近視眼和其他類似視覺(jué)障礙的族群吧。
5.理解色彩無(wú)障礙性。
說(shuō)完字體后，我們還需要指出使用正確顏色的重要性。例如，黑色文字在白色背景，如果使用高對(duì)比度，橙色背景上的紅色文字會(huì)令你的眼睛感到緊張。
此外，使用一些對(duì)特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck，可以測(cè)試某些類型的色盲)。
有些色彩組合只適合運(yùn)用在前景色的部分，而不適合做背景色。舉個(gè)例子來(lái)說(shuō)，深藍(lán)色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍(lán)色的背景，都是使用兩種一樣的顏色，但用在不同的部分則影響了它的可讀性和閱讀的舒適度。
重要的是，不僅要使用良好的色彩組合，而且要把它用在頁(yè)面中的合適元素上。
6.知道如何編寫(xiě)代碼。
隨著各種所見(jiàn)即所得的網(wǎng)頁(yè)編輯器充斥市場(chǎng)，網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)成為簡(jiǎn)單的1-2-3步驟就能設(shè)計(jì)好一個(gè)網(wǎng)站。然而，大多數(shù)網(wǎng)頁(yè)編輯器摻雜了不必要的代碼，使你的html結(jié)構(gòu)設(shè)計(jì)不當(dāng)，難以維護(hù)和更新，導(dǎo)致網(wǎng)頁(yè)膨脹。
通過(guò)自己編寫(xiě)的網(wǎng)頁(yè)代碼，能得到簡(jiǎn)潔的代碼，能夠愉快方便地閱讀和維護(hù)。你可以自豪地說(shuō)是自己寫(xiě)出來(lái)的代碼。
但知道如何使用所見(jiàn)即所得的ide或預(yù)覽功能并不會(huì)妨礙學(xué)習(xí)html和css。你要知道發(fā)生了什么事情，才能創(chuàng)造有效并高度優(yōu)化的網(wǎng)頁(yè)設(shè)計(jì)。
7.不要忘記搜索引擎優(yōu)化。
在設(shè)計(jì)網(wǎng)站時(shí)，一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該永遠(yuǎn)牢記基本的seo概念。例如，網(wǎng)頁(yè)內(nèi)容結(jié)構(gòu)、用文字表示標(biāo)題(即網(wǎng)頁(yè)的標(biāo)題和標(biāo)志)。
此時(shí)，以前學(xué)習(xí)的如何合理編碼的能力就派上用場(chǎng)。認(rèn)識(shí)正確、語(yǔ)義和基于標(biāo)準(zhǔn)的html/css后，你會(huì)很快認(rèn)識(shí)到span比表格布局好得多，不僅更為準(zhǔn)確地展現(xiàn)內(nèi)容，而且對(duì)搜索引擎排名也有幫助。另外，知道用css更換背景、文字和圖片也是一個(gè)好主意。
8.理解人是沒(méi)有耐性的。
普通人用幾秒鐘就決定是否要閱讀更多網(wǎng)頁(yè)內(nèi)容或到另一個(gè)網(wǎng)站。因此，作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，要有個(gè)好方法，能在這珍貴的幾秒鐘鼓勵(lì)用戶選擇前者(看更多內(nèi)容)。
要知道，如果用戶在網(wǎng)頁(yè)頭部看不到感興趣的內(nèi)容，沒(méi)有多少人會(huì)向下滾動(dòng)，去查看整個(gè)網(wǎng)頁(yè)的內(nèi)容。
所以，在網(wǎng)頁(yè)頭部很容易看到的地方放置網(wǎng)站上的重要元素，但也不要過(guò)度擁擠在上半部分網(wǎng)頁(yè)，否則會(huì)嚇到用戶，而不會(huì)往下繼續(xù)看內(nèi)容。記住上半部分網(wǎng)頁(yè)設(shè)計(jì)的賣(mài)點(diǎn)：視其為推銷(xiāo)員，使人們有購(gòu)買(mǎi)想法，即他們想在你的網(wǎng)站上看到什么。
9.了解(并意識(shí)到)瀏覽器的兼容性。
當(dāng)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師必須要知道的一件事，就是你的工作環(huán)境(瀏覽器)是挑剔和難以預(yù)料的。如果你的網(wǎng)頁(yè)設(shè)計(jì)只能運(yùn)行在的幾種網(wǎng)頁(yè)瀏覽器，那是不夠的，你需要盡可能多瀏覽器下測(cè)試。這里有一款工具browsershots，可以測(cè)試瀏覽器兼容性。
10.使設(shè)計(jì)有靈活性和可維護(hù)性。
一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師可以確保以后可以很容易更新或修改網(wǎng)站。設(shè)計(jì)一個(gè)有可塑性、易于維護(hù)的網(wǎng)站，是一個(gè)偉大網(wǎng)頁(yè)設(shè)計(jì)師的標(biāo)志。讓你的工作盡可能從結(jié)構(gòu)化轉(zhuǎn)向模塊化。
網(wǎng)頁(yè)設(shè)計(jì)這個(gè)行業(yè)是動(dòng)態(tài)的，而且還很“年輕”。事情往往在短暫中變化。牢記這種思想，將推動(dòng)建立更加靈活的網(wǎng)頁(yè)設(shè)計(jì)。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇五
一個(gè)網(wǎng)站的設(shè)計(jì)成功與否是跟用戶的體驗(yàn)有很大的幫助的。如果你的網(wǎng)站設(shè)計(jì)的給人一種視覺(jué)錯(cuò)亂的效果，那么說(shuō)明，你失敗了。任何人，包括搜索引擎都非常的喜歡簡(jiǎn)單大方的頁(yè)面。設(shè)計(jì)網(wǎng)站頁(yè)面的時(shí)候應(yīng)該注意哪些方面的技巧性問(wèn)題。
1.色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用。
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合.搭配來(lái)構(gòu)成美麗的頁(yè)面。
根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。如果您的企業(yè)有ci，我們將按照其中的vi進(jìn)行色彩運(yùn)用。
2.簡(jiǎn)化網(wǎng)頁(yè)代碼。
搭建網(wǎng)頁(yè)前端的時(shí)候，使用有語(yǔ)義的代碼。用描述性的標(biāo)簽組織頁(yè)面結(jié)構(gòu)，可以提高內(nèi)容對(duì)搜索引擎的可讀性。這也會(huì)讓修飾頁(yè)面的工作變得更簡(jiǎn)單干凈。
3.模塊化和可修改性強(qiáng)。
模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開(kāi)發(fā)的強(qiáng)度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識(shí)了，不再冗述。
無(wú)論是架構(gòu)還是模塊或圖片，都要考慮可修改性強(qiáng)。舉個(gè)簡(jiǎn)單的例子，logo、按鈕等，很多人喜歡制作圖片，n個(gè)按鈕就是n張圖片。
4.版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。
多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。
為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，我們將反復(fù)推敲整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。
5.避免使用flash或者圖片作導(dǎo)航欄。
flash雖然有著漂亮的效果，但對(duì)于搜索引擎優(yōu)化來(lái)說(shuō)很不友好，因此我們建議不要用flash和圖片作為導(dǎo)航。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇六
本站實(shí)習(xí)。
報(bào)告。
報(bào)告。
總結(jié)，供大家參考。更多閱讀請(qǐng)查看本站。
本站。
頻道。
畢業(yè)后，我來(lái)到了社會(huì)這個(gè)匯集眾多江河湖水的大海，感受到了獨(dú)立生活的好處與艱辛，同時(shí)我自己也更深的理解了，家長(zhǎng)和學(xué)校老師對(duì)我們的殷切希望，在社會(huì)實(shí)習(xí)的這段日子，我吃了些苦，受了些罪，可是整個(gè)人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實(shí)習(xí)情況匯報(bào)如下：
一、實(shí)習(xí)工作介紹。
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁(yè)廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過(guò)photoshop切片，然后導(dǎo)入dreamweaver進(jìn)行排版，（排版主要使用css+span），并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁(yè)是用css+span進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+span排版方式有一個(gè)的缺點(diǎn)就是：瀏覽器不兼容的問(wèn)題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁(yè)面在最終瀏覽的時(shí)候有一些小問(wèn)題，如：頁(yè)面混亂，圖片、文字之間的距離過(guò)大或過(guò)小，頁(yè)面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問(wèn)題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁(yè)后，都會(huì)在代碼頁(yè)面加入注釋代碼，在里面寫(xiě)上每個(gè)人姓名的漢語(yǔ)拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會(huì)根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎(jiǎng)勵(lì)，每做一個(gè)頁(yè)面會(huì)有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。
二、初來(lái)公司的時(shí)候。
（一）初級(jí)考試。
初來(lái)公司的時(shí)候，我們經(jīng)過(guò)了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來(lái)到了xx公司，因?yàn)橐傻氖蔷W(wǎng)頁(yè)設(shè)計(jì)，所以要有一個(gè)小測(cè)驗(yàn)，技術(shù)總監(jiān)要求我們?cè)诰W(wǎng)上自找圖片和文字，做一個(gè)簡(jiǎn)單的頁(yè)面，要求是：什么樣的頁(yè)面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說(shuō)實(shí)話，從畢業(yè)后，有一段時(shí)間沒(méi)有寫(xiě)代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫(xiě)的很熟練，做了一個(gè)左右分欄的頁(yè)面，沒(méi)什么太大難度，技術(shù)總監(jiān)看了以后，說(shuō)不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。
（二）三天的培訓(xùn)工作。
三天后，我來(lái)到了公司，一看，來(lái)參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁(yè)，這些網(wǎng)頁(yè)都是靜態(tài)的，沒(méi)什么難度。我后來(lái)發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。
(三)最后的考核。
三天的培訓(xùn)后，我們迎來(lái)了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問(wèn)題,秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁(yè)面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁(yè)做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁(yè)面的提成是2元錢(qián)，而后面做完的，只有提成，沒(méi)有底薪，他們的提成是每個(gè)頁(yè)面5元錢(qián)，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開(kāi)始了實(shí)習(xí)工作。
三、正式工作。
我們每天的上班時(shí)間是從早上8:30分到下午的17:00，這是我見(jiàn)過(guò)最有激情的一些人了，年紀(jì)輕輕，干勁十足，來(lái)了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開(kāi)，我喜歡他（她）們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒(méi)有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁(yè)，我們做的網(wǎng)頁(yè)是比較簡(jiǎn)單的從上到下式的網(wǎng)頁(yè)，通過(guò)css+span排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過(guò)有些追求精致，我做網(wǎng)頁(yè)的速度慢了很多，最初每天只能做3--4個(gè)網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是不能接受的，后來(lái)我改變了工作方法，我第次工作的時(shí)候，先訂下。
計(jì)劃。
比如今天做多少網(wǎng)頁(yè)然后我將要做的所有網(wǎng)頁(yè)先做好排版這時(shí)的網(wǎng)頁(yè)雖然排過(guò)版但是不美觀因?yàn)闆](méi)有進(jìn)行美化工作然后我會(huì)在下午的時(shí)間集中全力做美化工作就這樣我的速度提高了很多快了將近一倍多。只要更加熟練速度不會(huì)更快我相信自己。
四、業(yè)余的生活。
每天的工作都是是很快的，有時(shí)感覺(jué)時(shí)間過(guò)的很快，想停都停不住，早上出去的時(shí)候，見(jiàn)的是太陽(yáng)，晚上下班后看到的是即將落日的夕陽(yáng)或者是星星，每天就這么快的過(guò)去了，每個(gè)工作日結(jié)束后，我都會(huì)在下班后步行一段時(shí)間，去附近的圖書(shū)城充會(huì)電，或者放松一下，找一些我喜歡的書(shū)，看上幾個(gè)小時(shí)。
五、工作。
心得體會(huì)。
實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的體會(huì)就是，如果一個(gè)人在社會(huì)上沒(méi)有一技之長(zhǎng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
報(bào)告人：
時(shí)間：
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇七
近一個(gè)星期的實(shí)訓(xùn)將要結(jié)束了，頂著考研考試的巨大壓力我們小組還是如期的完成了老師的要求，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺(jué)在知識(shí)、技能等方面都有了不少的收獲?？傮w來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
做好頁(yè)面，并不是一件容易的事，它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。本次課程設(shè)計(jì)不是很好，頁(yè)面過(guò)于簡(jiǎn)單，創(chuàng)新意識(shí)反面薄弱，這是我需要提高的地方。需要學(xué)的地方還有很多，需要有耐心、堅(jiān)持，不斷的學(xué)習(xí)，綜合運(yùn)用多種知識(shí)，才能設(shè)計(jì)出好的web頁(yè)面。
prettyhair來(lái)維護(hù)數(shù)據(jù)庫(kù)安全可靠。同時(shí)，prettyhair也是一家以提倡健康、漂亮頭發(fā)的信息資訊類公司，您可以在這里獲取如何保養(yǎng)頭發(fā)的相應(yīng)信息，以及各種發(fā)型的圖片相關(guān)介紹，還有各種護(hù)發(fā)用品。于是網(wǎng)站主題確立。然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，個(gè)人檔案、興趣愛(ài)好、成長(zhǎng)經(jīng)歷、國(guó)家隊(duì)生涯、榮譽(yù)、職業(yè)生涯數(shù)據(jù)、轉(zhuǎn)會(huì)記錄，再加入個(gè)別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。
再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于c羅的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。
再后是制作網(wǎng)頁(yè)了，使用dreamweaver制作。首頁(yè)內(nèi)容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言風(fēng)趣，通俗易懂。頁(yè)面可愛(ài)清爽。首頁(yè)主要是導(dǎo)航作用。首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，顏色不同，形成對(duì)比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：
簡(jiǎn)潔實(shí)用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
還有，在最超鏈接過(guò)程中，明明在頁(yè)面屬性里設(shè)置的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實(shí)驗(yàn)，終于知道怎么回事了，原來(lái)應(yīng)該對(duì)文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗`活了，不好控制，用的很少。
制作過(guò)程中，才發(fā)現(xiàn)，原來(lái)自己懂的太少了，好多不知道的地方，才趕緊查書(shū)，開(kāi)始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個(gè)網(wǎng)頁(yè)一個(gè)的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書(shū)籍，最后才知道文件這有個(gè)資源，點(diǎn)擊進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個(gè)模版就應(yīng)用到你建立的網(wǎng)頁(yè)中去了。
這只是在制作過(guò)程中出現(xiàn)的問(wèn)題之一，其它問(wèn)題也是類似相同?，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開(kāi)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇八
跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要耐心，如果你沒(méi)有耐心，你學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問(wèn)題時(shí)，如果不能立刻得到問(wèn)題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過(guò)一個(gè)問(wèn)題，用了半個(gè)月時(shí)間才解決。
現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。
我提倡簡(jiǎn)單的美。
申明我也是個(gè)網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者，并不是什么設(shè)計(jì)名師，這是我個(gè)人的灼見(jiàn)。
有什么不對(duì)的地方，還請(qǐng)大家。
見(jiàn)諒。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇九
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2.定位網(wǎng)站的ci形象?！耙追啤敝哺袊?guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓?lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(lán)色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。
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)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁(yè)我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁(yè)觀察其網(wǎng)頁(yè)的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時(shí)也搜集了一些對(duì)我有用的資料。在搜索資料最困難的便是動(dòng)態(tài)圖片的搜集，動(dòng)態(tài)圖片其gif格式的還是好保存，但是要搜集flash動(dòng)態(tài)圖片就相對(duì)較難了。我用了一天的時(shí)間來(lái)搜集我的flash都不太成功，不過(guò)還搜到了可以換自己圖片的代碼。在開(kāi)始時(shí)我根本就不知道flash是怎樣搜索，不過(guò)經(jīng)過(guò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
2.熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。
1.構(gòu)建站點(diǎn)框架。
在我打開(kāi)dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。
2.設(shè)計(jì)主頁(yè)及二級(jí)頁(yè)面。
在主頁(yè)我設(shè)首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：
簡(jiǎn)潔實(shí)用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng):發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參與到其中來(lái)，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁(yè)才算真正的美的設(shè)計(jì)。每個(gè)子頁(yè)都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個(gè)二級(jí)網(wǎng)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。
3.實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
4.向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。
在這一階段我遇到了許多的問(wèn)題，主要是我在主頁(yè)插入我的flash的時(shí)候，開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在瀏覽網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最后我向老師的請(qǐng)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(lái)自己懂的太少了，好多不知道的地方，才趕緊查書(shū)，開(kāi)始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用。而對(duì)于動(dòng)態(tài)flash的插入我更是問(wèn)題多多，開(kāi)始是我對(duì)代碼基本上是不懂，這就是自己學(xué)校上的問(wèn)題，當(dāng)真正開(kāi)始運(yùn)用的時(shí)候在向老師提問(wèn)。
這只是在制作過(guò)程中出現(xiàn)一些問(wèn)題，其它問(wèn)題也是類似相同?，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁(yè)來(lái)看可以反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開(kāi)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十
本實(shí)例是通過(guò)“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。
二、儀器用具。
1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。
三、實(shí)驗(yàn)原理。
通過(guò)“站點(diǎn)定義為”對(duì)話框中的“高級(jí)”選項(xiàng)卡創(chuàng)建一個(gè)新站點(diǎn)。
四、實(shí)驗(yàn)方法與步驟。
1)執(zhí)行“站點(diǎn)管理站點(diǎn)”命令，在彈出的“管理站點(diǎn)”對(duì)話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點(diǎn)”命令。
2)在彈出的“站點(diǎn)定義為”對(duì)話框中單擊“高級(jí)”選項(xiàng)卡。
3)在“站點(diǎn)名稱”文本框中輸入站點(diǎn)名稱，在“默認(rèn)文件夾”文本框中選擇所創(chuàng)建的站點(diǎn)文件夾。
在“默認(rèn)圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點(diǎn)”對(duì)話框。
4)在“管理站點(diǎn)”對(duì)話框中單擊“完成”按鈕，站點(diǎn)創(chuàng)建完畢。
五、實(shí)驗(yàn)結(jié)果。
六、討論與結(jié)論。
實(shí)驗(yàn)開(kāi)始之前要先建立一個(gè)根文件夾，在實(shí)驗(yàn)的過(guò)程中把站點(diǎn)存在自己建的文件夾里，這樣才能使實(shí)驗(yàn)條理化，不至于在實(shí)驗(yàn)后找不到自己的站點(diǎn)。
在實(shí)驗(yàn)過(guò)程中會(huì)出現(xiàn)一些選項(xiàng)，計(jì)算機(jī)一般會(huì)有默認(rèn)的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項(xiàng)的含義，以及它會(huì)造成的效果，否則會(huì)使實(shí)驗(yàn)的結(jié)果失真。
實(shí)驗(yàn)前先熟悉好操作軟件是做好該實(shí)驗(yàn)的關(guān)鍵。
實(shí)驗(yàn)二：頁(yè)面圖像設(shè)置。
一、實(shí)驗(yàn)?zāi)康募耙螅?/p>
本實(shí)例的目的是設(shè)置頁(yè)面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像。
二、儀器用具。
1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗(yàn)原理。
設(shè)置頁(yè)面的背景圖像,并創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像。
四、實(shí)驗(yàn)方法與步驟。
1)在“頁(yè)面屬性”對(duì)話框中設(shè)置頁(yè)面的背景圖像。
2)在頁(yè)面文檔中單擊“”插入鼠標(biāo)經(jīng)過(guò)圖像。
五、實(shí)驗(yàn)結(jié)果。
六、討論與結(jié)論。
實(shí)驗(yàn)結(jié)束后我們可以看到頁(yè)面的背景變成了我們插入的圖像，并且要鼠標(biāo)經(jīng)過(guò)的時(shí)候會(huì)變成另一個(gè)圖像，這就是鼠標(biāo)經(jīng)過(guò)圖像的效果。
當(dāng)然這種實(shí)驗(yàn)效果很難在實(shí)驗(yàn)結(jié)果的截圖里表現(xiàn)出來(lái)。
這個(gè)實(shí)驗(yàn)的關(guān)鍵在于背景圖像的選擇，如果背景圖像太大不僅會(huì)影響網(wǎng)頁(yè)的打開(kāi)速度，甚至圖像在插入會(huì)也會(huì)有失真的感覺(jué)，因此在插入前對(duì)圖像進(jìn)行必要的處理能使實(shí)驗(yàn)的效果更好。
實(shí)驗(yàn)三：表格制作。
一、實(shí)驗(yàn)?zāi)康募耙螅?/p>
本實(shí)例是要?jiǎng)?chuàng)建邊框?yàn)?像素的表格。
二、儀器用具。
1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗(yàn)原理。
創(chuàng)建邊框?yàn)?像素的表格。
四、實(shí)驗(yàn)方法與步驟。
1)在文檔中，單擊表格“”按鈕，在對(duì)話框中將“單元格間距”設(shè)置為“1”。
2)選中插入的表格，將“背景顏色”設(shè)置為“黑色”(#0000000)。
3)在表格中選中所有的單元格，在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。
4)設(shè)置完畢，保存頁(yè)面，按下“f12”鍵預(yù)覽。
五、實(shí)驗(yàn)結(jié)果。
六、討論與結(jié)論。
本實(shí)驗(yàn)主要通過(guò)整個(gè)表格和單元格顏色的差異來(lái)襯托出實(shí)驗(yàn)效果，間距的作用主要在于表現(xiàn)這種顏色差異。
表格的背景顏色和單元格的背景顏色容易混淆，在實(shí)驗(yàn)中要認(rèn)真判斷，一旦操作錯(cuò)誤則得不到實(shí)驗(yàn)的效果。
“表格寬度”文本框右側(cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇，否則就不能達(dá)到自己想要的效果，設(shè)置錯(cuò)誤就會(huì)嚴(yán)重影響實(shí)驗(yàn)效果。
實(shí)驗(yàn)四：創(chuàng)建錨點(diǎn)鏈接。
一、實(shí)驗(yàn)?zāi)康募耙螅?/p>
本實(shí)例的目的是創(chuàng)建錨點(diǎn)鏈接。
二、儀器用具。
1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗(yàn)原理。
創(chuàng)建錨點(diǎn)鏈接。
四、實(shí)驗(yàn)方法與步驟。
1)在頁(yè)面中插入1行4列的表格，并在各單元格中輸入導(dǎo)航文字。
2)分別選中各單元格的文字，單擊“”按鈕，在彈出的“超級(jí)鏈接”對(duì)話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。
3)在文檔中輸入文字并設(shè)置錨記名稱“01”，按下“enter”鍵換行，輸入一篇文章。
4)在文章的結(jié)尾處換行，輸入文字并設(shè)置錨記名稱“02”，按下“enter”鍵換行，輸入一篇文章。
5)同樣的方法在頁(yè)面下文分別輸入文字和命名錨記為“03”和“04”，并輸入文章。
6)保存頁(yè)面，按下“f12”鍵預(yù)覽。
五、實(shí)驗(yàn)結(jié)果。
六、討論與結(jié)論。
添加瞄記的作用是可以幫讀者快速找到自己想要的文章，同時(shí)也可以使頁(yè)面更加精簡(jiǎn)。
本實(shí)驗(yàn)的關(guān)鍵難點(diǎn)在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達(dá)到實(shí)驗(yàn)的效果，同時(shí)要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱，并記得輸入對(duì)應(yīng)的文章，否則瞄記可能不能用。
熟練程度低在實(shí)驗(yàn)中不能很好地使用各種工具，無(wú)法一次準(zhǔn)確地尋找到適當(dāng)?shù)奈恢谩?/p>
實(shí)驗(yàn)中忘記選擇“不可見(jiàn)元素”，幾次實(shí)驗(yàn)都失敗，最后才得出正確的結(jié)論。
因此在實(shí)驗(yàn)前要先做好預(yù)習(xí)，否則實(shí)驗(yàn)過(guò)程會(huì)比較吃力。
實(shí)驗(yàn)五：設(shè)置css樣式。
一、實(shí)驗(yàn)?zāi)康募耙螅?/p>
本實(shí)例的目的是通過(guò)設(shè)置css樣式創(chuàng)建表格的虛線邊框。
二、儀器用具。
1、生均一臺(tái)多媒體電腦，組建內(nèi)部局域網(wǎng)，并且接入國(guó)際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務(wù)器環(huán)境，支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動(dòng)畫(huà)與圖形處理或制作軟件。
三、實(shí)驗(yàn)原理。
通過(guò)設(shè)置css樣式創(chuàng)建表格的虛線邊框。
四、實(shí)驗(yàn)方法與步驟。
1)在網(wǎng)頁(yè)中創(chuàng)建一個(gè)表格。
2)在“css樣式”面板中單擊“”按鈕，在彈出的對(duì)話框中進(jìn)行設(shè)置，完成后單擊“確定”按鈕。
3)在彈出的對(duì)話框中進(jìn)行設(shè)置，完成后單擊“確定”按鈕。
五、實(shí)驗(yàn)結(jié)果。
六、討論與結(jié)論。
對(duì)話框中各項(xiàng)指標(biāo)和屬性的設(shè)置存在一定的難度，如果沒(méi)熟練掌握就容易出錯(cuò)使實(shí)驗(yàn)失敗。
對(duì)“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時(shí)候覺(jué)得很生硬。
這個(gè)實(shí)驗(yàn)成功的關(guān)鍵在于對(duì)軟件的掌握程度以及對(duì)各種屬性的認(rèn)識(shí)程度，只要充分地掌握了軟件的各種操作，對(duì)各屬性所代表的含義有充分的認(rèn)識(shí)就能很好地完成這個(gè)實(shí)驗(yàn)。
實(shí)驗(yàn)六：創(chuàng)建表單。
一、實(shí)驗(yàn)?zāi)康募耙螅?/p>
本實(shí)例的目的是創(chuàng)建一個(gè)募捐表單。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十一
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的flash不能產(chǎn)生效果?？傊畣?wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)。我利用寒假的時(shí)間，對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解，并基本掌握dreamweaver的應(yīng)用。
通過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)書(shū)籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí)，在實(shí)踐查閱資料時(shí)，對(duì)flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過(guò)學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。在這個(gè)過(guò)程中，我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門(mén)學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁(yè)軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解。在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具備一些基本原則。
首先，要·確定網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么，所有頁(yè)面都是圍繞著這個(gè)內(nèi)容來(lái)制作，有了明確的內(nèi)容對(duì)排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁(yè)屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開(kāi),這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了，
下面要開(kāi)始的便是優(yōu)化工作，
內(nèi)容是整個(gè)網(wǎng)頁(yè)的核心。在網(wǎng)頁(yè)設(shè)計(jì)之前必須明確網(wǎng)頁(yè)的內(nèi)容安排。優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁(yè)時(shí)，可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái)，尤其要制作一個(gè)大的網(wǎng)站(有很多頁(yè)面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。大綱列出來(lái)后，還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形，樹(shù)形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。框架定下來(lái)了，然后開(kāi)始一步一步有條理，有次序地做來(lái)，就胸有成竹得多，也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來(lái)就開(kāi)始往主頁(yè)里面填內(nèi)容。
如果是個(gè)人主頁(yè)，有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤(pán)等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫(huà)和動(dòng)態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫(huà)，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫(huà)播放時(shí)，可以用鼠標(biāo)或鍵盤(pán)對(duì)動(dòng)畫(huà)的播放進(jìn)行控制，效果可以很直觀的反映出來(lái)。然后是開(kāi)始正式制作主頁(yè)。通過(guò)dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
總體來(lái)說(shuō)，通過(guò)這個(gè)假期對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門(mén)，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十二
實(shí)習(xí)目的。
：熟悉和掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的基本技巧及網(wǎng)頁(yè)制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁(yè)設(shè)計(jì)的???基本思路和應(yīng)用開(kāi)發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬(wàn)美元。網(wǎng)頁(yè)對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多；網(wǎng)頁(yè)也是公司對(duì)外的臉面。web站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門(mén)，人們可以沿著搜索引擎其他web站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(jìn)入web的深層。
一.網(wǎng)站的整體規(guī)劃。
1.討論網(wǎng)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。
2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）。
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫(huà)出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備。
1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，fiash源代碼、小圖標(biāo)和一些gif的動(dòng)畫(huà)等。
2.熟悉制作工具軟件：
主頁(yè)制作的基本條件有：
硬件：
軟件：
圖像處理軟件：常用的有photoshop、flash、fireworks等；
文件上傳軟件：常用的有cuteftp、wsftp等。
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的flash不能產(chǎn)生效果?？傊畣?wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁(yè)的調(diào)試。
之前把作過(guò)的東西放到u盤(pán)里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
總結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見(jiàn)肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁(yè),你們的地位就是平等的。經(jīng)過(guò)這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè)計(jì)與制作是一門(mén)龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用dreamweaver提供的模板和庫(kù)技術(shù),以提高工作效率.一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十三
我第一次步入了社會(huì)，從此開(kāi)始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的.我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷(xiāo)售、接待的工作，只有技術(shù)類的工作，少說(shuō)多干的活適合我，這個(gè)我很清楚?，F(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的工作?，F(xiàn)將我在工作中的情況報(bào)告如下。
一、工作介紹。
我工作的這家公司，從事網(wǎng)站開(kāi)發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有專門(mén)做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開(kāi)發(fā)，我在學(xué)校主要做的是后臺(tái)開(kāi)發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開(kāi)發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)。但是有個(gè)別的網(wǎng)站開(kāi)發(fā)時(shí)，我們還是需要進(jìn)行一些手寫(xiě)代碼工作的。
二、開(kāi)發(fā)技術(shù)。
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。
像我這個(gè)組常用的是css+span排版，后臺(tái)使用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采用，linu+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都開(kāi)始了重新構(gòu)架，所以都采用css+span進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫(xiě)一些小模塊?；蛘哂胘avascript寫(xiě)一些特效小代碼。
三、工作流程。
小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫(xiě)工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫(xiě)代碼這種工作看起來(lái)有些枯燥，其實(shí)時(shí)間長(zhǎng)了以后，還真有點(diǎn)厭煩，但是后來(lái)我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會(huì)有價(jià)值感，才會(huì)對(duì)自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強(qiáng)學(xué)習(xí)，這所謂：找出不會(huì)的地方，學(xué)會(huì)它，你就變的強(qiáng)大了。
php是現(xiàn)在比較流行的一種網(wǎng)站開(kāi)發(fā)技術(shù)，由于它是開(kāi)源的免費(fèi)代碼，并因良好的跨平臺(tái)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)單處做起也挺好的，但是我在寫(xiě)代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)現(xiàn)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。
四、安全檢查。
漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際使用時(shí)，遭到黑客攻擊，如果造成了經(jīng)濟(jì)損失就無(wú)法挽救了。
所以，我們每個(gè)人在將各自的工作完成以后，組長(zhǎng)和其它專門(mén)的技術(shù)人員會(huì)對(duì)網(wǎng)站的安全性進(jìn)行測(cè)試，找出存在的漏洞，然后加以修改。以使它的安全性達(dá)到最高最穩(wěn)定的狀態(tài)。
在公司進(jìn)行實(shí)習(xí)工作的這段時(shí)間，我在個(gè)人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨(dú)檔一面了，做一些難度比較大的工作，我通過(guò)優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對(duì)自己的表現(xiàn)感到滿意，最重要的是我給自己的學(xué)校爭(zhēng)了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強(qiáng)和別人的溝通能力。使自己變的更好，為國(guó)家為社會(huì)做出更多的貢獻(xiàn)。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十四
網(wǎng)頁(yè)設(shè)計(jì)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。
1、視聽(tīng)元素。
這里所說(shuō)的視聽(tīng)元素，主要包括:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感研究的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)設(shè)計(jì)的表現(xiàn)力。
術(shù)，用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前active_已經(jīng)成為熱門(mén)技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語(yǔ)言編寫(xiě)的應(yīng)用于網(wǎng)頁(yè)之中的小應(yīng)用程序，相比于插件和active_，javaapplet具有更大的靈活性和良好的跨平臺(tái)能力，因此具有很好的發(fā)展前景?？傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。
2、版式設(shè)計(jì)。
網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來(lái)，是一種具有個(gè)研究風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁(yè)的排版與書(shū)籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁(yè)則不然，它的尺寸是由讀者來(lái)控制的。這使網(wǎng)頁(yè)設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置。而且，網(wǎng)頁(yè)的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁(yè)的版式設(shè)計(jì)帶來(lái)了一定的難度。
網(wǎng)頁(yè)作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁(yè)設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設(shè)計(jì)者必須掌握以下三個(gè)主要原則:。
1、主題鮮明。
視覺(jué)設(shè)計(jì)表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺(jué)心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被研究們即時(shí)地理解和接受，以滿足研究們的實(shí)用和需求，這就要求視覺(jué)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力，來(lái)鮮明地突出設(shè)計(jì)主題。
根據(jù)認(rèn)知心理學(xué)的理論，大多數(shù)研究在短期記憶中只能同時(shí)把握4到7條分立的信息，而對(duì)多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘，概括起來(lái)就是:較小而分立的信息要比較長(zhǎng)而不分立的信息更為有效和容易瀏覽。這個(gè)規(guī)律蘊(yùn)含在研究們尋找信息和使用信息的實(shí)踐活動(dòng)中，它要求視覺(jué)設(shè)計(jì)者的網(wǎng)頁(yè)設(shè)計(jì)必須自覺(jué)地掌握和遵從。
作為視覺(jué)設(shè)計(jì)范疇一種的網(wǎng)頁(yè)設(shè)計(jì)，其最終目的是達(dá)到最佳的主題訴求效果。這種效果的取得，一方面通過(guò)對(duì)網(wǎng)頁(yè)主題思想運(yùn)用邏輯規(guī)律進(jìn)行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過(guò)對(duì)網(wǎng)頁(yè)構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理，更好地營(yíng)造符合設(shè)計(jì)目的的視覺(jué)環(huán)境，突出主題，增強(qiáng)瀏覽者對(duì)網(wǎng)頁(yè)的注意力，增進(jìn)對(duì)網(wǎng)頁(yè)內(nèi)容的理解。只有兩個(gè)方面有機(jī)地統(tǒng)一，生能實(shí)現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)必然服務(wù)于網(wǎng)站的主題，就是說(shuō)，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計(jì)。例如，設(shè)計(jì)類的個(gè)研究站點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同，目的也不同，所以評(píng)論的標(biāo)準(zhǔn)也不同。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先，設(shè)計(jì)是為主題服務(wù)的;其次，設(shè)計(jì)是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，就是說(shuō)，即要“美”，又要實(shí)現(xiàn)“功能”;最后，“美”和“功能”都是為了更好地表達(dá)主題。當(dāng)然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個(gè)搜索引擎，首先要實(shí)現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個(gè)個(gè)研究網(wǎng)站，可以只體現(xiàn)作者的設(shè)計(jì)思想，或者僅僅以設(shè)計(jì)出“美”的網(wǎng)頁(yè)為目的。它的主題只有一個(gè)，就是——美。只注重主題思想的條理性而忽視網(wǎng)頁(yè)構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁(yè)形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁(yè)主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁(yè)設(shè)計(jì)或使網(wǎng)頁(yè)設(shè)計(jì)以失敗而告終。要使網(wǎng)頁(yè)從形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，具體可以通過(guò)對(duì)網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間的邏輯性的把握運(yùn)用來(lái)達(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ì)語(yǔ)言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì)內(nèi)容的`完美表現(xiàn)。正如黑格爾所說(shuō):“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境?！?黑格爾第三卷)一方面，網(wǎng)頁(yè)設(shè)計(jì)所追求的形式美，必須適合主題的需要，這是網(wǎng)頁(yè)設(shè)計(jì)的前提。只講花哨的表現(xiàn)形式以及過(guò)于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁(yè)設(shè)計(jì)都會(huì)變的空洞而無(wú)力。設(shè)計(jì)者只有將二者有機(jī)地統(tǒng)一起來(lái)，深入領(lǐng)會(huì)主題的精髓，再融合自己的思想感情，找到一個(gè)完美的表現(xiàn)形式，生能體現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)獨(dú)具的分量和特有的價(jià)值。另一方面，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會(huì)適得其反。只有通過(guò)認(rèn)真設(shè)計(jì)和充分的考慮來(lái)實(shí)現(xiàn)全面的功能并體現(xiàn)美感生能實(shí)現(xiàn)形式與內(nèi)容的統(tǒng)一。
據(jù)有關(guān)資料所做的保守估計(jì)，目前在上網(wǎng)頁(yè)數(shù)據(jù)傳輸平均以每秒1、5k的速度到達(dá)客戶端。假設(shè)某個(gè)網(wǎng)頁(yè)為了豐富其藝術(shù)性而追趕時(shí)髦地大量使用圖像或其它多媒體元素等，雖然達(dá)到了其靜態(tài)形式美的效果，卻造成多達(dá)幾十k甚至更大的網(wǎng)頁(yè)數(shù)據(jù)，使瀏覽者必須等待很長(zhǎng)時(shí)間生能看到“廬山真面目”，這樣的網(wǎng)頁(yè)就不是一個(gè)優(yōu)秀的網(wǎng)頁(yè)，因?yàn)樗环暇W(wǎng)頁(yè)傳播信息的突出特性之一——快捷性，使網(wǎng)頁(yè)內(nèi)容不能很快地到達(dá)訪問(wèn)者，影響了訪問(wèn)效果和質(zhì)量，損害了訪問(wèn)者的情趣和積極性，這種技術(shù)要素影響了傳達(dá)信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。網(wǎng)頁(yè)具有多屏、分頁(yè)、嵌套等特性，設(shè)計(jì)者可以對(duì)其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變性處理效果，豐富整個(gè)網(wǎng)頁(yè)的形式美。這就要求設(shè)計(jì)者在注意單個(gè)頁(yè)面形式與內(nèi)容統(tǒng)一的同時(shí)，更不能忽視同一主題下多個(gè)分頁(yè)面組成的整體網(wǎng)頁(yè)的形式與整體內(nèi)容的統(tǒng)一。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十五
實(shí)習(xí)目的1、通過(guò)實(shí)習(xí)，使學(xué)生加深對(duì)所學(xué)課程內(nèi)容的認(rèn)識(shí)、理解、掌握，達(dá)到對(duì)所學(xué)知識(shí)、技能系統(tǒng)化、條理化的目的，鞏固、提高學(xué)習(xí)效果。
2、通過(guò)綜合應(yīng)用實(shí)習(xí)，熟練掌握dreamwervermx8、flashmx8、fireworks8的各項(xiàng)操作并能夠掌握制作網(wǎng)頁(yè)的技能，根據(jù)所學(xué)技能學(xué)以致用，解決實(shí)際問(wèn)題，提高操作應(yīng)用熟練程度。
知道dreamwervermx8是及網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)制作軟件，它是專門(mén)為網(wǎng)頁(yè)設(shè)計(jì)師量身定制的可視化網(wǎng)頁(yè)制作軟件，利用它可以為方便、快捷地制作跨平臺(tái)話瀏覽的動(dòng)感網(wǎng)業(yè)。
了解fireworks是處理圖片的軟件，使用它可以創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的效果，例如動(dòng)畫(huà)、轉(zhuǎn)換圖像、導(dǎo)航條、下拉菜單等。設(shè)計(jì)完成以后，如果要在網(wǎng)頁(yè)設(shè)計(jì)中使用，可將它輸出為teml文件，還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。
通過(guò)對(duì)flash的學(xué)習(xí)，掌握如何處理矢量圖形，制作矢量動(dòng)畫(huà)，掌握如何添加音樂(lè)、時(shí)動(dòng)作控制在flash內(nèi)容和集成flash影片，了解actionscript腳本語(yǔ)言創(chuàng)建交換形式、在實(shí)習(xí)的過(guò)程中鞏固了對(duì)前面的知識(shí)的學(xué)習(xí)，加深對(duì)知識(shí)的了解，進(jìn)一步對(duì)網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解，也突出了個(gè)人的特點(diǎn)，運(yùn)用所學(xué)的知識(shí)做出了讓自己滿意的作品。
四、實(shí)習(xí)內(nèi)容及方法。
一、實(shí)習(xí)任務(wù)：
1、通過(guò)仔細(xì)閱讀網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容，加深對(duì)相關(guān)概念的理解、理論的理解、掌握、運(yùn)用。
2、嚴(yán)格按照實(shí)習(xí)指導(dǎo)書(shū)的相關(guān)要求，完成了各項(xiàng)綜合操作，并將相應(yīng)圖像制作、動(dòng)畫(huà)制作和頁(yè)面設(shè)計(jì)的作品進(jìn)行了保存。3、及時(shí)積極完成各項(xiàng)實(shí)習(xí)報(bào)告的撰寫(xiě)。
4、實(shí)習(xí)結(jié)果及實(shí)習(xí)項(xiàng)目嚴(yán)格按照要求及時(shí)保存、展示。
二、實(shí)習(xí)內(nèi)容：
（一）、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網(wǎng)站。（二）、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。
1、創(chuàng)建一個(gè)站點(diǎn)：
站點(diǎn)的名稱就是“惠兒網(wǎng)站”,站點(diǎn)創(chuàng)建成功命一個(gè)首頁(yè)是再下面創(chuàng)建了5、、、、。其示意圖如下：
2、網(wǎng)頁(yè)中的圖像處理：
利用photoshop、和fireworks通過(guò)處理風(fēng)景圖。
在里面運(yùn)用到濾鏡的工具目的是讓圖片更加的形象逼真，處理后的圖片效果如圖所示：
3、布局與表格的編排：
在網(wǎng)頁(yè)設(shè)計(jì)中我偏好用表單編排一般情況下我的布局是在一個(gè)大的表單里寫(xiě)很多文字插入許多圖片。其版面如圖所示：
1.
二級(jí)頁(yè)面制作方法如法炮制。4、網(wǎng)頁(yè)的鏈接。
網(wǎng)站中重要的就是各個(gè)子網(wǎng)頁(yè)與主頁(yè)面之間的鏈接，如果沒(méi)連接好或者鏈接錯(cuò)誤就會(huì)影響整個(gè)網(wǎng)站運(yùn)行的效果。列如我要把產(chǎn)品列表這個(gè)二級(jí)網(wǎng)頁(yè)跟主網(wǎng)頁(yè)鏈接方法如下：
回到/點(diǎn)擊頁(yè)面右下方的鏈接文件夾，找到我要鏈接的二級(jí)網(wǎng)頁(yè)。
打開(kāi)/鏈接后我的鏈接字體會(huì)變成我所設(shè)置的字體顏色，這樣表明我的鏈接成功。
預(yù)覽后在主頁(yè)面點(diǎn)擊“產(chǎn)品列表”就會(huì)顯示到我的產(chǎn)品列表二級(jí)頁(yè)面。
其他頁(yè)面方法同上。
產(chǎn)品列表：將“產(chǎn)品列表”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！郵箱登陸：將“郵箱登陸”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
聯(lián)系我們：將“聯(lián)系我們”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
公司簡(jiǎn)介：將“公司簡(jiǎn)介”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
5、層與行為的應(yīng)用。
“跟蹤圖像”。這個(gè)跟蹤圖像將作為“層”布局頁(yè)面的參照對(duì)象。
2)選擇“查看”----“標(biāo)尺”----“顯示，打開(kāi)標(biāo)尺”
3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”，4）在“網(wǎng)格設(shè)置”對(duì)話框中，選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”
5）為了防止層的重疊，需要打開(kāi)“層”面板。選擇“窗口”，“層”，打開(kāi)層面板。
1）打開(kāi)flash軟件，在里面建立8個(gè)圖層。并且準(zhǔn)備一副適合做標(biāo)示的圖片。
2）在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開(kāi)始。
插入關(guān)鍵幀25幀結(jié)束，在第10幀上寫(xiě)入“同”字，在25幀上寫(xiě)“心”字，再回到第10幀創(chuàng)建補(bǔ)間動(dòng)畫(huà)。在圖層3上創(chuàng)建幀從25幀到40幀結(jié)束在25幀上寫(xiě)“協(xié)”字創(chuàng)建關(guān)鍵幀到40幀寫(xiě)“力”字，再返回到25幀創(chuàng)建補(bǔ)間動(dòng)畫(huà)。在圖層4上從40幀到55幀結(jié)束在40幀上寫(xiě)“共”創(chuàng)建關(guān)鍵幀到55幀寫(xiě)“創(chuàng)”字，在圖層7上從第十幀開(kāi)始插入關(guān)鍵幀25幀結(jié)束，在第10幀上寫(xiě)入“輝”字，在25幀上寫(xiě)“煌”依次而下做到160幀。
3）幀做好后敲擊enter鍵就可以播放flash動(dòng)畫(huà)，如果想插入網(wǎng)頁(yè)就。
按步驟走，文件—導(dǎo)出—導(dǎo)出影片，/最后點(diǎn)擊保存。
在這里我給自己的網(wǎng)頁(yè)設(shè)計(jì)的特效是讓一行字體在來(lái)回跑動(dòng)方法如下：
1）選中你要設(shè)計(jì)特效的字體選擇工具欄上的標(biāo)“簽選擇器”，“html”插入,關(guān)閉。
2）然后預(yù)覽就會(huì)出現(xiàn)從右到左的字幕。8、控制多個(gè)影片的播放。
制作的方法：
網(wǎng)頁(yè)分隔線可以說(shuō)是網(wǎng)頁(yè)中不可缺少的元素，它主要用于分隔網(wǎng)頁(yè)內(nèi)容也可以用于裝飾網(wǎng)頁(yè)。在網(wǎng)頁(yè)中插入一個(gè)層，然后在層中插入一個(gè)表格，設(shè)置表格的間距，然后在表格的單元格中插入圖片，設(shè)置時(shí)間軸。調(diào)出時(shí)間軸，在時(shí)間軸必要的地方添加改變屬性行為，并設(shè)置層對(duì)象的屬性添加行為和改變屬性。
五、結(jié)論。
1、收獲。
photoshop、fireworks、dreamweaver、flash的應(yīng)運(yùn)更加熟練.在制作網(wǎng)站的過(guò)程中，我們參照老師給的惠爾公司網(wǎng)站圖片，盡可能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁(yè)制作需要有很多的色調(diào)搭配能力和很好的布局能力，再加上自己的風(fēng)格創(chuàng)新能力，才能做出精美的網(wǎng)站。在這幾天的實(shí)習(xí)中，我學(xué)到無(wú)論作什么事都要有細(xì)心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下，搜集不到素材，所以，在網(wǎng)頁(yè)的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的特點(diǎn)。尤其是在制作flash的時(shí)候老師給予了很大及時(shí)的幫助，讓我在制作的時(shí)候不至于給我?guī)?lái)很大麻煩。同時(shí)，也希望我們能利用我們學(xué)習(xí)的知識(shí)技能更好的為學(xué)院，為同學(xué)們服務(wù)，也希望我們能夠互相學(xué)習(xí)，互相取長(zhǎng)補(bǔ)短，使我們每個(gè)同學(xué)能夠更好的進(jìn)步。
2、不足。
在實(shí)習(xí)中我發(fā)覺(jué)網(wǎng)站的制作過(guò)程中，1、自己腦袋里沒(méi)有裝東西（網(wǎng)站的綜合布局、網(wǎng)頁(yè)的構(gòu)思和編排）。
甚至老師把作業(yè)布置下來(lái)自己還不知道該從那個(gè)地方著手很是茫然。
2、自己的閱歷不夠，自己的網(wǎng)站應(yīng)該是一個(gè)怎樣的網(wǎng)站，里面要放。
些啥內(nèi)容，該怎樣去組織這些內(nèi)容，心里沒(méi)底。
3、尤其是老師在前面教過(guò)的內(nèi)容自己沒(méi)有及時(shí)的練習(xí)和鞏固，以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁(yè)的時(shí)候，色彩搭配特別重要，而我自己對(duì)顏色的搭配不是很了解，感覺(jué)做出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺(jué)不協(xié)調(diào)。
5、新疆停網(wǎng)的原因，使我們?cè)谒夭牡乃鸭献兊煤鼙粍?dòng)，所以導(dǎo)致。
做出的東西很簡(jiǎn)單，所以我覺(jué)得，知識(shí)應(yīng)用的全部全還要看準(zhǔn)備是否充分。
6、在以后的學(xué)習(xí)中我會(huì)更加認(rèn)真地去學(xué)習(xí)，去掌握這些軟件的用法，便于在以后做東西的時(shí)候能更好地運(yùn)用。
六、致謝。
在網(wǎng)頁(yè)實(shí)習(xí)結(jié)束的時(shí)候我要感謝辛勤的班主任老師，在這個(gè)學(xué)期代我們的網(wǎng)頁(yè)設(shè)計(jì)以外還代了很多別的課，所以很辛苦，在上課期間和實(shí)習(xí)期間同學(xué)在學(xué)習(xí)中遇到問(wèn)題都耐心的為他們講解直到他們聽(tīng)懂為止。正是在老師的號(hào)召下我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣也非常的濃厚，在實(shí)習(xí)中我發(fā)現(xiàn)很多同學(xué)的網(wǎng)站做的很好很有特色，這都少不了老師的指導(dǎo)。在老師的帶領(lǐng)下我們學(xué)到很多書(shū)本上學(xué)不到的東西，相信在以后找工作中我們會(huì)多了一個(gè)籌碼。
其次，要感謝學(xué)校給我們安排了期末的課程實(shí)習(xí)，讓我們能在學(xué)期末重新溫習(xí)和總結(jié)整個(gè)一學(xué)期以來(lái)學(xué)習(xí)的知識(shí)，并且總結(jié)自己的不足，在以后的學(xué)習(xí)中能夠加以改正和補(bǔ)充。
最后，再次感謝學(xué)校和指導(dǎo)的老師！
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十六
網(wǎng)頁(yè)設(shè)計(jì)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。
1、視聽(tīng)元素。
這里所說(shuō)的視聽(tīng)元素，主要包括:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感研究的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)設(shè)計(jì)的表現(xiàn)力。
以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動(dòng)畫(huà)。還有些多媒體文件(如mp3音樂(lè))需要先下載到本地由?上，然后啟動(dòng)相應(yīng)的外部程序來(lái)播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術(shù)，用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前activex已經(jīng)成為熱門(mén)技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語(yǔ)言編寫(xiě)的應(yīng)用于網(wǎng)頁(yè)之中的小應(yīng)用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺(tái)能力，因此具有很好的發(fā)展前景?？傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。
2、版式設(shè)計(jì)。
網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來(lái)，是一種具有個(gè)研究風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁(yè)的排版與書(shū)籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁(yè)則不然，它的尺寸是由讀者來(lái)控制的。這使網(wǎng)頁(yè)設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置。而且，網(wǎng)頁(yè)的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁(yè)的版式設(shè)計(jì)帶來(lái)了一定的難度。
網(wǎng)頁(yè)作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁(yè)設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設(shè)計(jì)者必須掌握以下三個(gè)主要原則:。
1、主題鮮明。
視覺(jué)設(shè)計(jì)表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺(jué)心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被研究們即時(shí)地理解和接受，以滿足研究們的實(shí)用和需求，這就要求視覺(jué)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確，而且在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力，來(lái)鮮明地突出設(shè)計(jì)主題。
根據(jù)認(rèn)知心理學(xué)的理論，大多數(shù)研究在短期記憶中只能同時(shí)把握4到7條分立的信息，而對(duì)多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘，概括起來(lái)就是:較小而分立的信息要比較長(zhǎng)而不分立的信息更為有效和容易瀏覽。這個(gè)規(guī)律蘊(yùn)含在研究們尋找信息和使用信息的實(shí)踐活動(dòng)中，它要求視覺(jué)設(shè)計(jì)者的網(wǎng)頁(yè)設(shè)計(jì)必須自覺(jué)地掌握和遵從。
作為視覺(jué)設(shè)計(jì)范疇一種的網(wǎng)頁(yè)設(shè)計(jì)，其最終目的是達(dá)到最佳的主題訴求效果。這種效果的取得，一方面通過(guò)對(duì)網(wǎng)頁(yè)主題思想運(yùn)用邏輯規(guī)律進(jìn)行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過(guò)對(duì)網(wǎng)頁(yè)構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理，更好地營(yíng)造符合設(shè)計(jì)目的的視覺(jué)環(huán)境，突出主題，增強(qiáng)瀏覽者對(duì)網(wǎng)頁(yè)的注意力，增進(jìn)對(duì)網(wǎng)頁(yè)內(nèi)容的理解。只有兩個(gè)方面有機(jī)地統(tǒng)一，生能實(shí)現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)必然服務(wù)于網(wǎng)站的主題，就是說(shuō)，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計(jì)。例如，設(shè)計(jì)類的個(gè)研究站點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同，目的也不同，所以評(píng)論的標(biāo)準(zhǔn)也不同。網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先，設(shè)計(jì)是為主題服務(wù)的;其次，設(shè)計(jì)是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，就是說(shuō)，即要“美”，又要實(shí)現(xiàn)“功能”;最后，“美”和“功能”都是為了更好地表達(dá)主題。當(dāng)然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個(gè)搜索引擎，首先要實(shí)現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個(gè)個(gè)研究網(wǎng)站，可以只體現(xiàn)作者的設(shè)計(jì)思想，或者僅僅以設(shè)計(jì)出“美”的網(wǎng)頁(yè)為目的。它的主題只有一個(gè)，就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁(yè)構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁(yè)形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁(yè)主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁(yè)設(shè)計(jì)或使網(wǎng)頁(yè)設(shè)計(jì)以失敗而告終。
要使網(wǎng)頁(yè)從形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，具體可以通過(guò)對(duì)網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間的邏輯性的把握運(yùn)用來(lái)達(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ì)語(yǔ)言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。正如黑格爾所說(shuō):“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境?！?黑格爾美學(xué)第三卷)。
一方面，網(wǎng)頁(yè)設(shè)計(jì)所追求的形式美，必須適合主題的需要，這是網(wǎng)頁(yè)設(shè)計(jì)的前提。只講花哨的表現(xiàn)形式以及過(guò)于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁(yè)設(shè)計(jì)都會(huì)變的空洞而無(wú)力。設(shè)計(jì)者只有將二者有機(jī)地統(tǒng)一起來(lái)，深入領(lǐng)會(huì)主題的精髓，再融合自己的思想感情，找到一個(gè)完美的表現(xiàn)形式，生能體現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)獨(dú)具的分量和特有的價(jià)值。另一方面，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會(huì)適得其反。只有通過(guò)認(rèn)真設(shè)計(jì)和充分的考慮來(lái)實(shí)現(xiàn)全面的功能并體現(xiàn)美感生能實(shí)現(xiàn)形式與內(nèi)容的統(tǒng)一。
據(jù)有關(guān)資料所做的保守估計(jì)，目前在上網(wǎng)頁(yè)數(shù)據(jù)傳輸平均以每秒1、5k的速度到達(dá)客戶端。假設(shè)某個(gè)網(wǎng)頁(yè)為了豐富其藝術(shù)性而追趕時(shí)髦地大量使用圖像或其它多媒體元素等，雖然達(dá)到了其靜態(tài)形式美的效果，卻造成多達(dá)幾十k甚至更大的網(wǎng)頁(yè)數(shù)據(jù)，使瀏覽者必須等待很長(zhǎng)時(shí)間生能看到“廬山真面目”，這樣的網(wǎng)頁(yè)就不是一個(gè)優(yōu)秀的網(wǎng)頁(yè)，因?yàn)樗环暇W(wǎng)頁(yè)傳播信息的突出特性之一——快捷性，使網(wǎng)頁(yè)內(nèi)容不能很快地到達(dá)訪問(wèn)者，影響了訪問(wèn)效果和質(zhì)量，損害了訪問(wèn)者的情趣和積極性，這種技術(shù)要素影響了傳達(dá)信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。
網(wǎng)頁(yè)具有多屏、分頁(yè)、嵌套等特性，設(shè)計(jì)者可以對(duì)其進(jìn)行形式上的適當(dāng)變化以達(dá)到多變性處理效果，豐富整個(gè)網(wǎng)頁(yè)的形式美。這就要求設(shè)計(jì)者在注意單個(gè)頁(yè)面形式與內(nèi)容統(tǒng)一的同時(shí)，更不能忽視同一主題下多個(gè)分頁(yè)面組成的整體網(wǎng)頁(yè)的形式與整體內(nèi)容的統(tǒng)一。
因此，在網(wǎng)頁(yè)設(shè)計(jì)中必須注意形式與內(nèi)容的高度統(tǒng)一。
3、強(qiáng)調(diào)整體。
網(wǎng)頁(yè)的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計(jì)形式上的整體性。
網(wǎng)頁(yè)是傳播信息的載體，它要表達(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)頁(yè)的結(jié)構(gòu)形式是由各種視聽(tīng)要素組成的。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，強(qiáng)調(diào)頁(yè)面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風(fēng)格等方面入手。例如:在版式上，將頁(yè)面中各視覺(jué)要素作通盤(pán)考慮，以周密的組織和精確的定位來(lái)獲得頁(yè)面的秩序感，即使運(yùn)用“散”的結(jié)構(gòu)，也是經(jīng)過(guò)深思熟慮之后的決定;一個(gè)站點(diǎn)通常只使用兩到三種標(biāo)準(zhǔn)色，并注意色彩搭配的和諧;對(duì)于分屏的長(zhǎng)頁(yè)面，不可設(shè)計(jì)完第一屏再考慮下一屏。同樣，整個(gè)網(wǎng)頁(yè)內(nèi)部的頁(yè)面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，讓瀏覽者體會(huì)到設(shè)計(jì)者完整的設(shè)計(jì)思想。
從某種意義上講，強(qiáng)調(diào)網(wǎng)頁(yè)結(jié)構(gòu)形式的視覺(jué)整體性必然會(huì)犧牲靈活的多變性，“物極必反”就是這個(gè)道理。因此，在強(qiáng)調(diào)網(wǎng)頁(yè)整體性設(shè)計(jì)的同時(shí)必須注意:過(guò)于強(qiáng)調(diào)整體性可能會(huì)使網(wǎng)頁(yè)呆板、沉悶，以致影響訪問(wèn)者的情趣和繼續(xù)瀏覽的欲望?！罢w”是“多變”基礎(chǔ)上的整體。
1、交互性與持續(xù)性。
網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處，就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是web成為熱點(diǎn)的主要原因，也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報(bào)刊雜志等)都以線性方式提供信息，即按照信息提供者的感覺(jué)、體驗(yàn)和事先確定的格式來(lái)傳播。而在web環(huán)境下，研究們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁(yè)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁(yè)設(shè)計(jì)研究員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，以及用戶的反饋信息，經(jīng)常地對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。例如，為了保持瀏覽者對(duì)網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進(jìn)行改版，這就需要設(shè)計(jì)者在保持網(wǎng)站視覺(jué)形象一貫性的基礎(chǔ)上，不斷創(chuàng)作出新的網(wǎng)頁(yè)設(shè)計(jì)作品。
2、多維性。
多維性源于超級(jí)鏈接，主要體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)導(dǎo)航的設(shè)計(jì)上。由于超級(jí)鏈接的出現(xiàn)，網(wǎng)頁(yè)的組織結(jié)構(gòu)更加豐富，瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前研究們接收信息的線性方式。例如，可將頁(yè)面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等。但頁(yè)面之間的關(guān)系過(guò)于復(fù)雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設(shè)計(jì)者帶來(lái)了更大的困難。為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息，設(shè)計(jì)者必須考慮快捷而完善的導(dǎo)航設(shè)計(jì)。
3、多種媒體的綜合性。
目前網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣，必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以滿足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁(yè)已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流(stream)技術(shù)的推動(dòng)下，inter網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù)，典型的有在線音樂(lè)、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)之一，是未來(lái)的發(fā)展方向。
4、版式的不可控性。
網(wǎng)頁(yè)版式設(shè)計(jì)與傳統(tǒng)印刷版式設(shè)計(jì)有著極大的差異:。
(2)網(wǎng)絡(luò)正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標(biāo)準(zhǔn);。
(3)網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中有關(guān)web的每一件事都可能隨時(shí)發(fā)生變化。
這一切說(shuō)明，網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個(gè)方面都制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致網(wǎng)頁(yè)版式設(shè)計(jì)的不可控制性。其具體表現(xiàn)為:。
(1)網(wǎng)頁(yè)頁(yè)面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出;。
(2)網(wǎng)頁(yè)的瀏覽者可以控制網(wǎng)頁(yè)頁(yè)面在瀏覽器中的顯示方式;。
(3)不同種類、版本的瀏覽器觀察同一個(gè)網(wǎng)頁(yè)頁(yè)面，效果會(huì)有所不同;。
(4)用戶的瀏覽器工作環(huán)境不同，顯示效果也會(huì)有所不同。
把所有這些問(wèn)題歸結(jié)為一點(diǎn)，即網(wǎng)頁(yè)設(shè)計(jì)者無(wú)法控制頁(yè)面在用戶端的最終顯示效果，但這也正是網(wǎng)頁(yè)設(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)頁(yè)設(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)頁(yè)信息的高質(zhì)量需求。
例如，瀏覽者欣賞一段音樂(lè)或電影，以前必須先將這段音樂(lè)或電影下載回本地機(jī)器，然后使用相應(yīng)的程序來(lái)播放，由于音頻或視頻文件都比較大，需要較長(zhǎng)的下載時(shí)間。流(stream)技術(shù)出現(xiàn)以后，網(wǎng)頁(yè)設(shè)計(jì)者充分、巧妙地應(yīng)用此技術(shù)，讓瀏覽者在下載過(guò)程中就可以欣賞這段音樂(lè)或電影，實(shí)現(xiàn)了實(shí)時(shí)的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂(lè)服務(wù)，無(wú)疑增強(qiáng)了頁(yè)面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。
網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì)，由純粹的`視覺(jué)藝術(shù)擴(kuò)展到空間聽(tīng)覺(jué)藝術(shù)，網(wǎng)頁(yè)效果不再近似于書(shū)籍或報(bào)刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與藝術(shù)的緊密結(jié)合，把瀏覽者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界。
技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁(yè)設(shè)計(jì)中體現(xiàn)得尤為突出。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十七
網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。我們沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是客戶感興趣的，任何內(nèi)容都可以，但主題要鮮明，在一定的主題范圍內(nèi)，內(nèi)容做到大而全、精而深。
明確了網(wǎng)站的主題以后，就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓客戶的網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。
一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，而只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我在以后會(huì)有詳細(xì)介紹。
盡管選擇什么樣的工具并不會(huì)影響設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是dreamweaver和frontpage了，如果是初學(xué)者，frontpage20xx是首選。除此之外，還有圖片編輯工具，如photoshop、photoimpact等；動(dòng)畫(huà)制作工具，如flash、cool3d、gifanimator等；還有網(wǎng)頁(yè)特效工具，如需要有聲有色的效果，網(wǎng)上有許多這方面的軟件，可以根據(jù)需要靈活運(yùn)用。
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。
網(wǎng)頁(yè)制作完畢，最后要發(fā)布到web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有ftp功能，利用這些ftp工具，可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。
網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的人認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個(gè)是我們公司的特色，在網(wǎng)上推排名，這個(gè)宣傳效果也很顯著，人們只要輸入關(guān)鍵字最先看到的鏈接，則就是我們公司推上去的鏈接，很好用，訪問(wèn)量大大提升。
通過(guò)目前的實(shí)習(xí)，在設(shè)計(jì)方面我感覺(jué)自己有了一定的收獲，也為了我今后在工作及業(yè)務(wù)上能力的提高起到了促進(jìn)的作用，增強(qiáng)了今后的競(jìng)爭(zhēng)力，為能在以后立足增添了一塊基石。
但我也認(rèn)識(shí)到，要想做好這方面的工作單靠目前幾月的實(shí)習(xí)是不行的，還需要我在平時(shí)的學(xué)習(xí)和工作中一點(diǎn)一點(diǎn)的積累，不斷豐富自己的經(jīng)驗(yàn)才行。我面前的路還是很漫長(zhǎng)的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告總結(jié)篇十八
?跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
?學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要耐心，如果你沒(méi)有耐心，你學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問(wèn)題時(shí)，如果不能立刻得到問(wèn)題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過(guò)一個(gè)問(wèn)題，用了半個(gè)月時(shí)間才解決。
?現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。
? 我提倡簡(jiǎn)單的美。
?申明 我也是個(gè)網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者，并不是什么設(shè)計(jì)名師，這是我個(gè)人的灼見(jiàn)。
? 有什么不對(duì)的地方，還請(qǐng)大家
??見(jiàn)諒。
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi);插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的flash不能產(chǎn)生效果。
總之問(wèn)題一籮筐。
實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。
于是回歸本源，先把課本上的東西弄通再談其他。
然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。
要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office 97的照片編輯器。
把準(zhǔn)備在主頁(yè)上出現(xiàn)的'圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。
雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
網(wǎng)頁(yè)的調(diào)試
之前把作過(guò)的東西放到u盤(pán)里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
1.討論網(wǎng)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。
2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。
于是在網(wǎng)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的ci形象。
使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫(huà)出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。
接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，fiash源代碼、小圖標(biāo)和一些gif的動(dòng)畫(huà)等。
2.熟悉制作工具軟件：
主頁(yè)制作的基本條件有：網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)總結(jié)
文件上傳軟件：常用的有cuteftp、wsftp等。
【本文地址：http://mlvmservice.com/zuowen/11735207.html】
