最新網頁設計報告總結大全(18篇)

格式:DOC 上傳日期:2023-11-13 20:46:10
最新網頁設計報告總結大全(18篇)
時間:2023-11-13 20:46:10     小編:曼珠

報告需要經過仔細的修改和校對,以確保語言流暢、結構合理、無錯誤和表達準確。報告應該根據讀者的背景和需求調整語言和表達方式。在以下的報告范文中,你可以找到不同領域、不同目的的報告樣例,以及每個樣例的特點和優(yōu)點。

網頁設計報告總結篇一

真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果??傊畣栴}一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換,比如office97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網頁技術還差的遠,但是回顧一下這周真的學到了很多的東西。

網頁的調試代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術總監(jiān)看了以后,說不錯,讓我三天后參加培訓,合格扣就可以正式上班了。

(二)三天的培訓工作。

三天后,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網站的工作,先做一些他們平時干的活,做一些廣告網頁,這些網頁都是靜態(tài)的,沒什么難度。我后來發(fā)現,自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。

(三)最后的考核。

三天的培訓后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據你在實習期的表現決定你的去留問題,最優(yōu)秀的人會轉正,得到很優(yōu)厚的待遇。

考核的內容,就是在公司的商務網站上任選一個頁面,然后在規(guī)定的時間內做完,我還不錯,技術比較熟練,是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核,最后的結果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的'提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。

三、正式工作。

我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網頁,我們做的網頁是比較簡單的從上到下式的網頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網頁的速度慢了很多,最初每天只能做3--4個網頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網頁,然后我將要做的所有網頁,先做好排版,這時的網頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。

四、業(yè)余的生活。

每天的工作都是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。

五、工作心得體會。

實習期結束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。

報告人:

時間:xx年xx月xx日。

網頁設計報告總結篇二

(4)擔任講解工作;

(5)領導交辦的其他工作。通過完成上述工作,使我認識到一個稱職的招商主管應當具有良好的語言表達能力、流暢的文字寫作能力、網站建設維護能力、大型活動的策劃及籌備能力。目前我在網站建設、大型活動的策劃方面存在不足。在網頁制作的過程中我發(fā)現,frontpaeg根本無法適應精美網頁的制作要求,于是重新學習了新的網頁制作軟件dreamweavermx及圖形處理軟件fireworksmx。目前我已熟悉了上述軟件的常用功能并能運用其進行基本的網頁制作及圖形處理。為了讓自己做一個稱職的招商人員,我閱讀了網上的部分策劃案例,以便在以后的策劃工作中有所幫助。

x年又是一個充滿激情的一年,在今后的工作中,我將努力提高自身素質,克服不足,朝著以下幾個方向努力:

1、學無止鏡,時代的發(fā)展瞬息萬變,各種學科知識日新月異。我將堅持不懈地努力學習各種招商引資知識,并用于指導實踐。

2、“業(yè)精于勤而荒于嬉”,在以后的工作中不斷學習業(yè)務知識,通過多看、多學、多練來不斷的提高自己的各項業(yè)務技能。

3、不斷鍛煉自己的膽識和毅力,提高自己解決實際問題的能力,并在工作過程中慢慢克服急躁情緒,積極、熱情、細致地的對待每一項工作。

網頁設計報告總結篇三

很多設計師也許一直在苦惱:要如何才能成為一個優(yōu)秀的設計師呢?有沒有什么設計秘籍或者設計技巧可言?個人認為,要成為一個成功的設計師,雖然沒有捷徑可走,但是也許卻有方法可言。如果凡事不講究方法,相信要達到目的那是相當困難的。而如果方法對路,那么你離目標就不遠了。下面北極魚就給大家分享一篇來自國外設計大師purin的關于設計技巧的文章。希望對那些像我一樣迷茫的設計師有所幫助。

網頁設計報告總結篇四

學習如何通過選擇正確的格式,來優(yōu)化網頁圖片,并確保文件大小在可行的范圍你是足夠小的。雖然現在人們已經都在使用寬帶,但仍然有人是撥號上網。

此外,雖然移動裝置技術的普及,但移動裝置卻不一定支持像寬頻一樣的速度,圖片文件的大小可能還是會延長網頁的加載時間,有可能把用戶趕走的。

這里有個選擇適合的文件格式的技巧:如果圖片是單色,那最好保存成png或者gif格式;如果是連續(xù)性的色調(如照片)則最好保存成jpg格式。

有很多的工具可以幫助你進一步優(yōu)化你的圖片,降低他們的文件大小。可以參考這個工具列表來幫助優(yōu)化你的圖片。

盡量把圖片數量減到最低,并且靈活使用圖片,并且盡可能地減小文件大小。如此一來,將可以大大的減少頁面的讀取時間和改善網頁的性能。

2.保持干凈和簡單(即:簡潔)。

一個好的網頁設計不光只是看起來好看而已,還要是用戶友好型的。通常來說,一個干凈、簡單的網頁設計最終會成為一個可用性高的網頁設計,因為它在與用戶的交互中不會使其產生混淆。

當頁面上有太多的網站功能和組件時,將會分散網站用戶的注意力而失去原本瀏覽網站的目的。

確保每個頁面元素都有其目的,然后問自己以下問題:

1.是否真的需要這個設計么?2.這是什么組件是做什么用,它如何協(xié)助用戶瀏覽?

3.如果我突然刪除這個組件,大多數人會希望它“回來”嗎?

4.如何把這些元素和目標、消息和網站的`宗旨互相結合?

此外,盡管它可能是一個超酷的新概念或界面設計模式,但你還是要確保對你的用戶而言該設計仍然是方便和直觀的。

人們習慣于通用性的交互模式、網站功能、和網絡接口,如果你的設計的確很獨特,確保它不是太模糊和晦澀。要有創(chuàng)意,但還要保持簡單。

3.導航(條/欄)是最重要的設計。

一個網站最重要的部分就是整個網站的導航。沒有它,無論在哪個頁面中,用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這明顯的實際方向,我們將討論一些建構網站導航時重要的點。

首先,在網站的導航結構上,投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識,但仍然有很多設計師想當然地設計網站導航。

擺放位置、風格、所用技術(javascript或css)、可用性和網頁易讀性,這些是你制作導航設計時需要考慮的。

在沒有css的狀況下,你的導航設計應該也是可用的,這是基于文字基礎的瀏覽器相容性。你可以盡量去嘲笑文字基礎的瀏覽器,但它們在很多的移動設備上還是流行的。也許更為重要的是,對屏幕用戶來說(99.99%的情況下),沒有css的導航功能照樣可用訪問。

在沒有客戶端技術情況下(如javascript或flash),導航功能應該容易進入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。

所以,制定一個導航系統(tǒng)可以放置的良好位置是必須的,例如放在一個顯眼可見的地方。一個好的導航功能,只要網頁載入就出現,而不需要鼠標再向下滾動。這是為什么頁面要保持干凈和簡單的重要作用,一個復雜且非常規(guī)的設計可能會讓用戶困惑。

哪怕只有一瞬間,用戶也必定不會納悶:“網站導航在哪里?”

最后,對網站建立階層結構,多層次的管理。確保它在父層與子層之間易于導航。此外,不管在哪一個網頁當中,也應該能很容易到達最高層的頁面(例如網站首頁)。

最主要的目標就是你的網站導航,盡可能減少操作(動作),努力而讓用戶到達他想要瀏覽的內容。

4.明智和有條理地使用字體。

雖然有成千上萬的字體,但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅持使用網頁安全字體。

如果你不喜歡網頁安全字體,可以考慮利用sifr或cufon逐步增強的網頁設計。

保持字體的一致性,確認標題和段落的內容看起來有所不同。使用空白、調整行高、字體大小和字母間距屬性,使用戶輕松愉快地閱讀和掃描內容。

也許一個網頁設計師常常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內容都塞在一個網頁中呈現,所以我們有時設置字體大小而讓用戶感覺到不舒服。

如果可能的話,盡量保持字體大小12像素以上,特別是對段落內容。雖然很多沒有遇到因為字體太小而造成閱讀上的困難,但是想想老人家、近視眼和其他類似視覺障礙的族群吧。

5.理解色彩無障礙性。

說完字體后,我們還需要指出使用正確顏色的重要性。例如,黑色文字在白色背景,如果使用高對比度,橙色背景上的紅色文字會令你的眼睛感到緊張。

此外,使用一些對特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck,可以測試某些類型的色盲)。

有些色彩組合只適合運用在前景色的部分,而不適合做背景色。舉個例子來說,深藍色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍色的背景,都是使用兩種一樣的顏色,但用在不同的部分則影響了它的可讀性和閱讀的舒適度。

重要的是,不僅要使用良好的色彩組合,而且要把它用在頁面中的合適元素上。

6.知道如何編寫代碼。

隨著各種所見即所得的網頁編輯器充斥市場,網頁設計已經成為簡單的1-2-3步驟就能設計好一個網站。然而,大多數網頁編輯器摻雜了不必要的代碼,使你的html結構設計不當,難以維護和更新,導致網頁膨脹。

通過自己編寫的網頁代碼,能得到簡潔的代碼,能夠愉快方便地閱讀和維護。你可以自豪地說是自己寫出來的代碼。

但知道如何使用所見即所得的ide或預覽功能并不會妨礙學習html和css。你要知道發(fā)生了什么事情,才能創(chuàng)造有效并高度優(yōu)化的網頁設計。

7.不要忘記搜索引擎優(yōu)化。

在設計網站時,一個好的網頁設計師應該永遠牢記基本的seo概念。例如,網頁內容結構、用文字表示標題(即網頁的標題和標志)。

此時,以前學習的如何合理編碼的能力就派上用場。認識正確、語義和基于標準的html/css后,你會很快認識到span比表格布局好得多,不僅更為準確地展現內容,而且對搜索引擎排名也有幫助。另外,知道用css更換背景、文字和圖片也是一個好主意。

8.理解人是沒有耐性的。

普通人用幾秒鐘就決定是否要閱讀更多網頁內容或到另一個網站。因此,作為一個網頁設計師,要有個好方法,能在這珍貴的幾秒鐘鼓勵用戶選擇前者(看更多內容)。

要知道,如果用戶在網頁頭部看不到感興趣的內容,沒有多少人會向下滾動,去查看整個網頁的內容。

所以,在網頁頭部很容易看到的地方放置網站上的重要元素,但也不要過度擁擠在上半部分網頁,否則會嚇到用戶,而不會往下繼續(xù)看內容。記住上半部分網頁設計的賣點:視其為推銷員,使人們有購買想法,即他們想在你的網站上看到什么。

9.了解(并意識到)瀏覽器的兼容性。

當一個網頁設計師必須要知道的一件事,就是你的工作環(huán)境(瀏覽器)是挑剔和難以預料的。如果你的網頁設計只能運行在的幾種網頁瀏覽器,那是不夠的,你需要盡可能多瀏覽器下測試。這里有一款工具browsershots,可以測試瀏覽器兼容性。

10.使設計有靈活性和可維護性。

一個好的網頁設計師可以確保以后可以很容易更新或修改網站。設計一個有可塑性、易于維護的網站,是一個偉大網頁設計師的標志。讓你的工作盡可能從結構化轉向模塊化。

網頁設計這個行業(yè)是動態(tài)的,而且還很“年輕”。事情往往在短暫中變化。牢記這種思想,將推動建立更加靈活的網頁設計。

網頁設計報告總結篇五

一個網站的設計成功與否是跟用戶的體驗有很大的幫助的。如果你的網站設計的給人一種視覺錯亂的效果,那么說明,你失敗了。任何人,包括搜索引擎都非常的喜歡簡單大方的頁面。設計網站頁面的時候應該注意哪些方面的技巧性問題。

1.色彩在網頁設計中的作用。

色彩是藝術表現的要素之一。在網頁設計中,我們的設計師根據和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構成美麗的頁面。

根據色彩對人們心理的影響,合理地加以運用。如果您的企業(yè)有ci,我們將按照其中的vi進行色彩運用。

2.簡化網頁代碼。

搭建網頁前端的時候,使用有語義的代碼。用描述性的標簽組織頁面結構,可以提高內容對搜索引擎的可讀性。這也會讓修飾頁面的工作變得更簡單干凈。

3.模塊化和可修改性強。

模塊化不僅可以提高重用性,也能統(tǒng)一網站風格,還可以降低程序開發(fā)的強度。這里就涉及一些尺寸、模數、寬容度、命名規(guī)范等等知識了,不再冗述。

無論是架構還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,n個按鈕就是n張圖片。

4.版式設計通過文字圖形的空間組合,表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要處理好頁面之間和頁面內的秩序與內容的關系。

為了達到最佳的視覺表現效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。

5.避免使用flash或者圖片作導航欄。

flash雖然有著漂亮的效果,但對于搜索引擎優(yōu)化來說很不友好,因此我們建議不要用flash和圖片作為導航。

網頁設計報告總結篇六

本站實習。

報告。

報告。

總結,供大家參考。更多閱讀請查看本站。

本站。

頻道。

畢業(yè)后,我來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學校老師對我們的殷切希望,在社會實習的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了?,F將我的實習情況匯報如下:

一、實習工作介紹。

我所在的這家公司,是一家做網上招商的商業(yè)網站,公司接收各種廠家提供的信息,然后由網絡的技術人員,將商家的信息做成網頁廣告,然后掛在我們的網站上,以此達到商業(yè)推廣的目的,類似我們公司的網站在同行業(yè)還有u88、28招商網等。

我和其它幾位同事做為網絡部的技術人員,主要的工作就是接收美工人員的網站模板,將其通過photoshop切片,然后導入dreamweaver進行排版,(排版主要使用css+span),并進一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網頁是用css+span進行排版的,所以在最后一步的時候,我們還需要進行瀏覽器測試,因為css+span排版方式有一個的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協(xié)議不同,所以會導致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術還很不成熟,所以在技術總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當每天我們做完網頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領導會根據每個人的工作數量進行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。

二、初來公司的時候。

(一)初級考試。

初來公司的時候,我們經過了初期考試,培訓,與最終考試三個階段,在接到公司讓我面試的電話后,我來到了xx公司,因為要干的是網頁設計,所以要有一個小測驗,技術總監(jiān)要求我們在網上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑借在學樣扎實的學習功底,我很快就恢復了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術總監(jiān)看了以后,說不錯,讓我三天后參加培訓,合格扣就可以正式上班了。

(二)三天的培訓工作。

三天后,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網站的工作,先做一些他們平時干的活,做一些廣告網頁,這些網頁都是靜態(tài)的,沒什么難度。我后來發(fā)現,自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。

(三)最后的考核。

三天的培訓后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據你在實習期的表現決定你的去留問題,秀的人會轉正,得到很優(yōu)厚的待遇。

考核的內容,就是在公司的商務網站上任選一個頁面,然后在規(guī)定的時間內做完,我還不錯,技術比較熟練,是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核,最后的結果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。

三、正式工作。

我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網頁,我們做的網頁是比較簡單的從上到下式的網頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網頁的速度慢了很多,最初每天只能做3--4個網頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下。

計劃。

比如今天做多少網頁然后我將要做的所有網頁先做好排版這時的網頁雖然排過版但是不美觀因為沒有進行美化工作然后我會在下午的時間集中全力做美化工作就這樣我的速度提高了很多快了將近一倍多。只要更加熟練速度不會更快我相信自己。

四、業(yè)余的生活。

每天的工作都是是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。

五、工作。

心得體會。

實習期結束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。

報告人:

時間:

網頁設計報告總結篇七

近一個星期的實訓將要結束了,頂著考研考試的巨大壓力我們小組還是如期的完成了老師的要求,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網頁過程中,我學到了新的美化網頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質的培養(yǎng),鍛煉和提高。

做好頁面,并不是一件容易的事,它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。本次課程設計不是很好,頁面過于簡單,創(chuàng)新意識反面薄弱,這是我需要提高的地方。需要學的地方還有很多,需要有耐心、堅持,不斷的學習,綜合運用多種知識,才能設計出好的web頁面。

prettyhair來維護數據庫安全可靠。同時,prettyhair也是一家以提倡健康、漂亮頭發(fā)的信息資訊類公司,您可以在這里獲取如何保養(yǎng)頭發(fā)的相應信息,以及各種發(fā)型的圖片相關介紹,還有各種護發(fā)用品。于是網站主題確立。然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,個人檔案、興趣愛好、成長經歷、國家隊生涯、榮譽、職業(yè)生涯數據、轉會記錄,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。

再后是收集資料與素材,大量瀏覽相關網站,收集關于c羅的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網站的布局,特色,顏色搭配,背景圖等。

再后是制作網頁了,使用dreamweaver制作。首頁內容精彩豐富,簡潔明快,語言風趣,通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時,時刻考慮著網頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內容統(tǒng)一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:

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

還有,在最超鏈接過程中,明明在頁面屬性里設置的是超鏈接的文字是原色,點擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實驗,終于知道怎么回事了,原來應該對文字所在的單元格整體做鏈接,而不是只選中文字做鏈接。這次的網站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。

制作過程中,才發(fā)現,原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用,操作,可這樣要修改模版可就麻煩了,要一個網頁一個的修改,于是趕緊上網學習相關內容,閱覽書籍,最后才知道文件這有個資源,點擊進入資源面板,點擊到數第二個的模版,選項,所有模版就都顯示了,點擊資源面板左下角的應用命令,好了,這個模版就應用到你建立的網頁中去了。

這只是在制作過程中出現的問題之一,其它問題也是類似相同?,F在想想,自己所會的東西太少了,現在做的網站只是一些簡單的網站,看到了一些知名的網站開發(fā)出的網頁,不僅欄目內容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網民贊嘆不已,流連忘返。以我們的經驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網頁而努力。

網頁設計報告總結篇八

跟學習別的東西一樣,學習網頁設計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。

學習網頁設計需要耐心,如果你沒有耐心,你學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。

現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.注重實用,個人認為網頁設計應該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。

我提倡簡單的美。

申明我也是個網頁設計初學者,并不是什么設計名師,這是我個人的灼見。

有什么不對的地方,還請大家。

見諒。

網頁設計報告總結篇九

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

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

1.討論網站的主題。

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

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

3.確定欄目和板塊。

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

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

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

二、網頁制作的前期策劃與準備,在本階級主要有兩方面的工作。

1.資料的搜集。

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

2.熟悉制作軟件。

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

三、網頁制作,這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

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

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

在主頁我設首頁制作時,時刻考慮著網頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內容統(tǒng)一,都是為了主題服務,美容美體,一個網站強調的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,色彩呼應,搭配協(xié)調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:

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

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

3.實現網頁間的鏈接。

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

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

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

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

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

網頁設計報告總結篇十

本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

二、儀器用具。

1、生均一臺多媒體電腦,組建內部局域網,并且接入國際互聯網。

2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。

三、實驗原理。

通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。

四、實驗方法與步驟。

1)執(zhí)行“站點管理站點”命令,在彈出的“管理站點”對話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點”命令。

2)在彈出的“站點定義為”對話框中單擊“高級”選項卡。

3)在“站點名稱”文本框中輸入站點名稱,在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。

在“默認圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點”對話框。

4)在“管理站點”對話框中單擊“完成”按鈕,站點創(chuàng)建完畢。

五、實驗結果。

六、討論與結論。

實驗開始之前要先建立一個根文件夾,在實驗的過程中把站點存在自己建的文件夾里,這樣才能使實驗條理化,不至于在實驗后找不到自己的站點。

在實驗過程中會出現一些選項,計算機一般會有默認的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項的含義,以及它會造成的效果,否則會使實驗的結果失真。

實驗前先熟悉好操作軟件是做好該實驗的關鍵。

實驗二:頁面圖像設置。

一、實驗目的及要求:

本實例的目的是設置頁面的背景圖像,并創(chuàng)建鼠標經過圖像。

二、儀器用具。

1、生均一臺多媒體電腦,組建內部局域網,并且接入國際互聯網。

2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

設置頁面的背景圖像,并創(chuàng)建鼠標經過圖像。

四、實驗方法與步驟。

1)在“頁面屬性”對話框中設置頁面的背景圖像。

2)在頁面文檔中單擊“”插入鼠標經過圖像。

五、實驗結果。

六、討論與結論。

實驗結束后我們可以看到頁面的背景變成了我們插入的圖像,并且要鼠標經過的時候會變成另一個圖像,這就是鼠標經過圖像的效果。

當然這種實驗效果很難在實驗結果的截圖里表現出來。

這個實驗的關鍵在于背景圖像的選擇,如果背景圖像太大不僅會影響網頁的打開速度,甚至圖像在插入會也會有失真的感覺,因此在插入前對圖像進行必要的處理能使實驗的效果更好。

實驗三:表格制作。

一、實驗目的及要求:

本實例是要創(chuàng)建邊框為1像素的表格。

二、儀器用具。

1、生均一臺多媒體電腦,組建內部局域網,并且接入國際互聯網。

2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

創(chuàng)建邊框為1像素的表格。

四、實驗方法與步驟。

1)在文檔中,單擊表格“”按鈕,在對話框中將“單元格間距”設置為“1”。

2)選中插入的表格,將“背景顏色”設置為“黑色”(#0000000)。

3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設置為“白色”(#ffffff)。

4)設置完畢,保存頁面,按下“f12”鍵預覽。

五、實驗結果。

六、討論與結論。

本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果,間距的作用主要在于表現這種顏色差異。

表格的背景顏色和單元格的背景顏色容易混淆,在實驗中要認真判斷,一旦操作錯誤則得不到實驗的效果。

“表格寬度”文本框右側的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進行選擇,否則就不能達到自己想要的效果,設置錯誤就會嚴重影響實驗效果。

實驗四:創(chuàng)建錨點鏈接。

一、實驗目的及要求:

本實例的目的是創(chuàng)建錨點鏈接。

二、儀器用具。

1、生均一臺多媒體電腦,組建內部局域網,并且接入國際互聯網。

2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

創(chuàng)建錨點鏈接。

四、實驗方法與步驟。

1)在頁面中插入1行4列的表格,并在各單元格中輸入導航文字。

2)分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。

3)在文檔中輸入文字并設置錨記名稱“01”,按下“enter”鍵換行,輸入一篇文章。

4)在文章的結尾處換行,輸入文字并設置錨記名稱“02”,按下“enter”鍵換行,輸入一篇文章。

5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。

6)保存頁面,按下“f12”鍵預覽。

五、實驗結果。

六、討論與結論。

添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時也可以使頁面更加精簡。

本實驗的關鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果,同時要記得是在上一篇文章的結尾處輸入文字并設置瞄記名稱,并記得輸入對應的文章,否則瞄記可能不能用。

熟練程度低在實驗中不能很好地使用各種工具,無法一次準確地尋找到適當的位置。

實驗中忘記選擇“不可見元素”,幾次實驗都失敗,最后才得出正確的結論。

因此在實驗前要先做好預習,否則實驗過程會比較吃力。

實驗五:設置css樣式。

一、實驗目的及要求:

本實例的目的是通過設置css樣式創(chuàng)建表格的虛線邊框。

二、儀器用具。

1、生均一臺多媒體電腦,組建內部局域網,并且接入國際互聯網。

2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。

4、安裝acdsee、photoshop等圖形處理與制作軟件;。

5、其他一些動畫與圖形處理或制作軟件。

三、實驗原理。

通過設置css樣式創(chuàng)建表格的虛線邊框。

四、實驗方法與步驟。

1)在網頁中創(chuàng)建一個表格。

2)在“css樣式”面板中單擊“”按鈕,在彈出的對話框中進行設置,完成后單擊“確定”按鈕。

3)在彈出的對話框中進行設置,完成后單擊“確定”按鈕。

五、實驗結果。

六、討論與結論。

對話框中各項指標和屬性的設置存在一定的難度,如果沒熟練掌握就容易出錯使實驗失敗。

對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。

這個實驗成功的關鍵在于對軟件的掌握程度以及對各種屬性的認識程度,只要充分地掌握了軟件的各種操作,對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。

實驗六:創(chuàng)建表單。

一、實驗目的及要求:

本實例的目的是創(chuàng)建一個募捐表單。

網頁設計報告總結篇十一

真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果??傊畣栴}一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換,比如office97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網頁技術還差的遠,但是回顧一下這周真的學到了很多的東西。

網頁設計心得體會。我利用寒假的時間,對網頁設計進行了初步的認識和了解,并基本掌握dreamweaver的應用。

通過對網頁設計書籍的翻閱,我學習到了一些關于建設網站和制作網頁的知識,在實踐查閱資料時,對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解,對網頁制作的基礎知識也有了一定的掌握。在這個過程中,我同樣認識到網頁設計不是一門學科的獨秀,而是多種課程的綜合,他是、flash、fireworks等網頁軟件的綜合應用。

下面闡述一下我在翻閱《dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優(yōu)秀的網頁設計應該具備一些基本原則。

首先,要·確定網頁設計的內容一個優(yōu)秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么,所有頁面都是圍繞著這個內容來制作,有了明確的內容對排名有很重要的作用;其次,要了解你網站所在行業(yè)的客戶,及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

在完成以上的基本內容之后網頁的基本框架便成形成了,

下面要開始的便是優(yōu)化工作,

內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優(yōu)秀網頁設計是要建立在平凡的基礎上的。然后在具體的規(guī)劃一個網頁時,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其要制作一個大的網站(有很多頁面)的時候,特別需要把這個架構規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網站的架構,很浪費時間和財力。大綱列出來后,還必須考慮每個頁面之間的鏈接關系。是星形,樹形,或是網形鏈接。這也是判別一個網站優(yōu)劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發(fā)揮。框架定下來了,然后開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發(fā)展打下良好的基礎。下一步,就以動手制作具體內容了,題材選定,框架選定,接下來就開始往主頁里面填內容。

如果是個人主頁,有能力的人完全可以靠自己來創(chuàng)作所有的內容。大部分人的方法是:從報紙,雜志,光盤等媒體中把相關的資料收集整理,再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片,flash提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互性”強。在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。然后是開始正式制作主頁。通過dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

總體來說,通過這個假期對網頁設計的學習,有收獲也有遺憾。但是,我已經邁入了網頁設計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高,我堅信將來設計出的網頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。

網頁設計報告總結篇十二

實習目的。

:熟悉和掌握計算機網頁設計的基本技巧及網頁制作相關工具軟件等內容。培養(yǎng)我們利用計算機進行商務網頁設計的???基本思路和應用開發(fā)能力,提高我們的計算機文化素質。

網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多;網頁也是公司對外的臉面。web站點就像一棟房子,它的每一個窗口都可以看成一扇門,人們可以沿著搜索引擎其他web站點的鏈接,繞過主頁而進入web的深層。

一.網站的整體規(guī)劃。

1.討論網站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設計一個旅游網站。

2.定位網站ci形象:旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面,根據普羅旺斯夢幻般的意境,我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊:

1]首先要考慮整個網頁的長和寬,以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設置了。

3]正文的框架設置(橫向因素和縱向因素交錯)。

在瀏覽了很多精美的旅游網站之后,再結合自己的想法,我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創(chuàng)意:建立一個浪漫的旅行網站,走映像派路線,目的務必使瀏覽者留下映像。

二.網頁制作的前期策劃與準備。

1.資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景,fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件:

主頁制作的基本條件有:

硬件:

軟件:

圖像處理軟件:常用的有photoshop、flash、fireworks等;

文件上傳軟件:常用的有cuteftp、wsftp等。

真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果。總之問題一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換,比如office97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網頁技術還差的遠,但是回顧一下這周真的學到了很多的東西。

四.網頁的調試。

之前把作過的東西放到u盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

總結:在www上,不論你是資產上億的大公司,還是捉襟見肘的窮學生,只要你建立了自己的網頁,你們的地位就是平等的。經過這周的相關學習,我了解到網頁設計與制作是一門龐大的工程。網站的反饋與評價網站要注意經常維護更新內容、保持內容的新鮮,不要做好就放到服務器永遠不變了,只有不斷地補充、更新內容、才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術,以提高工作效率.一個真正的網站,不僅應該實現傳統(tǒng)媒體的電子化,給用戶提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數據傳遞,數據存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。

網頁設計報告總結篇十三

我第一次步入了社會,從此開始了面對社會、工作的生活。剛剛走入社會的.我是一個性格有些內向的人,面對陌生的人,我不善言辭,不會給自己的外表進行很好的包裝,不適合做那些銷售、接待的工作,只有技術類的工作,少說多干的活適合我,這個我很清楚?,F在,中國每年都有很多畢業(yè)的大學生找不到工作,我也不例外,所以,這第一次實習工作肯定不會太好找,但是相反,我的運氣還不錯。找到了一份網頁設計的工作?,F將我在工作中的情況報告如下。

一、工作介紹。

我工作的這家公司,從事網站開發(fā)工作的,公司在技術團隊這部分是比較正規(guī)的,一般是五到六人為一個小組,小組中有明確分工,有負責聯系客戶接恰生意的,有專門做技術的,而在技術這塊分為網站前臺、后臺開發(fā),我在學校主要做的是后臺開發(fā),當然前臺設計工作也還算熟練,但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發(fā)工作,這樣的網站技術難度不大,而且工作周期短,有相當一部分的,只需要通過cms軟件就可以進行開發(fā)。但是有個別的網站開發(fā)時,我們還是需要進行一些手寫代碼工作的。

二、開發(fā)技術。

做為一個剛畢業(yè)的大學生,我的知識儲備肯定有不足的地方,畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的,但好在我的領導對于我沒有太多的要求,他只是要求我盡快的適應公司的工作和生活,在短時間內熟練的掌握相關技術,干好本職工作。

在大學里對一個學生來說什么是最重要的,那就是學習能力。要知道,這個世界上,知識在發(fā)展,人類在進步,每天都在進行日新月異的變化,我們的知識儲備總會有不夠的地方,但是一定要有學習能力,將不會知識快速掌握,只有這樣才能占據主動,減少被動情況的尷尬發(fā)生,通過二個星期的時間,我成功的適應了公司的工作和生活節(jié)奏,每天早九點上班,晚17:30下班,中午休息一個半小時,每周還有兩天假期。我利用業(yè)余時間,抓緊學習,將工作中所需要的技術進行了強化學習,其實這些東西在學校的時候就接觸過,只是不精通。那個時候學的東西多,難免有個主次之分,這次工作了,才知道哪個應該多學點,但好在我都有學過,所以有個好的基礎在這里,也就不怕了,比如說:flash,公司要求技術人員會做flash,flash這東西以前我在宿舍的時候經常玩的,可是后來在分析就業(yè)情況時,分析錯了方向,以為這東西沒有什么用處,結果就給荒廢了。但好在還有印象,并且當初記了很多的筆記,所以說記筆記是很重要的事情。而其它像javascript、ml、數據庫這些東西我都學過,只是實踐能力稍差一點,但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境,和半個月的刻苦學習,我終于可以感上小組的工作進度了,已經可以很好的完成領導教給我的任務了。

像我這個組常用的是css+span排版,后臺使用php技術進行開發(fā),服務器平臺采用,linu+apache+mysql+php,這種lamp組合,我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版,這種方式簡單但是已經有些過時了,現在大部分網站都開始了重新構架,所以都采用css+span進行網頁排版,我目前正在學習,掌握的還算比較快。而在后臺開發(fā)部分,我們使用php來進行開發(fā),我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。

三、工作流程。

小組分工時,我負責后臺里小模塊的開發(fā)工作,如:留言板或論壇,還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作,使用css+span技術。編寫代碼這種工作看起來有些枯燥,其實時間長了以后,還真有點厭煩,但是后來我明白,只有將自己的本職工作做好,提高自己的技術,做出優(yōu)良的東西,這樣自己才會有價值感,才會對自己的工作保持新鮮感。所以我每天都在工作后,記錄下每天在技術上的不足之處,回家后,將強學習,這所謂:找出不會的地方,學會它,你就變的強大了。

php是現在比較流行的一種網站開發(fā)技術,由于它是開源的免費代碼,并因良好的跨平臺性能受到了大重的喜歡,我個人認為php很簡單,適合初學者學習使用,但是在某些地方想要做好,就需要你認真的學習了。目前,我負責的只是技術性較低和規(guī)模較小的模塊,不過,我覺得從簡單處做起也挺好的,但是我在寫代碼時,還是經常犯些小錯誤,導致代碼頁面經常出錯,而自己往往還找不到是哪錯了,有幾次急的都不行,不管怎么弄,結果就是錯誤,后來我才發(fā)現,原來只是一個小錯誤,小的不仔細察看,我都找不到。于是我明白,做開發(fā)工作,一定要細心,否則就會給自己和別人帶來麻煩。

四、安全檢查。

漏,很有可能導致網站在實際使用時,遭到黑客攻擊,如果造成了經濟損失就無法挽救了。

所以,我們每個人在將各自的工作完成以后,組長和其它專門的技術人員會對網站的安全性進行測試,找出存在的漏洞,然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。

在公司進行實習工作的這段時間,我在個人技術上收獲了很多,現在的我已經能獨檔一面了,做一些難度比較大的工作,我通過優(yōu)異的表現,已經轉為正式員工,我對自己的表現感到滿意,最重要的是我給自己的學校爭了光,但是在社交能力方面,溝通能力上還有不足的地方。我決定在今后的工作和學習,要加強和別人的溝通能力。使自己變的更好,為國家為社會做出更多的貢獻。

網頁設計報告總結篇十四

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

1、視聽元素。

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

術,用來在網頁中播放多媒體。目前active_已經成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網頁之中的小應用程序,相比于插件和active_,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景??傊?,技術的不斷發(fā)展使多媒體元素在網頁設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。

2、版式設計。

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

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

網頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現形式、運行方式和社會功能的不同,網頁設計又有其自身的特殊規(guī)律。網頁的藝術設計,是技術與藝術的結合,內容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:。

1、主題鮮明。

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

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

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

優(yōu)秀的網頁設計必然服務于網站的主題,就是說,什么樣的網站,應該有什么樣的設計。例如,設計類的個研究站點與商業(yè)站點性質不同,目的也不同,所以評論的標準也不同。網頁設計與網站主題的關系應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產物,就是說,即要“美”,又要實現“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網頁為目的。它的主題只有一個,就是——美。只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合,或者只重視網頁形式上的條理而淡化主題思想的邏輯,都將削弱網頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網頁設計或使網頁設計以失敗而告終。要使網頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

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

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用于內容。一個優(yōu)秀的設計必定是形式對內容的`完美表現。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象征變成相似于精神生活的有關環(huán)境。”(黑格爾第三卷)一方面,網頁設計所追求的形式美,必須適合主題的需要,這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,生能體現出網頁設計獨具的分量和特有的價值。另一方面,要確保網頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能并體現美感生能實現形式與內容的統(tǒng)一。

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

網頁設計報告總結篇十五

實習目的1、通過實習,使學生加深對所學課程內容的認識、理解、掌握,達到對所學知識、技能系統(tǒng)化、條理化的目的,鞏固、提高學習效果。

2、通過綜合應用實習,熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網頁的技能,根據所學技能學以致用,解決實際問題,提高操作應用熟練程度。

知道dreamwervermx8是及網頁制作和網站管理于一身的網頁制作軟件,它是專門為網頁設計師量身定制的可視化網頁制作軟件,利用它可以為方便、快捷地制作跨平臺話瀏覽的動感網業(yè)。

了解fireworks是處理圖片的軟件,使用它可以創(chuàng)建和編輯位圖、矢量圖形,還可以非常輕松的做出各種網頁設計中常見的效果,例如動畫、轉換圖像、導航條、下拉菜單等。設計完成以后,如果要在網頁設計中使用,可將它輸出為teml文件,還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。

通過對flash的學習,掌握如何處理矢量圖形,制作矢量動畫,掌握如何添加音樂、時動作控制在flash內容和集成flash影片,了解actionscript腳本語言創(chuàng)建交換形式、在實習的過程中鞏固了對前面的知識的學習,加深對知識的了解,進一步對網頁設計的見解,也突出了個人的特點,運用所學的知識做出了讓自己滿意的作品。

四、實習內容及方法。

一、實習任務:

1、通過仔細閱讀網頁設計及網站規(guī)劃課程教材、網上資料、教參等相關內容,加深對相關概念的理解、理論的理解、掌握、運用。

2、嚴格按照實習指導書的相關要求,完成了各項綜合操作,并將相應圖像制作、動畫制作和頁面設計的作品進行了保存。3、及時積極完成各項實習報告的撰寫。

4、實習結果及實習項目嚴格按照要求及時保存、展示。

二、實習內容:

(一)、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網站。(二)、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。

1、創(chuàng)建一個站點:

站點的名稱就是“惠兒網站”,站點創(chuàng)建成功命一個首頁是再下面創(chuàng)建了5、、、、。其示意圖如下:

2、網頁中的圖像處理:

利用photoshop、和fireworks通過處理風景圖。

在里面運用到濾鏡的工具目的是讓圖片更加的形象逼真,處理后的圖片效果如圖所示:

3、布局與表格的編排:

在網頁設計中我偏好用表單編排一般情況下我的布局是在一個大的表單里寫很多文字插入許多圖片。其版面如圖所示:

1.

二級頁面制作方法如法炮制。4、網頁的鏈接。

網站中重要的就是各個子網頁與主頁面之間的鏈接,如果沒連接好或者鏈接錯誤就會影響整個網站運行的效果。列如我要把產品列表這個二級網頁跟主網頁鏈接方法如下:

回到/點擊頁面右下方的鏈接文件夾,找到我要鏈接的二級網頁。

打開/鏈接后我的鏈接字體會變成我所設置的字體顏色,這樣表明我的鏈接成功。

預覽后在主頁面點擊“產品列表”就會顯示到我的產品列表二級頁面。

其他頁面方法同上。

產品列表:將“產品列表”同首頁進行鏈接,然后預覽成功!郵箱登陸:將“郵箱登陸”同首頁進行鏈接,然后預覽成功!

聯系我們:將“聯系我們”同首頁進行鏈接,然后預覽成功!

公司簡介:將“公司簡介”同首頁進行鏈接,然后預覽成功!

5、層與行為的應用。

“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。

2)選擇“查看”----“標尺”----“顯示,打開標尺”

3)選擇“查看”----“網絡”----“顯示網絡”,4)在“網格設置”對話框中,選中“顯示網格”和“靠齊到網格”

5)為了防止層的重疊,需要打開“層”面板。選擇“窗口”,“層”,打開層面板。

1)打開flash軟件,在里面建立8個圖層。并且準備一副適合做標示的圖片。

2)在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開始。

插入關鍵幀25幀結束,在第10幀上寫入“同”字,在25幀上寫“心”字,再回到第10幀創(chuàng)建補間動畫。在圖層3上創(chuàng)建幀從25幀到40幀結束在25幀上寫“協(xié)”字創(chuàng)建關鍵幀到40幀寫“力”字,再返回到25幀創(chuàng)建補間動畫。在圖層4上從40幀到55幀結束在40幀上寫“共”創(chuàng)建關鍵幀到55幀寫“創(chuàng)”字,在圖層7上從第十幀開始插入關鍵幀25幀結束,在第10幀上寫入“輝”字,在25幀上寫“煌”依次而下做到160幀。

3)幀做好后敲擊enter鍵就可以播放flash動畫,如果想插入網頁就。

按步驟走,文件—導出—導出影片,/最后點擊保存。

在這里我給自己的網頁設計的特效是讓一行字體在來回跑動方法如下:

1)選中你要設計特效的字體選擇工具欄上的標“簽選擇器”,“html”插入,關閉。

2)然后預覽就會出現從右到左的字幕。8、控制多個影片的播放。

制作的方法:

網頁分隔線可以說是網頁中不可缺少的元素,它主要用于分隔網頁內容也可以用于裝飾網頁。在網頁中插入一個層,然后在層中插入一個表格,設置表格的間距,然后在表格的單元格中插入圖片,設置時間軸。調出時間軸,在時間軸必要的地方添加改變屬性行為,并設置層對象的屬性添加行為和改變屬性。

五、結論。

1、收獲。

photoshop、fireworks、dreamweaver、flash的應運更加熟練.在制作網站的過程中,我們參照老師給的惠爾公司網站圖片,盡可能地想把我們自己的網站做的美觀、內容豐富。網頁制作需要有很多的色調搭配能力和很好的布局能力,再加上自己的風格創(chuàng)新能力,才能做出精美的網站。在這幾天的實習中,我學到無論作什么事都要有細心有耐心。尤其是在新疆停網的狀態(tài)下,搜集不到素材,所以,在網頁的制作上還是有一定的局限性。網站的布局上我也突出了自己的特點。尤其是在制作flash的時候老師給予了很大及時的幫助,讓我在制作的時候不至于給我?guī)砗艽舐闊M瑫r,也希望我們能利用我們學習的知識技能更好的為學院,為同學們服務,也希望我們能夠互相學習,互相取長補短,使我們每個同學能夠更好的進步。

2、不足。

在實習中我發(fā)覺網站的制作過程中,1、自己腦袋里沒有裝東西(網站的綜合布局、網頁的構思和編排)。

甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫然。

2、自己的閱歷不夠,自己的網站應該是一個怎樣的網站,里面要放。

些啥內容,該怎樣去組織這些內容,心里沒底。

3、尤其是老師在前面教過的內容自己沒有及時的練習和鞏固,以至。

片都不能做出自己想要的效果。最重要的是在制作網頁的時候,色彩搭配特別重要,而我自己對顏色的搭配不是很了解,感覺做出的東西老是顏色深的地方特別深,淡的地方特別淡,感覺不協(xié)調。

5、新疆停網的原因,使我們在素材的搜集上變得很被動,所以導致。

做出的東西很簡單,所以我覺得,知識應用的全部全還要看準備是否充分。

6、在以后的學習中我會更加認真地去學習,去掌握這些軟件的用法,便于在以后做東西的時候能更好地運用。

六、致謝。

在網頁實習結束的時候我要感謝辛勤的班主任老師,在這個學期代我們的網頁設計以外還代了很多別的課,所以很辛苦,在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網頁設計的興趣也非常的濃厚,在實習中我發(fā)現很多同學的網站做的很好很有特色,這都少不了老師的指導。在老師的帶領下我們學到很多書本上學不到的東西,相信在以后找工作中我們會多了一個籌碼。

其次,要感謝學校給我們安排了期末的課程實習,讓我們能在學期末重新溫習和總結整個一學期以來學習的知識,并且總結自己的不足,在以后的學習中能夠加以改正和補充。

最后,再次感謝學校和指導的老師!

網頁設計報告總結篇十六

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

1、視聽元素。

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

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

2、版式設計。

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

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

網頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現形式、運行方式和社會功能的不同,網頁設計又有其自身的特殊規(guī)律。網頁的藝術設計,是技術與藝術的結合,內容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:。

1、主題鮮明。

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

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

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

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

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

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

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

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

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

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

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

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

3、強調整體。

網頁的整體性包括內容和形式上的整體性,這里主要討論設計形式上的整體性。

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

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

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

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

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

2、多維性。

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

3、多種媒體的綜合性。

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

4、版式的不可控性。

網頁版式設計與傳統(tǒng)印刷版式設計有著極大的差異:。

(2)網絡正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;。

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

這一切說明,網絡應用尚處在發(fā)展之中,關于網絡應用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導致網頁版式設計的不可控制性。其具體表現為:。

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

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

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

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

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

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

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

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

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

技術與藝術的緊密結合在網頁設計中體現得尤為突出。

網頁設計報告總結篇十七

網站主題就是要建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對于個人網站,不可能像綜合網站那樣做得內容大而全,包羅萬象。我們沒有這個能力,也沒這個精力,所以必須要找準一個內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是客戶感興趣的,任何內容都可以,但主題要鮮明,在一定的主題范圍內,內容做到大而全、精而深。

明確了網站的主題以后,就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓客戶的網站有血有肉,能夠吸引住用戶,就要盡量搜集材料,搜集得材料越多,以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯網上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網頁的素材。

一個網站設計得成功與否,很大程度上決定于設計者的規(guī)劃水平,規(guī)劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規(guī)劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,而只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。如何規(guī)劃網站的每一項具體內容,我在以后會有詳細介紹。

盡管選擇什么樣的工具并不會影響設計網頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多,首先就是網頁制作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當然是dreamweaver和frontpage了,如果是初學者,frontpage20xx是首選。除此之外,還有圖片編輯工具,如photoshop、photoimpact等;動畫制作工具,如flash、cool3d、gifanimator等;還有網頁特效工具,如需要有聲有色的效果,網上有許多這方面的軟件,可以根據需要靈活運用。

材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改。在制作網頁時要多靈活運用模板,這樣可以大大提高制作效率。

網頁制作完畢,最后要發(fā)布到web服務器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁制作工具本身就帶有ftp功能,利用這些ftp工具,可以很方便地把網站發(fā)布到自己申請的主頁存放服務器上。網站上傳以后,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發(fā)現問題,及時修改,然后再上傳測試。全部測試完畢就可以把網址告訴給朋友,讓他們來瀏覽。

網頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的人認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。還有個是我們公司的特色,在網上推排名,這個宣傳效果也很顯著,人們只要輸入關鍵字最先看到的鏈接,則就是我們公司推上去的鏈接,很好用,訪問量大大提升。

通過目前的實習,在設計方面我感覺自己有了一定的收獲,也為了我今后在工作及業(yè)務上能力的提高起到了促進的作用,增強了今后的競爭力,為能在以后立足增添了一塊基石。

但我也認識到,要想做好這方面的工作單靠目前幾月的實習是不行的,還需要我在平時的學習和工作中一點一點的積累,不斷豐富自己的經驗才行。我面前的路還是很漫長的,需要不斷的努力和奮斗才能真正地走好。

網頁設計報告總結篇十八

?跟學習別的東西一樣,學習網頁設計也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。

?學習網頁設計需要耐心,如果你沒有耐心,你學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了半個月時間才解決。

?現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.注重實用,個人認為網頁設計應該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。

? 我提倡簡單的美。

?申明 我也是個網頁設計初學者,并不是什么設計名師,這是我個人的灼見。

? 有什么不對的地方,還請大家

??見諒。

真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果。

總之問題一籮筐。

實踐出真知,原來自己還有那么多欠缺的知識。

于是回歸本源,先把課本上的東西弄通再談其他。

然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。

要注意,網上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換,比如office 97的照片編輯器。

把準備在主頁上出現的'圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。

雖然自己的網頁技術還差的遠,但是回顧一下這周真的學到了很多的東西。

網頁的調試

之前把作過的東西放到u盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

1.討論網站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設計一個旅游網站。

2.定位網站ci形象:旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。

于是在網頁設計上面,根據普羅旺斯夢幻般的意境,我采用的是清新雋永的ci形象。

使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊:

1]首先要考慮整個網頁的長和寬,以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設置了。

3]正文的框架設置 (橫向因素和縱向因素交錯)

在瀏覽了很多精美的旅游網站之后,再結合自己的想法,我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創(chuàng)意:建立一個浪漫的旅行網站,走映像派路線,目的務必使瀏覽者留下映像。

1.資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。

接著就搜集了一些有夢幻效果的網頁背景,fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件:

主頁制作的基本條件有:網頁設計實習總結

文件上傳軟件:常用的有cuteftp、wsftp等。

【本文地址:http://www.aiweibaby.com/zuowen/11735207.html】

全文閱讀已結束,如果需要下載本文請點擊

下載此文檔