有效的報告能夠幫助決策者做出明智的決策,并為后續(xù)的工作提供指導和依據(jù)。報告需要按照邏輯和結(jié)構(gòu)清晰的方式展開,以幫助讀者理解信息的體系和關(guān)聯(lián)。報告范文中的寫作風格和結(jié)構(gòu)是值得我們學習和借鑒的。
網(wǎng)頁設(shè)計報告總結(jié)篇一
真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產(chǎn)生效果。總之問題一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網(wǎng)頁設(shè)計一個引導頁。
然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉(zhuǎn)換,比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.
在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠,但是回顧一下這周真的學到了很多的東西。
網(wǎng)頁的調(diào)試代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓,合格扣就可以正式上班了。
(二)三天的培訓工作。
三天后,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。
(三)最后的考核。
三天的培訓后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。
考核的內(nèi)容,就是在公司的商務網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的'提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。
三、正式工作。
我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3--4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。
四、業(yè)余的生活。
每天的工作都是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結(jié)束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。
五、工作心得體會。
實習期結(jié)束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。
報告人:
時間:xx年xx月xx日。
網(wǎng)頁設(shè)計報告總結(jié)篇二
網(wǎng)頁設(shè)計心得體會。
我利用寒假的時間,對網(wǎng)頁設(shè)計進行了初步的認識和了解,并基本掌握dreamweaver的應用。
通過對網(wǎng)頁設(shè)計書籍的翻閱,我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,在實踐查閱資料時,對flash也有所了解。
我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。
通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。
尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。
在這個過程中,我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀,而是多種課程的綜合,他是、flash、fireworks等網(wǎng)頁軟件的綜合應用。
下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。
在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應該具備一些基本原則。
首先,要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風站要有一個明確的主題。
整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用;其次,要了解你網(wǎng)站所在行業(yè)的客戶,及你的網(wǎng)頁屬于哪個類別。
用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了,
下面要開始的便是優(yōu)化工作,
內(nèi)容是整個網(wǎng)頁的核心。
在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。
優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。
然后在具體的規(guī)劃一個網(wǎng)頁時,可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來,尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候,特別需要把這個架構(gòu)規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu),很浪費時間和財力。
大綱列出來后,還必須考慮每個頁面之間的鏈接關(guān)系。
是星形,樹形,或是網(wǎng)形鏈接。
這也是判別一個網(wǎng)站優(yōu)劣的重要標志。
鏈接混亂,層次不清的站點會造成瀏覽困難,影響內(nèi)容的發(fā)揮。
框架定下來了,然后開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發(fā)展打下良好的.基礎(chǔ)。
下一步,就以動手制作具體內(nèi)容了,題材選定,框架選定,接下來就開始往主頁里面填內(nèi)容。
如果是個人主頁,有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。
大部分人的方法是:從報紙,雜志,光盤等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。
另外一個好的方法是從網(wǎng)絡(luò)上收集,您只要到搜索引擎上查找相應的關(guān)鍵字,就可以找到一大堆的資料。
在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片,flash提供了功能齊全的繪圖和編輯圖形工具。
可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互a性”強。
在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。
然后是開始正式制作主頁。
通過dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。
總體來說,通過這個假期對網(wǎng)頁設(shè)計的學習,有收獲也有遺憾。
但是,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高,我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。
不知不覺,二個星期的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁這門課學好,做出一個優(yōu)秀的網(wǎng)站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設(shè)計網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點,可能有人會說我傻,但正因為這個傻的行動,令我學會很多東西,學會別人不懂的東西,做出一個令自己滿意的網(wǎng)站,可能跟別人比還需要繼續(xù)完善,但我不會因為實操結(jié)束,就把網(wǎng)頁設(shè)計拋到九霄云外,我會繼續(xù)學習網(wǎng)頁設(shè)計技術(shù),把它變?yōu)樽约旱囊豁椞亻L。
回顧第一天的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程實操,老師叫我們繼續(xù)完善以前設(shè)計的網(wǎng)站,做出留言板、注冊的功能。
我很快就完成了,但可能我是一個追求完善的人,所以盡管一個網(wǎng)站做好可以馬上交給老師。
但我做出一個別人都不贊同的決定,從頭開始做一個網(wǎng)站。
因為我覺得以前那個真的不是太好,盡管實操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先:
一、必需進行個人網(wǎng)站前臺功能設(shè)計
包括個人網(wǎng)站主題的確定,前臺功能設(shè)計與管理、個人網(wǎng)站主頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。
二、對個人網(wǎng)站后臺管理功能設(shè)計
包括個人網(wǎng)站后臺管理功能的設(shè)計、后臺管理信息系統(tǒng)功能的設(shè)計、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。
第一次做的那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了,就要對個人網(wǎng)站進行推廣,這是一個電子商務網(wǎng)站必需做得的一步,因為如果你不對你的網(wǎng)站進行推廣,就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個網(wǎng)站時真的體會很多東西,從一開始網(wǎng)頁主題的確定,到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。
我都一一進行了規(guī)劃,因為如果你不規(guī)劃好,想做什么就做什么,是不會做得好的。
因我為體會到這一句話:“機會中屬于有準備的人”。
我詳細到一個表格寬度都一一列明。
例如:775寬度,分三欄,每一欄占多少。
因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了,所以今次在做就比較輕松,但我以前是經(jīng)過一個比較長的練習,做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。
第一次我用的是access數(shù)據(jù)庫,第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理,第三次我用的是數(shù)據(jù)源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習,不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學提出的問題解決到,也不會輕松教會同學,因為你自己首先學會,學通,學廣,才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候,但不是為我自己的而做,而是一步一步教同學做,直到令同學學懂;把同學留言板的問題一一解決;當同學因為做不出而沒心情,過去對她進行鼓勵的,然后一一解決;當自己也不會,與同學共同研究的情況,這種學習氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對,用心做事才能把事情做好。
把每一件簡單的事情做好就是不簡單,把第一件平凡的事情做好就是不平凡。
網(wǎng)頁設(shè)計報告總結(jié)篇三
近一個星期的實訓將要結(jié)束了,頂著考研考試的巨大壓力我們小組還是如期的完成了老師的要求,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲??傮w來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
做好頁面,并不是一件容易的事,它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。本次課程設(shè)計不是很好,頁面過于簡單,創(chuàng)新意識反面薄弱,這是我需要提高的地方。需要學的地方還有很多,需要有耐心、堅持,不斷的學習,綜合運用多種知識,才能設(shè)計出好的web頁面。
prettyhair來維護數(shù)據(jù)庫安全可靠。同時,prettyhair也是一家以提倡健康、漂亮頭發(fā)的信息資訊類公司,您可以在這里獲取如何保養(yǎng)頭發(fā)的相應信息,以及各種發(fā)型的圖片相關(guān)介紹,還有各種護發(fā)用品。于是網(wǎng)站主題確立。然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,個人檔案、興趣愛好、成長經(jīng)歷、國家隊生涯、榮譽、職業(yè)生涯數(shù)據(jù)、轉(zhuǎn)會記錄,再加入個別網(wǎng)站等,每一部分又分幾小部分,內(nèi)容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關(guān)網(wǎng)站,收集關(guān)于c羅的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網(wǎng)站的布局,特色,顏色搭配,背景圖等。
再后是制作網(wǎng)頁了,使用dreamweaver制作。首頁內(nèi)容精彩豐富,簡潔明快,語言風趣,通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務,一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
還有,在最超鏈接過程中,明明在頁面屬性里設(shè)置的是超鏈接的文字是原色,點擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實驗,終于知道怎么回事了,原來應該對文字所在的單元格整體做鏈接,而不是只選中文字做鏈接。這次的網(wǎng)站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。
制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用,操作,可這樣要修改模版可就麻煩了,要一個網(wǎng)頁一個的修改,于是趕緊上網(wǎng)學習相關(guān)內(nèi)容,閱覽書籍,最后才知道文件這有個資源,點擊進入資源面板,點擊到數(shù)第二個的模版,選項,所有模版就都顯示了,點擊資源面板左下角的應用命令,好了,這個模版就應用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一,其它問題也是類似相同。現(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
網(wǎng)頁設(shè)計報告總結(jié)篇四
學習如何通過選擇正確的格式,來優(yōu)化網(wǎng)頁圖片,并確保文件大小在可行的范圍你是足夠小的。雖然現(xiàn)在人們已經(jīng)都在使用寬帶,但仍然有人是撥號上網(wǎng)。
此外,雖然移動裝置技術(shù)的普及,但移動裝置卻不一定支持像寬頻一樣的速度,圖片文件的大小可能還是會延長網(wǎng)頁的加載時間,有可能把用戶趕走的。
這里有個選擇適合的文件格式的技巧:如果圖片是單色,那最好保存成png或者gif格式;如果是連續(xù)性的色調(diào)(如照片)則最好保存成jpg格式。
有很多的工具可以幫助你進一步優(yōu)化你的圖片,降低他們的文件大小。可以參考這個工具列表來幫助優(yōu)化你的圖片。
盡量把圖片數(shù)量減到最低,并且靈活使用圖片,并且盡可能地減小文件大小。如此一來,將可以大大的減少頁面的讀取時間和改善網(wǎng)頁的性能。
2.保持干凈和簡單(即:簡潔)。
一個好的網(wǎng)頁設(shè)計不光只是看起來好看而已,還要是用戶友好型的。通常來說,一個干凈、簡單的網(wǎng)頁設(shè)計最終會成為一個可用性高的網(wǎng)頁設(shè)計,因為它在與用戶的交互中不會使其產(chǎn)生混淆。
當頁面上有太多的網(wǎng)站功能和組件時,將會分散網(wǎng)站用戶的注意力而失去原本瀏覽網(wǎng)站的目的。
確保每個頁面元素都有其目的,然后問自己以下問題:
1.是否真的需要這個設(shè)計么?2.這是什么組件是做什么用,它如何協(xié)助用戶瀏覽?
3.如果我突然刪除這個組件,大多數(shù)人會希望它“回來”嗎?
4.如何把這些元素和目標、消息和網(wǎng)站的`宗旨互相結(jié)合?
此外,盡管它可能是一個超酷的新概念或界面設(shè)計模式,但你還是要確保對你的用戶而言該設(shè)計仍然是方便和直觀的。
人們習慣于通用性的交互模式、網(wǎng)站功能、和網(wǎng)絡(luò)接口,如果你的設(shè)計的確很獨特,確保它不是太模糊和晦澀。要有創(chuàng)意,但還要保持簡單。
3.導航(條/欄)是最重要的設(shè)計。
一個網(wǎng)站最重要的部分就是整個網(wǎng)站的導航。沒有它,無論在哪個頁面中,用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這明顯的實際方向,我們將討論一些建構(gòu)網(wǎng)站導航時重要的點。
首先,在網(wǎng)站的導航結(jié)構(gòu)上,投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識,但仍然有很多設(shè)計師想當然地設(shè)計網(wǎng)站導航。
擺放位置、風格、所用技術(shù)(javascript或css)、可用性和網(wǎng)頁易讀性,這些是你制作導航設(shè)計時需要考慮的。
在沒有css的狀況下,你的導航設(shè)計應該也是可用的,這是基于文字基礎(chǔ)的瀏覽器相容性。你可以盡量去嘲笑文字基礎(chǔ)的瀏覽器,但它們在很多的移動設(shè)備上還是流行的。也許更為重要的是,對屏幕用戶來說(99.99%的情況下),沒有css的導航功能照樣可用訪問。
在沒有客戶端技術(shù)情況下(如javascript或flash),導航功能應該容易進入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。
所以,制定一個導航系統(tǒng)可以放置的良好位置是必須的,例如放在一個顯眼可見的地方。一個好的導航功能,只要網(wǎng)頁載入就出現(xiàn),而不需要鼠標再向下滾動。這是為什么頁面要保持干凈和簡單的重要作用,一個復雜且非常規(guī)的設(shè)計可能會讓用戶困惑。
哪怕只有一瞬間,用戶也必定不會納悶:“網(wǎng)站導航在哪里?”
最后,對網(wǎng)站建立階層結(jié)構(gòu),多層次的管理。確保它在父層與子層之間易于導航。此外,不管在哪一個網(wǎng)頁當中,也應該能很容易到達最高層的頁面(例如網(wǎng)站首頁)。
最主要的目標就是你的網(wǎng)站導航,盡可能減少操作(動作),努力而讓用戶到達他想要瀏覽的內(nèi)容。
4.明智和有條理地使用字體。
雖然有成千上萬的字體,但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅持使用網(wǎng)頁安全字體。
如果你不喜歡網(wǎng)頁安全字體,可以考慮利用sifr或cufon逐步增強的網(wǎng)頁設(shè)計。
保持字體的一致性,確認標題和段落的內(nèi)容看起來有所不同。使用空白、調(diào)整行高、字體大小和字母間距屬性,使用戶輕松愉快地閱讀和掃描內(nèi)容。
也許一個網(wǎng)頁設(shè)計師常常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內(nèi)容都塞在一個網(wǎng)頁中呈現(xiàn),所以我們有時設(shè)置字體大小而讓用戶感覺到不舒服。
如果可能的話,盡量保持字體大小12像素以上,特別是對段落內(nèi)容。雖然很多沒有遇到因為字體太小而造成閱讀上的困難,但是想想老人家、近視眼和其他類似視覺障礙的族群吧。
5.理解色彩無障礙性。
說完字體后,我們還需要指出使用正確顏色的重要性。例如,黑色文字在白色背景,如果使用高對比度,橙色背景上的紅色文字會令你的眼睛感到緊張。
此外,使用一些對特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck,可以測試某些類型的色盲)。
有些色彩組合只適合運用在前景色的部分,而不適合做背景色。舉個例子來說,深藍色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍色的背景,都是使用兩種一樣的顏色,但用在不同的部分則影響了它的可讀性和閱讀的舒適度。
重要的是,不僅要使用良好的色彩組合,而且要把它用在頁面中的合適元素上。
6.知道如何編寫代碼。
隨著各種所見即所得的網(wǎng)頁編輯器充斥市場,網(wǎng)頁設(shè)計已經(jīng)成為簡單的1-2-3步驟就能設(shè)計好一個網(wǎng)站。然而,大多數(shù)網(wǎng)頁編輯器摻雜了不必要的代碼,使你的html結(jié)構(gòu)設(shè)計不當,難以維護和更新,導致網(wǎng)頁膨脹。
通過自己編寫的網(wǎng)頁代碼,能得到簡潔的代碼,能夠愉快方便地閱讀和維護。你可以自豪地說是自己寫出來的代碼。
但知道如何使用所見即所得的ide或預覽功能并不會妨礙學習html和css。你要知道發(fā)生了什么事情,才能創(chuàng)造有效并高度優(yōu)化的網(wǎng)頁設(shè)計。
7.不要忘記搜索引擎優(yōu)化。
在設(shè)計網(wǎng)站時,一個好的網(wǎng)頁設(shè)計師應該永遠牢記基本的seo概念。例如,網(wǎng)頁內(nèi)容結(jié)構(gòu)、用文字表示標題(即網(wǎng)頁的標題和標志)。
此時,以前學習的如何合理編碼的能力就派上用場。認識正確、語義和基于標準的html/css后,你會很快認識到span比表格布局好得多,不僅更為準確地展現(xiàn)內(nèi)容,而且對搜索引擎排名也有幫助。另外,知道用css更換背景、文字和圖片也是一個好主意。
8.理解人是沒有耐性的。
普通人用幾秒鐘就決定是否要閱讀更多網(wǎng)頁內(nèi)容或到另一個網(wǎng)站。因此,作為一個網(wǎng)頁設(shè)計師,要有個好方法,能在這珍貴的幾秒鐘鼓勵用戶選擇前者(看更多內(nèi)容)。
要知道,如果用戶在網(wǎng)頁頭部看不到感興趣的內(nèi)容,沒有多少人會向下滾動,去查看整個網(wǎng)頁的內(nèi)容。
所以,在網(wǎng)頁頭部很容易看到的地方放置網(wǎng)站上的重要元素,但也不要過度擁擠在上半部分網(wǎng)頁,否則會嚇到用戶,而不會往下繼續(xù)看內(nèi)容。記住上半部分網(wǎng)頁設(shè)計的賣點:視其為推銷員,使人們有購買想法,即他們想在你的網(wǎng)站上看到什么。
9.了解(并意識到)瀏覽器的兼容性。
當一個網(wǎng)頁設(shè)計師必須要知道的一件事,就是你的工作環(huán)境(瀏覽器)是挑剔和難以預料的。如果你的網(wǎng)頁設(shè)計只能運行在的幾種網(wǎng)頁瀏覽器,那是不夠的,你需要盡可能多瀏覽器下測試。這里有一款工具browsershots,可以測試瀏覽器兼容性。
10.使設(shè)計有靈活性和可維護性。
一個好的網(wǎng)頁設(shè)計師可以確保以后可以很容易更新或修改網(wǎng)站。設(shè)計一個有可塑性、易于維護的網(wǎng)站,是一個偉大網(wǎng)頁設(shè)計師的標志。讓你的工作盡可能從結(jié)構(gòu)化轉(zhuǎn)向模塊化。
網(wǎng)頁設(shè)計這個行業(yè)是動態(tài)的,而且還很“年輕”。事情往往在短暫中變化。牢記這種思想,將推動建立更加靈活的網(wǎng)頁設(shè)計。
網(wǎng)頁設(shè)計報告總結(jié)篇五
來公司擔任網(wǎng)頁設(shè)計師一職快3個月了,時間雖不長,可我學到了很多東西。每個人都是在不斷的總結(jié)中成長,在不斷的審視中完善自己。在這幾個月的時間里,我也是在總結(jié)、審視中腳踏實地地完成好本職工作,總結(jié)如下:
一、思想方面:
嚴格按照一個網(wǎng)頁設(shè)計人員應有的素養(yǎng)來約束自已,愛崗敬業(yè),具有強烈的責任感和事業(yè)心,積極主動認真的學習專業(yè)知識,工作態(tài)度端正,認真負責,聽從公司的安排,任勞任怨。
二、工作方面:
熱愛自己的本職工作,能夠正確認真的對待每一項工作,工作投入,熱心為大家服務,認真遵守勞動紀律,按時上下班,有效利用工作時間,堅守崗位,需要加班完成工作按時加班加點,保證工作能按時完成。
在技術(shù)型團隊中,技術(shù)不是萬能的,但是沒有技術(shù)是萬萬不能的。技術(shù)跟人品同等重要,技術(shù)水平是受人重視和尊重的重要砝碼。請牢記:“如果一個技術(shù)人員在一兩年內(nèi)都沒有更新過自己的知識,那么,其實他已經(jīng)不再屬于這個行業(yè)了。”不要告訴自己沒有時間,時間就像海綿里面的水,所以,堅持學習專業(yè)知識。20xx年的目標就是高效、完美的完成自己的本質(zhì)工作。
二、工作中的不足:
雖然通過三個月的努力,技術(shù)水平有所提高,但是還是存在很多不足的地方,因為基礎(chǔ)打的不夠好,很多地方學習起來有些吃力,不停的問同事,也給別人帶來了不少麻煩,因為知識的不足,使得開始的學習有些混亂,感覺不知道從哪里開始學起,無從下手,浪費了不少時間!
網(wǎng)頁設(shè)計報告總結(jié)篇六
(4)擔任講解工作;
(5)領(lǐng)導交辦的其他工作。通過完成上述工作,使我認識到一個稱職的招商主管應當具有良好的語言表達能力、流暢的文字寫作能力、網(wǎng)站建設(shè)維護能力、大型活動的策劃及籌備能力。目前我在網(wǎng)站建設(shè)、大型活動的策劃方面存在不足。在網(wǎng)頁制作的過程中我發(fā)現(xiàn),frontpaeg根本無法適應精美網(wǎng)頁的制作要求,于是重新學習了新的網(wǎng)頁制作軟件dreamweavermx及圖形處理軟件fireworksmx。目前我已熟悉了上述軟件的常用功能并能運用其進行基本的網(wǎng)頁制作及圖形處理。為了讓自己做一個稱職的招商人員,我閱讀了網(wǎng)上的部分策劃案例,以便在以后的策劃工作中有所幫助。
x年又是一個充滿激情的一年,在今后的工作中,我將努力提高自身素質(zhì),克服不足,朝著以下幾個方向努力:
1、學無止鏡,時代的發(fā)展瞬息萬變,各種學科知識日新月異。我將堅持不懈地努力學習各種招商引資知識,并用于指導實踐。
2、“業(yè)精于勤而荒于嬉”,在以后的工作中不斷學習業(yè)務知識,通過多看、多學、多練來不斷的提高自己的各項業(yè)務技能。
3、不斷鍛煉自己的膽識和毅力,提高自己解決實際問題的能力,并在工作過程中慢慢克服急躁情緒,積極、熱情、細致地的對待每一項工作。
網(wǎng)頁設(shè)計報告總結(jié)篇七
【導語】總結(jié)是對自身社會實踐進行回顧的產(chǎn)物,它以自身工作實踐為材料。是回顧過去,對前一段時間里的工作進行反思,但目的還是為了做好下一階段的工作。以下是本站為大家準備的《設(shè)計師個人工作總結(jié)結(jié)尾》,希望對大家有幫助。
秋去冬又來,花開花亦謝。一閉一睜間,匆匆又一年。
在忙忙碌碌中,20xx年又將過去了,在這一年當中,設(shè)計部無論是在運作模式、設(shè)計產(chǎn)值、還是人員結(jié)構(gòu),各方面的變化都比較大。
設(shè)計部的運作模式是從7月底開始進行調(diào)整的,以獨立承包制的運營方式,與之前相比,變化相對較大。設(shè)計部有了更大的自主權(quán),有了更大的發(fā)揮空間。對于公司來講,也省了不少雜事小事。在近幾個月的運作來看,情況還是比較穩(wěn)定,總體是穩(wěn)中有發(fā)展。在不斷提高自己的管理能力的基礎(chǔ)上,繼續(xù)加強專業(yè)知識的學習,領(lǐng)導部門所有人員,往更高設(shè)計層次邁近。
從一年的設(shè)計產(chǎn)值來看,比去年有了相對程度的提高,設(shè)計工程總產(chǎn)值達1億元左右,設(shè)計費總產(chǎn)值近300萬元。從項目的類型上分析,今年的聲學公建項目比去年增加很多,如青少年宮、藝術(shù)中心、會議中心等等。這也在另一個角度可見,幾年以來,豐總一直要求銷售人員在銷售過程中同樣需要重視聲學裝飾領(lǐng)域這一決策初見成效。
還有今年本地區(qū)的事業(yè)單位的設(shè)計裝飾項目,如雨后春筍,慢慢地越來越多,而且都是側(cè)重于在原有建筑中的裝修改造,這也預示著本地區(qū)的機關(guān)事業(yè)單位的二次裝修改造時期的到來,因此,我們應該提前做好準備,在20xx年,爭取再把握更多的機會,打個漂亮戰(zhàn)。雖然今年的產(chǎn)值是喜人的,但是作為一個甲級設(shè)計資質(zhì)的設(shè)計單位來說,這是遠遠不夠的。我們?nèi)孕枰M一步努力,不斷地在業(yè)務技能上下功夫,爭取在新的一年里,產(chǎn)值更上一層樓。
設(shè)計部今年的人員流動性,是歷年來的,幾乎是大換血,與新成立一個設(shè)計部沒什么區(qū)別。因此在一定程度上影響了工程設(shè)計的質(zhì)量、進度,甚至導致某些項目的流產(chǎn),對公司造成了較大的損失。但是,在這幫新人的共同努力下,還是平穩(wěn)地挺過來了。需要項目現(xiàn)場跟蹤,我們就駐現(xiàn)場;需要加班加點趕時間,我們就連續(xù)奮戰(zhàn)近數(shù)月;需要互相配合,就互幫互助。在部門里,人員之間的團隊凝聚力,在短時間內(nèi)很快有了質(zhì)的提升。深知團隊精神是攻克萬難的最基本的立足點,我們都做到了。
其中值得一提的是王亞丹,在其中一個月打卡記錄中,超過晚上24時的,有近半個月。作為一個女同志,對工作認真負責,是值得學習的,并且在老員工辭職之后,她主動承擔了不少項目的設(shè)計工作。還有俞挺,為人處事,踏踏實實。雖然剛進公司不久,但對聲學領(lǐng)域好學好問,為了公司日后的長足發(fā)展,為了培養(yǎng)聲學設(shè)計的后備人才,派他上清華進行聲學理論知識的培訓并取得培訓證書,回來后,又恰逢廣東工地需駐現(xiàn)場設(shè)計師,故派他親臨實踐。理論與實際的結(jié)合,讓他在聲學方面的專業(yè)技能,有了很大的提高。還有趙歡歡、蔡干武、黃哲科三個設(shè)計員,性格相近,踏實肯干、能吃苦耐老,雖然在專業(yè)能力上還有待于提高,但從為人處事上來考慮,都是符合我們公司“誠實樂群、開拓超越”的企業(yè)精神的。
設(shè)計部的20xx,是一個不平凡的20xx,每年的這個時候,心中總充滿著無限的感慨來回顧這一年,心中總充滿著無限的希望來期待下一年。年復一年,看到的是進步,看到的是發(fā)展,看到的是大豐的未來。
20xx年很快就會過去了,掐指一算,來到xx已經(jīng)整整一年了,在這里我對我一年以來的工作情況進行簡要的總結(jié),算是對公司也是對個人這段時間的工作的一個交代。
一、個人工作總結(jié)。
我是去年x月有幸被xx錄用的,之前我一直從事廣告平面設(shè)計方面的工作,到了xx后找的第一份工作就是網(wǎng)頁設(shè)計,不過做的時間不是很長,對這方面還算是個生手。
到了xx以后,先是擔任平臺設(shè)計師的工作至x月下旬,然后又調(diào)到網(wǎng)站建設(shè)部做網(wǎng)站設(shè)計師一直至今。在工作中,我學到了很多東西,從不懂,到有點懂,再到熟悉。這中間的過程,只有我自己最清楚。
很多時候,日常的工作是瑣碎的,我們只有自己從中找到樂趣,才不會覺得枯燥;很多時候當我們做網(wǎng)站剛有靈感的時候,會突然有其它的工作布置下來,我們只有自己調(diào)整好自己的心態(tài),統(tǒng)籌安排好自己的工作,才不會手忙腳亂。
那天爸爸給我打電話的時候,我正在加班,爸爸說,怎么又在加班了,要注意身體。我告訴爸爸,不知道為什么我喜歡工作,喜歡那種充實的感覺,雖然有的時候回到家的時候真的很累,也會偶爾覺得自己活得有點辛苦,但是一旦自己真的閑下來的時候,反而覺得很不適應了。爸爸說,恭喜你,長大了,那至少說明你不是一個好逸惡勞的人。
我喜歡爸爸的評價,我是個極其熱愛設(shè)計的人,有興趣,有靈感,我知道我或許不是的,但是我一定是最有激情的。我真的很喜歡設(shè)計,我也不知道為什么,所以,我想證明自己,證明自己的能力和一顆真誠而執(zhí)著的心。明天會怎么樣,誰也不知道。至少今天我要對得起自己。
非常感謝公司給我這個成長的平臺,令我在工作中能不斷的學習,不斷的進步,不斷提升自身的素質(zhì)與才能。
二、與同事相處。
到了xx以后,要感謝的人真的很多…。
在平臺上工作的時候,感謝總監(jiān)一直教導我,要不斷提高自己的設(shè)計能力;感謝龔琳娜從我進公司的第一天起,就耐心的教給我很多我不懂的東西;感謝劉國平和邱小東,在我剛進公司對代碼絲毫不懂的情況下,對我的熱心的幫助。感謝有在平臺上磨練的那段時光,正是那段時間激發(fā)了我的斗志和工作熱情!
到了網(wǎng)站建設(shè)部以后,我被一種莫名的東西感動著。我們是一支年輕的隊伍,部門經(jīng)理也是一個80年代以后的年輕的女孩子。我們雖然年輕,但是我們并不浮躁,我們充滿激情和憧憬,我們充滿力量和動力。這不正是我想要的那種感覺嗎?為了一個同目標,我們會齊心奮力向前。我的心找到了歸宿,我安定了下來。我確定:這就是我的事業(yè),為xx,為自己,努力著!前進著!
感謝每一個人對我的幫助和支持,感謝大家那么喜歡我(哈哈~~我臉皮是不是有點厚了啊!)我會繼續(xù)努力的,讓我們前進的步伐越走越堅定!!!
三、與客戶溝通。
雖然從大學畢業(yè)的時間還不到兩年,但是,可能因為我是一個不太能閑得住的人吧,從大二開始我就在學習之余將自己的另一只腳正式踏入了設(shè)計行業(yè)。
在來xx之前,我也接觸過很多各種各樣的客戶,有蠻不講理的,也有和藹可親的,不過那些都是和客戶當面溝通交流的,和客戶在意見上發(fā)生分歧時,大部分我可以很輕易的用我的設(shè)計專業(yè)方面的知識說服客戶,甚至可以現(xiàn)場做出效果來改變他們的主意。
可是,來了xx之后,我才發(fā)現(xiàn)電話溝通真的是一門很深奧的學問。在電話這頭的我,看不見電話那頭客戶的表情,動作,只能從電話中客戶的語氣來分析猜測客戶此時的想法和心情。也漸漸開始明白:有些時候,不論客戶再怎么糾纏,我都必須堅持某些工作上的原則,因為一旦為一個客戶開了先河,我就必須考慮到接下來該如何面對更多的客戶,我必須為自己的一言一行負責到底;而有些時候,又必須對一些客戶妥協(xié),即使他們再怎么讓我深惡痛絕,我還是必須認真的完成對他們的服務,因為不能因為一些小事,丟失掉一些重要的客戶。
感謝xx!讓我從客觀上對自己在以前所學的知識有了更加感性的認識,使自己更加充分地理解了理論與實際的關(guān)系。
四、工作態(tài)度。
一個人的工作態(tài)度折射著一個人的人生態(tài)度,而一個人的人生態(tài)度又決定一個人一生的成就。我的工作,就是我的生命的投影。一個天性樂觀,對工作充滿熱忱的人,無論他眼下是在洗馬桶、挖土方,或者是在經(jīng)營著一家大公司,都會認為自己的工作是一項神圣的天職,并懷著深切的興趣。對工作充滿熱忱的人,不論遇到多少艱難險阻,都會像希爾頓一樣:哪怕是洗一輩子馬桶,也要做個洗馬桶秀的人!所以我會努力讓自己保持良好的心態(tài)工作,遵守公司的各項規(guī)章制度;完成各項工作和任務。我要在20xx年比20xx年做的更好。
五、建議和意見。
1、首先,我覺得公司的xx拓展真的很好,加強同事之間的感情,加強了團結(jié)協(xié)作的能力。有很多同事,以前我都叫不出名字的,卻在這次拓展中,讓我發(fā)現(xiàn)了他們身上的很多平時發(fā)現(xiàn)不了的閃光點。讓我更加熱愛這個集體,熱愛每一個可愛的xx人!
2、我覺得公司可以考慮給我們多點專業(yè)性的培訓,就拿我們網(wǎng)站建設(shè)部來說,可以找一些在設(shè)計方面比較厲害的人給我們培訓,或者多參加一些類似于上海國際旅游交易會那樣的活動,可以開拓我們的視野,提升我們的設(shè)計水平,以及對旅游的認識。
3、還有一點,我感覺我們每天早晨的晨會分享,以及我們部門每周五中午的專業(yè)培訓挺好的,每次都能學到東西,有時候就是一些小小的技巧,卻可以在工作中很大程度的提高工作效率。
以上只是我個人的一些愚見,如有不妥之處,還請大家原諒!
新的一年我為自己制定了新的目標,那就是要加緊學習,更好的充實自己,以飽滿的精神狀態(tài)來迎接新一年工作的挑戰(zhàn)。我心里在暗暗的為自己鼓勁。要在工作中站穩(wěn)腳步,踏踏實實,多向其他同事學習,取長補短,相互交流好的工作經(jīng)驗,共同進步,爭取更好的工作成績,為公司做出更大的貢獻。
網(wǎng)頁設(shè)計報告總結(jié)篇八
一個網(wǎng)站的設(shè)計成功與否是跟用戶的體驗有很大的幫助的。如果你的網(wǎng)站設(shè)計的給人一種視覺錯亂的效果,那么說明,你失敗了。任何人,包括搜索引擎都非常的喜歡簡單大方的頁面。設(shè)計網(wǎng)站頁面的時候應該注意哪些方面的技巧性問題。
1.色彩在網(wǎng)頁設(shè)計中的作用。
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。
根據(jù)色彩對人們心理的影響,合理地加以運用。如果您的企業(yè)有ci,我們將按照其中的vi進行色彩運用。
2.簡化網(wǎng)頁代碼。
搭建網(wǎng)頁前端的時候,使用有語義的代碼。用描述性的標簽組織頁面結(jié)構(gòu),可以提高內(nèi)容對搜索引擎的可讀性。這也會讓修飾頁面的工作變得更簡單干凈。
3.模塊化和可修改性強。
模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風格,還可以降低程序開發(fā)的強度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。
無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,n個按鈕就是n張圖片。
4.版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。
多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。
為了達到最佳的視覺表現(xiàn)效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
5.避免使用flash或者圖片作導航欄。
flash雖然有著漂亮的效果,但對于搜索引擎優(yōu)化來說很不友好,因此我們建議不要用flash和圖片作為導航。
網(wǎng)頁設(shè)計報告總結(jié)篇九
網(wǎng)頁設(shè)計跟學習別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學習網(wǎng)頁設(shè)計需要耐心,如果沒有耐心,就學不好網(wǎng)頁設(shè)計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。
學習網(wǎng)頁設(shè)計需要堅持,堅持不斷的學習,因為設(shè)計網(wǎng)頁的軟件在不斷的更新,因此我們要不斷的學習并且學習網(wǎng)頁設(shè)計不要掉入技術(shù)的陷阱,如果你的網(wǎng)頁設(shè)計技術(shù)一流,并且對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.并且我認為網(wǎng)頁設(shè)計應該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。
視覺形象識別即我們通常所說的vi(visualidentity),與bi一起用于深化表現(xiàn)企業(yè)理念,同時也受到bi的影響。所謂視覺形象識別,就是指能夠被目標客戶通過視覺來認知與企業(yè)相關(guān)的一切事物,從最基礎(chǔ)的企業(yè)標志、吉祥物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等,在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套cis中處于最表層的位置,其中所有的設(shè)計都將與目標客戶發(fā)生直接的接觸。
網(wǎng)頁布局是主要考慮以下幾點:
1、首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
2、其次就應該考慮導航條的設(shè)置了。
3、正文的框架設(shè)置(橫向因素和縱向因素交錯)。
圖象我利用網(wǎng)上搜索和自己所學過的banner進行處理,這樣做起來節(jié)約了很多時間。
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。
通過這次實習,在制作時想想使自己的網(wǎng)頁更加豐富多彩,在網(wǎng)頁中插入圖象,動畫,動態(tài)特效??墒强傆龅竭@樣那樣的問題,但在同學的幫助和自己摸索的情況下完成了這個實習的成果??吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。虛在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
網(wǎng)頁設(shè)計報告總結(jié)篇十
為此學校為我們進入社會實習前為我們組織一次為期兩個月的校內(nèi)實習。在學校組織的這次校內(nèi)實習,讓我們在進入社會之前,提前體驗了一下將來在社會上的工作情況,給我們提前積累一些社會經(jīng)驗,通過本次的實習讓我們更加熟練網(wǎng)頁的制作,并創(chuàng)新的以網(wǎng)絡(luò)作為平臺,結(jié)合網(wǎng)絡(luò)運用制作了各類網(wǎng)頁。這包括了我們專業(yè)所學習的所有內(nèi)容,這次實習不緊是對我們過去學習成果的總結(jié)驗證,更是一次學習上的創(chuàng)新與進步。在這次校內(nèi)實習過程中,不管在知識掌握上,還是知識運用實踐體驗方面我都得到了很大的收獲。
網(wǎng)頁設(shè)計與制作的實習是鍛煉我們實踐能力的重要環(huán)節(jié),是對我們實際工作能力的具體習練和考察過程。隨著科學技術(shù)發(fā)展的日新月異,網(wǎng)頁設(shè)計制作已經(jīng)成為當今計算機應用中空前活躍的領(lǐng)域,在生活中可以說得是無處不在。因此作為二十一世紀的大學來說掌握網(wǎng)頁設(shè)計制作的技術(shù)和能力是十分重要的。
這次實習,我為自己家鄉(xiāng)的一個概況做一個網(wǎng)頁。我是來自大理,大理作為一座旅游城市,擁有眾多的旅游風景點,所以我選擇了為我家鄉(xiāng)的旅游做一個網(wǎng)頁。
首先我要做的就是要選擇好題目和網(wǎng)頁的風格,之后我就分步驟準備在制作網(wǎng)頁前所要做好的準備工作。我瀏覽了大理旅游網(wǎng)的一些特點,借鑒這些網(wǎng)頁的優(yōu)秀之處,不好的地方在自己的網(wǎng)頁上加以改良,從而使自己的網(wǎng)頁更加美觀。
做好這些準備工作之后我希望能在最短的時間內(nèi)做到最好的效果。接下來的步驟就是準備素材,搜集與主題相關(guān)的文字、圖像、動畫、音樂等資料。在準備素材的過程中我用到了dreamweaver、photoshop等工具。再是設(shè)計網(wǎng)頁的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu),設(shè)計首頁及其頁面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)頁,建立網(wǎng)頁的目錄結(jié)構(gòu)。制作首頁、二級子頁、內(nèi)容頁,創(chuàng)建超級鏈接。最后就是測試與瀏覽網(wǎng)頁,如果還有什么不理想的地方再改進,改進后再預覽,如此反復,最后達到預期的效果!
回顧這次課程設(shè)計,至今我仍感慨頗多。的確,從選題到開始制作,從理論到實踐,在實習兩個月的日子里,可以說得是苦多于甜,但是可以學到很多很多的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。通過這次課程設(shè)計使我懂得了理論與實際相結(jié)合是很重要的,只有理論知識是遠遠不夠的,只有把所學的理論知識與實踐相結(jié)合起來,從理論中得出結(jié)論,才能真正為掌握技術(shù),從而提高自己的實際動手能力和獨立思考的能力。
這次實習為我提供了與眾不同的學習方法和學習體會,從書本中面對現(xiàn)實,為我將來走上社會打下了扎實的基礎(chǔ)。從實踐操作中,我總結(jié)出一些屬于自己的實踐經(jīng)驗,社會是不會要一個一無是處的人的。作為信息與計算科學專業(yè)的學生,現(xiàn)在我能做的就是吸取知識,提高自身的綜合素質(zhì),提高自己的創(chuàng)新能力和合作能力等,自己有了能力,到時候才會是“車到山前必有路”。我相信在不久的未來,會有屬于我自己的一片天空!
這次課程設(shè)計在驗收之后終于順利完成了,在設(shè)計中遇到了很多的技術(shù)問題,最后在老師的辛勤指導下,終于游刃而解。同時,在老師的身上我學得到很多實用的知識,在這我再次我表示深深地感謝!同時,對給過我?guī)椭乃型瑢W表示忠心的感謝!
將本文的word文檔下載到電腦,方便收藏和打印。
網(wǎng)頁設(shè)計報告總結(jié)篇十一
很多設(shè)計師也許一直在苦惱:要如何才能成為一個優(yōu)秀的設(shè)計師呢?有沒有什么設(shè)計秘籍或者設(shè)計技巧可言?個人認為,要成為一個成功的設(shè)計師,雖然沒有捷徑可走,但是也許卻有方法可言。如果凡事不講究方法,相信要達到目的那是相當困難的。而如果方法對路,那么你離目標就不遠了。下面北極魚就給大家分享一篇來自國外設(shè)計大師purin的關(guān)于設(shè)計技巧的文章。希望對那些像我一樣迷茫的設(shè)計師有所幫助。
網(wǎng)頁設(shè)計報告總結(jié)篇十二
本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
三、實驗原理。
通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。
四、實驗方法與步驟。
1)執(zhí)行“站點管理站點”命令,在彈出的“管理站點”對話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點”命令。
2)在彈出的“站點定義為”對話框中單擊“高級”選項卡。
3)在“站點名稱”文本框中輸入站點名稱,在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。
在“默認圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點”對話框。
4)在“管理站點”對話框中單擊“完成”按鈕,站點創(chuàng)建完畢。
五、實驗結(jié)果。
六、討論與結(jié)論。
實驗開始之前要先建立一個根文件夾,在實驗的過程中把站點存在自己建的文件夾里,這樣才能使實驗條理化,不至于在實驗后找不到自己的站點。
在實驗過程中會出現(xiàn)一些選項,計算機一般會有默認的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項的含義,以及它會造成的效果,否則會使實驗的結(jié)果失真。
實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。
實驗二:頁面圖像設(shè)置。
一、實驗目的及要求:
本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。
四、實驗方法與步驟。
1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。
2)在頁面文檔中單擊“”插入鼠標經(jīng)過圖像。
五、實驗結(jié)果。
六、討論與結(jié)論。
實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像,并且要鼠標經(jīng)過的時候會變成另一個圖像,這就是鼠標經(jīng)過圖像的效果。
當然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。
這個實驗的關(guān)鍵在于背景圖像的選擇,如果背景圖像太大不僅會影響網(wǎng)頁的打開速度,甚至圖像在插入會也會有失真的感覺,因此在插入前對圖像進行必要的處理能使實驗的效果更好。
實驗三:表格制作。
一、實驗目的及要求:
本實例是要創(chuàng)建邊框為1像素的表格。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
創(chuàng)建邊框為1像素的表格。
四、實驗方法與步驟。
1)在文檔中,單擊表格“”按鈕,在對話框中將“單元格間距”設(shè)置為“1”。
2)選中插入的表格,將“背景顏色”設(shè)置為“黑色”(#0000000)。
3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。
4)設(shè)置完畢,保存頁面,按下“f12”鍵預覽。
五、實驗結(jié)果。
六、討論與結(jié)論。
本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果,間距的作用主要在于表現(xiàn)這種顏色差異。
表格的背景顏色和單元格的背景顏色容易混淆,在實驗中要認真判斷,一旦操作錯誤則得不到實驗的效果。
“表格寬度”文本框右側(cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進行選擇,否則就不能達到自己想要的效果,設(shè)置錯誤就會嚴重影響實驗效果。
實驗四:創(chuàng)建錨點鏈接。
一、實驗目的及要求:
本實例的目的是創(chuàng)建錨點鏈接。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
創(chuàng)建錨點鏈接。
四、實驗方法與步驟。
1)在頁面中插入1行4列的表格,并在各單元格中輸入導航文字。
2)分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。
3)在文檔中輸入文字并設(shè)置錨記名稱“01”,按下“enter”鍵換行,輸入一篇文章。
4)在文章的結(jié)尾處換行,輸入文字并設(shè)置錨記名稱“02”,按下“enter”鍵換行,輸入一篇文章。
5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。
6)保存頁面,按下“f12”鍵預覽。
五、實驗結(jié)果。
六、討論與結(jié)論。
添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時也可以使頁面更加精簡。
本實驗的關(guān)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果,同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱,并記得輸入對應的文章,否則瞄記可能不能用。
熟練程度低在實驗中不能很好地使用各種工具,無法一次準確地尋找到適當?shù)奈恢谩?BR> 實驗中忘記選擇“不可見元素”,幾次實驗都失敗,最后才得出正確的結(jié)論。
因此在實驗前要先做好預習,否則實驗過程會比較吃力。
實驗五:設(shè)置css樣式。
一、實驗目的及要求:
本實例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。
四、實驗方法與步驟。
1)在網(wǎng)頁中創(chuàng)建一個表格。
2)在“css樣式”面板中單擊“”按鈕,在彈出的對話框中進行設(shè)置,完成后單擊“確定”按鈕。
3)在彈出的對話框中進行設(shè)置,完成后單擊“確定”按鈕。
五、實驗結(jié)果。
六、討論與結(jié)論。
對話框中各項指標和屬性的設(shè)置存在一定的難度,如果沒熟練掌握就容易出錯使實驗失敗。
對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。
這個實驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認識程度,只要充分地掌握了軟件的各種操作,對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。
實驗六:創(chuàng)建表單。
一、實驗目的及要求:
本實例的目的是創(chuàng)建一個募捐表單。
網(wǎng)頁設(shè)計報告總結(jié)篇十三
實習目的1、通過實習,使學生加深對所學課程內(nèi)容的認識、理解、掌握,達到對所學知識、技能系統(tǒng)化、條理化的目的,鞏固、提高學習效果。
2、通過綜合應用實習,熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網(wǎng)頁的技能,根據(jù)所學技能學以致用,解決實際問題,提高操作應用熟練程度。
知道dreamwervermx8是及網(wǎng)頁制作和網(wǎng)站管理于一身的網(wǎng)頁制作軟件,它是專門為網(wǎng)頁設(shè)計師量身定制的可視化網(wǎng)頁制作軟件,利用它可以為方便、快捷地制作跨平臺話瀏覽的動感網(wǎng)業(yè)。
了解fireworks是處理圖片的軟件,使用它可以創(chuàng)建和編輯位圖、矢量圖形,還可以非常輕松的做出各種網(wǎng)頁設(shè)計中常見的效果,例如動畫、轉(zhuǎn)換圖像、導航條、下拉菜單等。設(shè)計完成以后,如果要在網(wǎng)頁設(shè)計中使用,可將它輸出為teml文件,還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。
通過對flash的學習,掌握如何處理矢量圖形,制作矢量動畫,掌握如何添加音樂、時動作控制在flash內(nèi)容和集成flash影片,了解actionscript腳本語言創(chuàng)建交換形式、在實習的過程中鞏固了對前面的知識的學習,加深對知識的了解,進一步對網(wǎng)頁設(shè)計的見解,也突出了個人的特點,運用所學的知識做出了讓自己滿意的作品。
四、實習內(nèi)容及方法。
一、實習任務:
1、通過仔細閱讀網(wǎng)頁設(shè)計及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容,加深對相關(guān)概念的理解、理論的理解、掌握、運用。
2、嚴格按照實習指導書的相關(guān)要求,完成了各項綜合操作,并將相應圖像制作、動畫制作和頁面設(shè)計的作品進行了保存。3、及時積極完成各項實習報告的撰寫。
4、實習結(jié)果及實習項目嚴格按照要求及時保存、展示。
二、實習內(nèi)容:
(一)、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網(wǎng)站。(二)、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。
1、創(chuàng)建一個站點:
站點的名稱就是“惠兒網(wǎng)站”,站點創(chuàng)建成功命一個首頁是再下面創(chuàng)建了5、、、、。其示意圖如下:
2、網(wǎng)頁中的圖像處理:
利用photoshop、和fireworks通過處理風景圖。
在里面運用到濾鏡的工具目的是讓圖片更加的形象逼真,處理后的圖片效果如圖所示:
3、布局與表格的編排:
在網(wǎng)頁設(shè)計中我偏好用表單編排一般情況下我的布局是在一個大的表單里寫很多文字插入許多圖片。其版面如圖所示:
1.
二級頁面制作方法如法炮制。4、網(wǎng)頁的鏈接。
網(wǎng)站中重要的就是各個子網(wǎng)頁與主頁面之間的鏈接,如果沒連接好或者鏈接錯誤就會影響整個網(wǎng)站運行的效果。列如我要把產(chǎn)品列表這個二級網(wǎng)頁跟主網(wǎng)頁鏈接方法如下:
回到/點擊頁面右下方的鏈接文件夾,找到我要鏈接的二級網(wǎng)頁。
打開/鏈接后我的鏈接字體會變成我所設(shè)置的字體顏色,這樣表明我的鏈接成功。
預覽后在主頁面點擊“產(chǎn)品列表”就會顯示到我的產(chǎn)品列表二級頁面。
其他頁面方法同上。
產(chǎn)品列表:將“產(chǎn)品列表”同首頁進行鏈接,然后預覽成功!郵箱登陸:將“郵箱登陸”同首頁進行鏈接,然后預覽成功!
聯(lián)系我們:將“聯(lián)系我們”同首頁進行鏈接,然后預覽成功!
公司簡介:將“公司簡介”同首頁進行鏈接,然后預覽成功!
5、層與行為的應用。
“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。
2)選擇“查看”----“標尺”----“顯示,打開標尺”
3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”,4)在“網(wǎng)格設(shè)置”對話框中,選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”
5)為了防止層的重疊,需要打開“層”面板。選擇“窗口”,“層”,打開層面板。
1)打開flash軟件,在里面建立8個圖層。并且準備一副適合做標示的圖片。
2)在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開始。
插入關(guān)鍵幀25幀結(jié)束,在第10幀上寫入“同”字,在25幀上寫“心”字,再回到第10幀創(chuàng)建補間動畫。在圖層3上創(chuàng)建幀從25幀到40幀結(jié)束在25幀上寫“協(xié)”字創(chuàng)建關(guān)鍵幀到40幀寫“力”字,再返回到25幀創(chuàng)建補間動畫。在圖層4上從40幀到55幀結(jié)束在40幀上寫“共”創(chuàng)建關(guān)鍵幀到55幀寫“創(chuàng)”字,在圖層7上從第十幀開始插入關(guān)鍵幀25幀結(jié)束,在第10幀上寫入“輝”字,在25幀上寫“煌”依次而下做到160幀。
3)幀做好后敲擊enter鍵就可以播放flash動畫,如果想插入網(wǎng)頁就。
按步驟走,文件—導出—導出影片,/最后點擊保存。
在這里我給自己的網(wǎng)頁設(shè)計的特效是讓一行字體在來回跑動方法如下:
1)選中你要設(shè)計特效的字體選擇工具欄上的標“簽選擇器”,“html”插入,關(guān)閉。
2)然后預覽就會出現(xiàn)從右到左的字幕。8、控制多個影片的播放。
制作的方法:
網(wǎng)頁分隔線可以說是網(wǎng)頁中不可缺少的元素,它主要用于分隔網(wǎng)頁內(nèi)容也可以用于裝飾網(wǎng)頁。在網(wǎng)頁中插入一個層,然后在層中插入一個表格,設(shè)置表格的間距,然后在表格的單元格中插入圖片,設(shè)置時間軸。調(diào)出時間軸,在時間軸必要的地方添加改變屬性行為,并設(shè)置層對象的屬性添加行為和改變屬性。
五、結(jié)論。
1、收獲。
photoshop、fireworks、dreamweaver、flash的應運更加熟練.在制作網(wǎng)站的過程中,我們參照老師給的惠爾公司網(wǎng)站圖片,盡可能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁制作需要有很多的色調(diào)搭配能力和很好的布局能力,再加上自己的風格創(chuàng)新能力,才能做出精美的網(wǎng)站。在這幾天的實習中,我學到無論作什么事都要有細心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下,搜集不到素材,所以,在網(wǎng)頁的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的特點。尤其是在制作flash的時候老師給予了很大及時的幫助,讓我在制作的時候不至于給我?guī)砗艽舐闊?。同時,也希望我們能利用我們學習的知識技能更好的為學院,為同學們服務,也希望我們能夠互相學習,互相取長補短,使我們每個同學能夠更好的進步。
2、不足。
在實習中我發(fā)覺網(wǎng)站的制作過程中,1、自己腦袋里沒有裝東西(網(wǎng)站的綜合布局、網(wǎng)頁的構(gòu)思和編排)。
甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫然。
2、自己的閱歷不夠,自己的網(wǎng)站應該是一個怎樣的網(wǎng)站,里面要放。
些啥內(nèi)容,該怎樣去組織這些內(nèi)容,心里沒底。
3、尤其是老師在前面教過的內(nèi)容自己沒有及時的練習和鞏固,以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁的時候,色彩搭配特別重要,而我自己對顏色的搭配不是很了解,感覺做出的東西老是顏色深的地方特別深,淡的地方特別淡,感覺不協(xié)調(diào)。
5、新疆停網(wǎng)的原因,使我們在素材的搜集上變得很被動,所以導致。
做出的東西很簡單,所以我覺得,知識應用的全部全還要看準備是否充分。
6、在以后的學習中我會更加認真地去學習,去掌握這些軟件的用法,便于在以后做東西的時候能更好地運用。
六、致謝。
在網(wǎng)頁實習結(jié)束的時候我要感謝辛勤的班主任老師,在這個學期代我們的網(wǎng)頁設(shè)計以外還代了很多別的課,所以很辛苦,在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網(wǎng)頁設(shè)計的興趣也非常的濃厚,在實習中我發(fā)現(xiàn)很多同學的網(wǎng)站做的很好很有特色,這都少不了老師的指導。在老師的帶領(lǐng)下我們學到很多書本上學不到的東西,相信在以后找工作中我們會多了一個籌碼。
其次,要感謝學校給我們安排了期末的課程實習,讓我們能在學期末重新溫習和總結(jié)整個一學期以來學習的知識,并且總結(jié)自己的不足,在以后的學習中能夠加以改正和補充。
最后,再次感謝學校和指導的老師!
網(wǎng)頁設(shè)計報告總結(jié)篇十四
網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站,不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。我們沒有這個能力,也沒這個精力,所以必須要找準一個內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則,只要是客戶感興趣的,任何內(nèi)容都可以,但主題要鮮明,在一定的主題范圍內(nèi),內(nèi)容做到大而全、精而深。
明確了網(wǎng)站的主題以后,就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓客戶的網(wǎng)站有血有肉,能夠吸引住用戶,就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。
一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等,而只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容,我在以后會有詳細介紹。
盡管選擇什么樣的工具并不會影響設(shè)計網(wǎng)頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當然是dreamweaver和frontpage了,如果是初學者,frontpage20xx是首選。除此之外,還有圖片編輯工具,如photoshop、photoimpact等;動畫制作工具,如flash、cool3d、gifanimator等;還有網(wǎng)頁特效工具,如需要有聲有色的效果,網(wǎng)上有許多這方面的軟件,可以根據(jù)需要靈活運用。
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板,這樣可以大大提高制作效率。
網(wǎng)頁制作完畢,最后要發(fā)布到web服務器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有ftp功能,利用這些ftp工具,可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把網(wǎng)址告訴給朋友,讓他們來瀏覽。
網(wǎng)頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的人認識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個是我們公司的特色,在網(wǎng)上推排名,這個宣傳效果也很顯著,人們只要輸入關(guān)鍵字最先看到的鏈接,則就是我們公司推上去的鏈接,很好用,訪問量大大提升。
通過目前的實習,在設(shè)計方面我感覺自己有了一定的收獲,也為了我今后在工作及業(yè)務上能力的提高起到了促進的作用,增強了今后的競爭力,為能在以后立足增添了一塊基石。
但我也認識到,要想做好這方面的工作單靠目前幾月的實習是不行的,還需要我在平時的學習和工作中一點一點的積累,不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的,需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設(shè)計報告總結(jié)篇十五
基本任務與要求:
階段工作計劃:
1.選題背景(含國內(nèi)外相關(guān)研究綜述及評價)與意義。
選題背景:互聯(lián)網(wǎng)始于1969年的美國,又稱因特網(wǎng)。最初用于軍事連接,之后由于計算機的增多,以及各種連接協(xié)議的規(guī)范化,互聯(lián)網(wǎng)逐漸發(fā)展起來,成為日常生活中人們與外界交流信息的重要工具,可以說,信息時代的基礎(chǔ)就是互聯(lián)網(wǎng)。在中國,截至20xx年12月底,中國網(wǎng)民數(shù)量突破5億,達到5.13億,全年新增網(wǎng)民5580萬?;ヂ?lián)網(wǎng)普及率較上年底提升4個百分點,達到38.3%。(數(shù)據(jù)來自國家互聯(lián)網(wǎng)絡(luò)信息中心),隨著網(wǎng)民的逐漸增加,網(wǎng)頁制作以及網(wǎng)頁設(shè)計技術(shù)的日趨完善,網(wǎng)頁已經(jīng)被運用到人們?nèi)粘I钪械姆椒矫婷?,越來越多的人甚至公司開始學習制作屬于自己的個性化網(wǎng)頁,這成為信息時代最重要的宣傳方式。
國內(nèi)外對此課題的研究著重分為兩個方面,網(wǎng)頁制作以及網(wǎng)頁設(shè)計,但是兩者同時又是密不可分的,因為,設(shè)計需要建立在目前的制作技術(shù)之上,而制作又需要遵守設(shè)計所構(gòu)建的框架,兩者相輔相成,缺一不可,而國內(nèi)外對此的研究通常都在兩方面有兼顧,但是大部分課題都是只對一個小問題或者一個小型框架,或者只是粗略講一下相關(guān)的技術(shù)或者技巧,對兩者同時進行一個綜合性概述的暫時還沒有。
意義:在互聯(lián)網(wǎng)初期,大部分網(wǎng)頁設(shè)計師都只知道如何去制作網(wǎng)站,知道如何去實現(xiàn)什么樣的功能,但是在這個信息化的社會,如何讓你的網(wǎng)頁變得更好看,更直觀明了的表達信息,如何從眾多的網(wǎng)頁之中脫穎而出,這就需要更強的網(wǎng)頁設(shè)計技術(shù)了,而新的網(wǎng)頁制作技術(shù)例如html5以及css3的運用也給設(shè)計師們帶來了更好的施展空間,該課題會先對網(wǎng)頁設(shè)計制作技術(shù)進行一個概述,讓讀者了解這些技術(shù)尤其是新技術(shù)的運用,同時課題還將運用一個知名餐飲行業(yè)的企業(yè)網(wǎng)站為例,講述網(wǎng)頁設(shè)計制作設(shè)計方法的實際運用,并指出網(wǎng)站設(shè)計中體現(xiàn)出的優(yōu)缺點,最后課題里還會按照要求設(shè)計一個網(wǎng)站,同樣也是餐飲行業(yè)方面的網(wǎng)站,與知名企業(yè)的網(wǎng)站進行對比,加深理解網(wǎng)頁中設(shè)計與制作的關(guān)系。選題研究的方法與主要內(nèi)容。
選題研究方法:
主要內(nèi)容:論文主要分為四部分,第一部分是開題報告部分,講述選題背景以及對國內(nèi)外相關(guān)研究進行一個綜述,并指出論文的研究意義;緊接著第二部分對國內(nèi)外在網(wǎng)頁設(shè)計制作方面技術(shù)進行了一個綜合性的分析;第三部分,我將選取國內(nèi)一個知名餐飲行業(yè)的網(wǎng)站,對其進行網(wǎng)頁設(shè)計制作技術(shù)方面進行分析評價,并在其中闡述自己的理論,論證優(yōu)缺點;最后,我將自己設(shè)計一個有關(guān)于餐飲行業(yè)的網(wǎng)站,并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進行對比,取長補短,達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結(jié)果。
研究條件:網(wǎng)頁在21世紀的應用已經(jīng)十分普遍,但是大部分研究都是只針對某一小部分,并且大部分研究都是對設(shè)計和制作沒有一個系統(tǒng)的概念,缺乏對這一方面的一個綜合性概述,所以這次課題研究具有以下幾個條件:
1、具有研究性:該研究區(qū)域尚未被大量探索過。
擬解決的主要問題:
2.對網(wǎng)頁設(shè)計制作技術(shù)的理解、實際應用及論證。
3.自主設(shè)計一個網(wǎng)站,避免出現(xiàn)知名餐飲行業(yè)中的缺點設(shè)計。
預期結(jié)果:
中期:選取一個有代表性的知名餐飲網(wǎng)站,對其進行網(wǎng)頁設(shè)計以及網(wǎng)頁制作方面的評價,指出設(shè)計中的優(yōu)點和缺點,并進行詳細分析,針對缺點設(shè)計提出自己的想法,并做出實際設(shè)計,從而驗證自己的理論,或者舉出實例進行對比論證。
后期:自行設(shè)計餐飲網(wǎng)站進行對比分析,建立自己的設(shè)計理論,并與中期的評價進行對應驗證,在實踐得到大量的經(jīng)驗,從而對整篇課題進行一個重新檢驗,最后反復檢查論文,完成論文。
網(wǎng)頁設(shè)計報告總結(jié)篇十六
在經(jīng)濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。
通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談談我在本次專用周的主要感受。
1、討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2、定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨荩前?,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘。“生活如花,自在快樂”是yifini易菲的設(shè)計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3、確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2、網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
1、資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。
在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。
在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好,爭取不范類似錯誤。
2、熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。
1、構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2、設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務,美容美體,一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應,搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。
3、實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4、向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。
網(wǎng)頁設(shè)計報告總結(jié)篇十七
選題的意義、同類選題現(xiàn)狀分析包括項目實施的意義和應用前景,國內(nèi)外研究和應用概況,發(fā)展趨勢,本項目的特色或創(chuàng)新之處)。
電子商務發(fā)展在世界范圍內(nèi)都是剛剛開始,其發(fā)展速度極為迅速,傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購物就是internet和電子商務網(wǎng)站的產(chǎn)物,近幾年在我國發(fā)展迅猛,就如同一些購物商場在各地紛紛開設(shè)分店以拉近與顧客間的距離一樣。21世紀是網(wǎng)絡(luò)的時代,信息的時代,時間是非常寶貴的,人們由于種種原因沒有時間去逛商場,也不知道哪家商場有自己中意的商品,網(wǎng)上購物網(wǎng)站的建立就可以很好的解決這方面的問題,可以向廣大用戶推出一種全新的網(wǎng)上信息服務,旨在貨品與消費者之間架起一座高速、便捷的網(wǎng)上信息橋梁,可以為用戶節(jié)省時間、方便購物。
在國內(nèi)也有許多我們所熟悉的大規(guī)模的網(wǎng)上購物網(wǎng)站,如阿里巴巴和淘寶網(wǎng)。中國的網(wǎng)上購物在摸索與借鑒中成長著,利用中國特有的優(yōu)勢來克服不利的外部環(huán)境因素,例如采用“貨到付款”就是中國購物網(wǎng)站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化,上購物網(wǎng)站發(fā)展前景看好。
本網(wǎng)站的主要功能有:用戶注冊、會員登錄、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言;管理員管理會員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面,讓顧客方便購買各類貨物,給本購物網(wǎng)站提出寶貴的意見或建議;另一方面,管理員能在管理信息的同時也能了解顧客的需要,對網(wǎng)站的不足之處進行修改。本購物網(wǎng)站還在借鑒其他成功購物網(wǎng)站的同時也加入了一些創(chuàng)新的元素。如在貨物介紹的頁面中添加了同等商品價格的最新比較數(shù)據(jù),讓用戶能夠花比較少的時間找到自己滿意的產(chǎn)品,同時在本網(wǎng)站中每個注冊用戶還可以擁有自己的一個小型的blog,在其中用戶可以發(fā)展自己的購物經(jīng)驗和日常的心情。同時在網(wǎng)站的界面上,本網(wǎng)站了可能讓用戶設(shè)置網(wǎng)頁的風格,用戶可以按照自己的喜好改變網(wǎng)站的背景色,讓整個網(wǎng)站更加的有特色。
(包括畢業(yè)設(shè)計目標、設(shè)計內(nèi)容和擬解決的關(guān)鍵技術(shù)問題)。
購物網(wǎng)站的建立是為了節(jié)約顧客時間和方便顧客購物,該網(wǎng)站主要有注冊會員、會員登陸、貨物搜索、購物車以及對會員、貨品、訂單的管理。以實現(xiàn)網(wǎng)上書店的交易和管理。
(1)前臺服務:注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車,以及頁面的特效如:將該網(wǎng)站設(shè)為首頁、加入收藏、更改網(wǎng)頁風格等。
(2)會員管理:管理員對會員個人信息的管理,驗證會員登陸信息。并且可以在自己的blog中發(fā)表信息。
(3)圖書管理:管理員查看書庫中貨物的庫存量,包括各種貨物的銷售情況,以及及時更新數(shù)據(jù)庫中貨物的各種信息。
(4)訂單管理:管理員對訂單的管理,確認顧客信息與訂單信息的準確性。
本系統(tǒng)主要是利用asp、dreamweaver、sql數(shù)據(jù)庫來完成設(shè)計的,主要完成了貨物分類搜索、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現(xiàn)。
(包括開發(fā)平臺選擇、試驗方案及可行性分析,設(shè)計和開發(fā)工作的總體安排、步驟等)。
購物網(wǎng)站的設(shè)計與開發(fā)需要微機一臺,操作系統(tǒng)為windowsxp。開發(fā)環(huán)境為asp、dreamweaver,數(shù)據(jù)庫為sqlserver20xx或選擇access。數(shù)據(jù)訪問方法為使用ado。net通過odbc的方法同數(shù)據(jù)庫接口。使用這種方式訪問數(shù)據(jù),可以使用任何一種odbc數(shù)據(jù)源,即不止適合于sqlserver、oracle、access等數(shù)據(jù)庫應用程序,也適合于excel表格,文本文件、圖形文件和無格式的數(shù)據(jù)文件。
通過調(diào)查分析,建立購物網(wǎng)有其充分的必要性和可能性??梢越⒃摼W(wǎng)站的可能性具體包含了它具有經(jīng)濟可行性、技術(shù)上的可行性和時機可行性,系統(tǒng)能達到以最小的開發(fā)成本取得最佳的經(jīng)濟效益,開發(fā)中所需人員、硬軟件支持以及其它費用進行估算情況均滿意,技術(shù)條件也能保證順利完成開發(fā)工作。
最終認為該系統(tǒng)完全可行,網(wǎng)上購物網(wǎng)站是一個網(wǎng)上交易網(wǎng)站,利用該網(wǎng)站用戶可以購買貨物,修改自己的購物車,在自己的blog中發(fā)展信息;管理員作為管理者則可以查詢會員的訂單信息、管理貨物,對貨物進行添加和刪除。
1、前臺服務:
此模塊是對于用戶開放,實現(xiàn)的功能有:客戶注冊,會員登錄,修改個人信息及密碼,貨品分類查詢,貨品瀏覽,購買貨物,購物車,會員留言等。
2、后臺:
此模塊是對于管理員開放,實現(xiàn)的功能有:會員基本信息管理、訂單管理、貨物管理、查看留言。
網(wǎng)頁設(shè)計報告總結(jié)篇十八
網(wǎng)頁設(shè)計中包含著主觀和客觀兩方面的因素,在確立了網(wǎng)頁主題之后,首先要明確和熟悉設(shè)計的對象和構(gòu)成的要素。網(wǎng)頁設(shè)計涉及的具體內(nèi)容很多,可以概括為視聽元素和版式設(shè)計兩個方面。
1、視聽元素。
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網(wǎng)頁設(shè)計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術(shù)的運用大大豐富了網(wǎng)頁設(shè)計的表現(xiàn)力。
以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上,然后啟動相應的外部程序來播放。另外,在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后,提供了基于ole的activex技術(shù),用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語言編寫的應用于網(wǎng)頁之中的小應用程序,相比于插件和activex,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景??傊?,技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁設(shè)計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn),也對網(wǎng)頁的藝術(shù)設(shè)計提出了更高的要求。
2、版式設(shè)計。
網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處,它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現(xiàn)出來,是一種具有個研究風格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時,也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網(wǎng)頁則不然,它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸和位置。而且,網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合,這給網(wǎng)頁的版式設(shè)計帶來了一定的難度。
網(wǎng)頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設(shè)計上有許多共同之處,也要遵循一些設(shè)計的基本原則。但是,由于表現(xiàn)形式、運行方式和社會功能的不同,網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計,是技術(shù)與藝術(shù)的結(jié)合,內(nèi)容與形式的統(tǒng)一。它要求設(shè)計者必須掌握以下三個主要原則:。
1、主題鮮明。
視覺設(shè)計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當?shù)沫h(huán)境里被研究們即時地理解和接受,以滿足研究們的實用和需求,這就要求視覺設(shè)計不但要單純、簡練、清晰和精確,而且在強調(diào)藝術(shù)性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設(shè)計主題。
根據(jù)認知心理學的理論,大多數(shù)研究在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中,它要求視覺設(shè)計者的網(wǎng)頁設(shè)計必須自覺地掌握和遵從。
作為視覺設(shè)計范疇一種的網(wǎng)頁設(shè)計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理,更好地營造符合設(shè)計目的的視覺環(huán)境,突出主題,增強瀏覽者對網(wǎng)頁的注意力,增進對網(wǎng)頁內(nèi)容的理解。只有兩個方面有機地統(tǒng)一,生能實現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁設(shè)計必然服務于網(wǎng)站的主題,就是說,什么樣的網(wǎng)站,應該有什么樣的設(shè)計。例如,設(shè)計類的個研究站點與商業(yè)站點性質(zhì)不同,目的也不同,所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應該是這樣:首先,設(shè)計是為主題服務的;其次,設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物,就是說,即要“美”,又要實現(xiàn)“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網(wǎng)站,可以只體現(xiàn)作者的設(shè)計思想,或者僅僅以設(shè)計出“美”的網(wǎng)頁為目的。它的主題只有一個,就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合,或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯,都將削弱網(wǎng)頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現(xiàn)平庸的網(wǎng)頁設(shè)計或使網(wǎng)頁設(shè)計以失敗而告終。
要使網(wǎng)頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內(nèi)容統(tǒng)一。
任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計的一切內(nèi)在要素的總和,是設(shè)計存在的基礎(chǔ),被稱為“設(shè)計的靈魂”;形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計的內(nèi)容就是指它的主題、形象、題材等要素的總和,形式就是它的結(jié)構(gòu)、風格或設(shè)計語言等表現(xiàn)方式。內(nèi)容決定形式,形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現(xiàn)現(xiàn)實,而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風尚、趣味,使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境?!?黑格爾美學第三卷)。
一方面,網(wǎng)頁設(shè)計所追求的形式美,必須適合主題的需要,這是網(wǎng)頁設(shè)計的前提。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設(shè)計風格”而脫離內(nèi)容,或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn),網(wǎng)頁設(shè)計都會變的空洞而無力。設(shè)計者只有將二者有機地統(tǒng)一起來,深入領(lǐng)會主題的精髓,再融合自己的思想感情,找到一個完美的表現(xiàn)形式,生能體現(xiàn)出網(wǎng)頁設(shè)計獨具的分量和特有的價值。另一方面,要確保網(wǎng)頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會適得其反。只有通過認真設(shè)計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感生能實現(xiàn)形式與內(nèi)容的統(tǒng)一。
據(jù)有關(guān)資料所做的保守估計,目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設(shè)某個網(wǎng)頁為了豐富其藝術(shù)性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網(wǎng)頁數(shù)據(jù),使瀏覽者必須等待很長時間生能看到“廬山真面目”,這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁,因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性,使網(wǎng)頁內(nèi)容不能很快地到達訪問者,影響了訪問效果和質(zhì)量,損害了訪問者的情趣和積極性,這種技術(shù)要素影響了傳達信息的效果,因而不是形式與內(nèi)容的完美統(tǒng)一。
網(wǎng)頁具有多屏、分頁、嵌套等特性,設(shè)計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網(wǎng)頁的形式美。這就要求設(shè)計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內(nèi)容的統(tǒng)一。
因此,在網(wǎng)頁設(shè)計中必須注意形式與內(nèi)容的高度統(tǒng)一。
3、強調(diào)整體。
網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性,這里主要討論設(shè)計形式上的整體性。
網(wǎng)頁是傳播信息的載體,它要表達的是一定的內(nèi)容、主題和意念,在適當?shù)臅r間和空間環(huán)境里為研究們所理解和接受,它以滿足研究們的實用和需求為目標。設(shè)計時強調(diào)其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給研究一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。
網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽要素組成的。在設(shè)計網(wǎng)頁時,強調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結(jié)構(gòu),也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色,并注意色彩搭配的和諧;對于分屏的長頁面,不可設(shè)計完第一屏再考慮下一屏。同樣,整個網(wǎng)頁內(nèi)部的頁面,都應統(tǒng)一規(guī)劃,統(tǒng)一風格,讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。
從某種意義上講,強調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶,以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎(chǔ)上的整體。
1、交互性與持續(xù)性。
網(wǎng)頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因,也是網(wǎng)頁設(shè)計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下,研究們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網(wǎng)頁設(shè)計不像印刷品設(shè)計那樣,發(fā)表之后就意味著設(shè)計的結(jié)束。網(wǎng)頁設(shè)計研究員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標,配合網(wǎng)站不同時期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常地對網(wǎng)頁進行調(diào)整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進行改版,這就需要設(shè)計者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上,不斷創(chuàng)作出新的網(wǎng)頁設(shè)計作品。
2、多維性。
多維性源于超級鏈接,主要體現(xiàn)在網(wǎng)頁設(shè)計中對導航的設(shè)計上。由于超級鏈接的出現(xiàn),網(wǎng)頁的組織結(jié)構(gòu)更加豐富,瀏覽者可以在各種主題之間自由跳轉(zhuǎn),從而打破了以前研究們接收信息的線性方式。例如,可將頁面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復合結(jié)構(gòu)等。但頁面之間的關(guān)系過于復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設(shè)計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息,設(shè)計者必須考慮快捷而完善的導航設(shè)計。
3、多種媒體的綜合性。
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設(shè)計者綜合運用多種媒體元素來設(shè)計網(wǎng)頁,以滿足和豐富瀏覽者對網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進和流(stream)技術(shù)的推動下,inter網(wǎng)上出現(xiàn)實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運用是網(wǎng)頁設(shè)計的特點之一,是未來的發(fā)展方向。
4、版式的不可控性。
網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計有著極大的差異:。
(2)網(wǎng)絡(luò)正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;。
(3)網(wǎng)頁設(shè)計過程中有關(guān)web的每一件事都可能隨時發(fā)生變化。
這一切說明,網(wǎng)絡(luò)應用尚處在發(fā)展之中,關(guān)于網(wǎng)絡(luò)應用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導致網(wǎng)頁版式設(shè)計的不可控制性。其具體表現(xiàn)為:。
(1)網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出;。
(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;。
(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面,效果會有所不同;。
(4)用戶的瀏覽器工作環(huán)境不同,顯示效果也會有所不同。
把所有這些問題歸結(jié)為一點,即網(wǎng)頁設(shè)計者無法控制頁面在用戶端的最終顯示效果,但這也正是網(wǎng)頁設(shè)計的吸引研究之處。
5、技術(shù)與藝術(shù)結(jié)合的緊密性。
設(shè)計是主觀和客觀共同作用的結(jié)果,是在自由和不自由之間進行的,設(shè)計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制,優(yōu)秀設(shè)計者正是在掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由,一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)頁設(shè)計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律,注重技術(shù)和藝術(shù)緊密結(jié)合,這樣生能窮盡技術(shù)之長,實現(xiàn)藝術(shù)想象,滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。
例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應的程序來播放,由于音頻或視頻文件都比較大,需要較長的下載時間。流(stream)技術(shù)出現(xiàn)以后,網(wǎng)頁設(shè)計者充分、巧妙地應用此技術(shù),讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。
網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁的藝術(shù)設(shè)計由平面設(shè)計擴展到立體設(shè)計,由純粹的`視覺藝術(shù)擴展到空間聽覺藝術(shù),網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進了技術(shù)與藝術(shù)的緊密結(jié)合,把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。
技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁設(shè)計中體現(xiàn)得尤為突出。
網(wǎng)頁設(shè)計報告總結(jié)篇一
真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產(chǎn)生效果。總之問題一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網(wǎng)頁設(shè)計一個引導頁。
然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉(zhuǎn)換,比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.
在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠,但是回顧一下這周真的學到了很多的東西。
網(wǎng)頁的調(diào)試代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓,合格扣就可以正式上班了。
(二)三天的培訓工作。
三天后,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。
(三)最后的考核。
三天的培訓后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。
考核的內(nèi)容,就是在公司的商務網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的'提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。
三、正式工作。
我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3--4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。
四、業(yè)余的生活。
每天的工作都是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結(jié)束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。
五、工作心得體會。
實習期結(jié)束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。
報告人:
時間:xx年xx月xx日。
網(wǎng)頁設(shè)計報告總結(jié)篇二
網(wǎng)頁設(shè)計心得體會。
我利用寒假的時間,對網(wǎng)頁設(shè)計進行了初步的認識和了解,并基本掌握dreamweaver的應用。
通過對網(wǎng)頁設(shè)計書籍的翻閱,我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識,在實踐查閱資料時,對flash也有所了解。
我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。
通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。
尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。
在這個過程中,我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀,而是多種課程的綜合,他是、flash、fireworks等網(wǎng)頁軟件的綜合應用。
下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。
在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應該具備一些基本原則。
首先,要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風站要有一個明確的主題。
整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用;其次,要了解你網(wǎng)站所在行業(yè)的客戶,及你的網(wǎng)頁屬于哪個類別。
用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了,
下面要開始的便是優(yōu)化工作,
內(nèi)容是整個網(wǎng)頁的核心。
在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。
優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。
然后在具體的規(guī)劃一個網(wǎng)頁時,可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來,尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候,特別需要把這個架構(gòu)規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu),很浪費時間和財力。
大綱列出來后,還必須考慮每個頁面之間的鏈接關(guān)系。
是星形,樹形,或是網(wǎng)形鏈接。
這也是判別一個網(wǎng)站優(yōu)劣的重要標志。
鏈接混亂,層次不清的站點會造成瀏覽困難,影響內(nèi)容的發(fā)揮。
框架定下來了,然后開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發(fā)展打下良好的.基礎(chǔ)。
下一步,就以動手制作具體內(nèi)容了,題材選定,框架選定,接下來就開始往主頁里面填內(nèi)容。
如果是個人主頁,有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。
大部分人的方法是:從報紙,雜志,光盤等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。
另外一個好的方法是從網(wǎng)絡(luò)上收集,您只要到搜索引擎上查找相應的關(guān)鍵字,就可以找到一大堆的資料。
在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片,flash提供了功能齊全的繪圖和編輯圖形工具。
可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互a性”強。
在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。
然后是開始正式制作主頁。
通過dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。
總體來說,通過這個假期對網(wǎng)頁設(shè)計的學習,有收獲也有遺憾。
但是,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高,我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。
不知不覺,二個星期的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁這門課學好,做出一個優(yōu)秀的網(wǎng)站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設(shè)計網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點,可能有人會說我傻,但正因為這個傻的行動,令我學會很多東西,學會別人不懂的東西,做出一個令自己滿意的網(wǎng)站,可能跟別人比還需要繼續(xù)完善,但我不會因為實操結(jié)束,就把網(wǎng)頁設(shè)計拋到九霄云外,我會繼續(xù)學習網(wǎng)頁設(shè)計技術(shù),把它變?yōu)樽约旱囊豁椞亻L。
回顧第一天的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程實操,老師叫我們繼續(xù)完善以前設(shè)計的網(wǎng)站,做出留言板、注冊的功能。
我很快就完成了,但可能我是一個追求完善的人,所以盡管一個網(wǎng)站做好可以馬上交給老師。
但我做出一個別人都不贊同的決定,從頭開始做一個網(wǎng)站。
因為我覺得以前那個真的不是太好,盡管實操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先:
一、必需進行個人網(wǎng)站前臺功能設(shè)計
包括個人網(wǎng)站主題的確定,前臺功能設(shè)計與管理、個人網(wǎng)站主頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。
二、對個人網(wǎng)站后臺管理功能設(shè)計
包括個人網(wǎng)站后臺管理功能的設(shè)計、后臺管理信息系統(tǒng)功能的設(shè)計、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。
第一次做的那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了,就要對個人網(wǎng)站進行推廣,這是一個電子商務網(wǎng)站必需做得的一步,因為如果你不對你的網(wǎng)站進行推廣,就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個網(wǎng)站時真的體會很多東西,從一開始網(wǎng)頁主題的確定,到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。
我都一一進行了規(guī)劃,因為如果你不規(guī)劃好,想做什么就做什么,是不會做得好的。
因我為體會到這一句話:“機會中屬于有準備的人”。
我詳細到一個表格寬度都一一列明。
例如:775寬度,分三欄,每一欄占多少。
因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了,所以今次在做就比較輕松,但我以前是經(jīng)過一個比較長的練習,做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。
第一次我用的是access數(shù)據(jù)庫,第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理,第三次我用的是數(shù)據(jù)源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習,不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學提出的問題解決到,也不會輕松教會同學,因為你自己首先學會,學通,學廣,才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候,但不是為我自己的而做,而是一步一步教同學做,直到令同學學懂;把同學留言板的問題一一解決;當同學因為做不出而沒心情,過去對她進行鼓勵的,然后一一解決;當自己也不會,與同學共同研究的情況,這種學習氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對,用心做事才能把事情做好。
把每一件簡單的事情做好就是不簡單,把第一件平凡的事情做好就是不平凡。
網(wǎng)頁設(shè)計報告總結(jié)篇三
近一個星期的實訓將要結(jié)束了,頂著考研考試的巨大壓力我們小組還是如期的完成了老師的要求,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲??傮w來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
做好頁面,并不是一件容易的事,它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。本次課程設(shè)計不是很好,頁面過于簡單,創(chuàng)新意識反面薄弱,這是我需要提高的地方。需要學的地方還有很多,需要有耐心、堅持,不斷的學習,綜合運用多種知識,才能設(shè)計出好的web頁面。
prettyhair來維護數(shù)據(jù)庫安全可靠。同時,prettyhair也是一家以提倡健康、漂亮頭發(fā)的信息資訊類公司,您可以在這里獲取如何保養(yǎng)頭發(fā)的相應信息,以及各種發(fā)型的圖片相關(guān)介紹,還有各種護發(fā)用品。于是網(wǎng)站主題確立。然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,個人檔案、興趣愛好、成長經(jīng)歷、國家隊生涯、榮譽、職業(yè)生涯數(shù)據(jù)、轉(zhuǎn)會記錄,再加入個別網(wǎng)站等,每一部分又分幾小部分,內(nèi)容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關(guān)網(wǎng)站,收集關(guān)于c羅的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網(wǎng)站的布局,特色,顏色搭配,背景圖等。
再后是制作網(wǎng)頁了,使用dreamweaver制作。首頁內(nèi)容精彩豐富,簡潔明快,語言風趣,通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務,一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
還有,在最超鏈接過程中,明明在頁面屬性里設(shè)置的是超鏈接的文字是原色,點擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實驗,終于知道怎么回事了,原來應該對文字所在的單元格整體做鏈接,而不是只選中文字做鏈接。這次的網(wǎng)站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。
制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用,操作,可這樣要修改模版可就麻煩了,要一個網(wǎng)頁一個的修改,于是趕緊上網(wǎng)學習相關(guān)內(nèi)容,閱覽書籍,最后才知道文件這有個資源,點擊進入資源面板,點擊到數(shù)第二個的模版,選項,所有模版就都顯示了,點擊資源面板左下角的應用命令,好了,這個模版就應用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一,其它問題也是類似相同。現(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
網(wǎng)頁設(shè)計報告總結(jié)篇四
學習如何通過選擇正確的格式,來優(yōu)化網(wǎng)頁圖片,并確保文件大小在可行的范圍你是足夠小的。雖然現(xiàn)在人們已經(jīng)都在使用寬帶,但仍然有人是撥號上網(wǎng)。
此外,雖然移動裝置技術(shù)的普及,但移動裝置卻不一定支持像寬頻一樣的速度,圖片文件的大小可能還是會延長網(wǎng)頁的加載時間,有可能把用戶趕走的。
這里有個選擇適合的文件格式的技巧:如果圖片是單色,那最好保存成png或者gif格式;如果是連續(xù)性的色調(diào)(如照片)則最好保存成jpg格式。
有很多的工具可以幫助你進一步優(yōu)化你的圖片,降低他們的文件大小。可以參考這個工具列表來幫助優(yōu)化你的圖片。
盡量把圖片數(shù)量減到最低,并且靈活使用圖片,并且盡可能地減小文件大小。如此一來,將可以大大的減少頁面的讀取時間和改善網(wǎng)頁的性能。
2.保持干凈和簡單(即:簡潔)。
一個好的網(wǎng)頁設(shè)計不光只是看起來好看而已,還要是用戶友好型的。通常來說,一個干凈、簡單的網(wǎng)頁設(shè)計最終會成為一個可用性高的網(wǎng)頁設(shè)計,因為它在與用戶的交互中不會使其產(chǎn)生混淆。
當頁面上有太多的網(wǎng)站功能和組件時,將會分散網(wǎng)站用戶的注意力而失去原本瀏覽網(wǎng)站的目的。
確保每個頁面元素都有其目的,然后問自己以下問題:
1.是否真的需要這個設(shè)計么?2.這是什么組件是做什么用,它如何協(xié)助用戶瀏覽?
3.如果我突然刪除這個組件,大多數(shù)人會希望它“回來”嗎?
4.如何把這些元素和目標、消息和網(wǎng)站的`宗旨互相結(jié)合?
此外,盡管它可能是一個超酷的新概念或界面設(shè)計模式,但你還是要確保對你的用戶而言該設(shè)計仍然是方便和直觀的。
人們習慣于通用性的交互模式、網(wǎng)站功能、和網(wǎng)絡(luò)接口,如果你的設(shè)計的確很獨特,確保它不是太模糊和晦澀。要有創(chuàng)意,但還要保持簡單。
3.導航(條/欄)是最重要的設(shè)計。
一個網(wǎng)站最重要的部分就是整個網(wǎng)站的導航。沒有它,無論在哪個頁面中,用戶都會發(fā)生卡在這個頁面離不開的狀況。有了這明顯的實際方向,我們將討論一些建構(gòu)網(wǎng)站導航時重要的點。
首先,在網(wǎng)站的導航結(jié)構(gòu)上,投入足夠的時間和很多規(guī)劃是非常重要的。雖然這是常識,但仍然有很多設(shè)計師想當然地設(shè)計網(wǎng)站導航。
擺放位置、風格、所用技術(shù)(javascript或css)、可用性和網(wǎng)頁易讀性,這些是你制作導航設(shè)計時需要考慮的。
在沒有css的狀況下,你的導航設(shè)計應該也是可用的,這是基于文字基礎(chǔ)的瀏覽器相容性。你可以盡量去嘲笑文字基礎(chǔ)的瀏覽器,但它們在很多的移動設(shè)備上還是流行的。也許更為重要的是,對屏幕用戶來說(99.99%的情況下),沒有css的導航功能照樣可用訪問。
在沒有客戶端技術(shù)情況下(如javascript或flash),導航功能應該容易進入和使用的。用戶可能因安全性或公司政策而沒有開啟或安裝。
所以,制定一個導航系統(tǒng)可以放置的良好位置是必須的,例如放在一個顯眼可見的地方。一個好的導航功能,只要網(wǎng)頁載入就出現(xiàn),而不需要鼠標再向下滾動。這是為什么頁面要保持干凈和簡單的重要作用,一個復雜且非常規(guī)的設(shè)計可能會讓用戶困惑。
哪怕只有一瞬間,用戶也必定不會納悶:“網(wǎng)站導航在哪里?”
最后,對網(wǎng)站建立階層結(jié)構(gòu),多層次的管理。確保它在父層與子層之間易于導航。此外,不管在哪一個網(wǎng)頁當中,也應該能很容易到達最高層的頁面(例如網(wǎng)站首頁)。
最主要的目標就是你的網(wǎng)站導航,盡可能減少操作(動作),努力而讓用戶到達他想要瀏覽的內(nèi)容。
4.明智和有條理地使用字體。
雖然有成千上萬的字體,但你真的能用的只是一小部分(至少要等到主要的瀏覽器完全支持css3)。所以堅持使用網(wǎng)頁安全字體。
如果你不喜歡網(wǎng)頁安全字體,可以考慮利用sifr或cufon逐步增強的網(wǎng)頁設(shè)計。
保持字體的一致性,確認標題和段落的內(nèi)容看起來有所不同。使用空白、調(diào)整行高、字體大小和字母間距屬性,使用戶輕松愉快地閱讀和掃描內(nèi)容。
也許一個網(wǎng)頁設(shè)計師常常犯的錯誤就是使用不對的字體大小。因為我們想盡可能的將內(nèi)容都塞在一個網(wǎng)頁中呈現(xiàn),所以我們有時設(shè)置字體大小而讓用戶感覺到不舒服。
如果可能的話,盡量保持字體大小12像素以上,特別是對段落內(nèi)容。雖然很多沒有遇到因為字體太小而造成閱讀上的困難,但是想想老人家、近視眼和其他類似視覺障礙的族群吧。
5.理解色彩無障礙性。
說完字體后,我們還需要指出使用正確顏色的重要性。例如,黑色文字在白色背景,如果使用高對比度,橙色背景上的紅色文字會令你的眼睛感到緊張。
此外,使用一些對特殊形式色盲的用戶友好的顏色(檢查工具名為vischeck,可以測試某些類型的色盲)。
有些色彩組合只適合運用在前景色的部分,而不適合做背景色。舉個例子來說,深藍色的文字搭配粉紅色的背景與粉紅色的文字搭配深藍色的背景,都是使用兩種一樣的顏色,但用在不同的部分則影響了它的可讀性和閱讀的舒適度。
重要的是,不僅要使用良好的色彩組合,而且要把它用在頁面中的合適元素上。
6.知道如何編寫代碼。
隨著各種所見即所得的網(wǎng)頁編輯器充斥市場,網(wǎng)頁設(shè)計已經(jīng)成為簡單的1-2-3步驟就能設(shè)計好一個網(wǎng)站。然而,大多數(shù)網(wǎng)頁編輯器摻雜了不必要的代碼,使你的html結(jié)構(gòu)設(shè)計不當,難以維護和更新,導致網(wǎng)頁膨脹。
通過自己編寫的網(wǎng)頁代碼,能得到簡潔的代碼,能夠愉快方便地閱讀和維護。你可以自豪地說是自己寫出來的代碼。
但知道如何使用所見即所得的ide或預覽功能并不會妨礙學習html和css。你要知道發(fā)生了什么事情,才能創(chuàng)造有效并高度優(yōu)化的網(wǎng)頁設(shè)計。
7.不要忘記搜索引擎優(yōu)化。
在設(shè)計網(wǎng)站時,一個好的網(wǎng)頁設(shè)計師應該永遠牢記基本的seo概念。例如,網(wǎng)頁內(nèi)容結(jié)構(gòu)、用文字表示標題(即網(wǎng)頁的標題和標志)。
此時,以前學習的如何合理編碼的能力就派上用場。認識正確、語義和基于標準的html/css后,你會很快認識到span比表格布局好得多,不僅更為準確地展現(xiàn)內(nèi)容,而且對搜索引擎排名也有幫助。另外,知道用css更換背景、文字和圖片也是一個好主意。
8.理解人是沒有耐性的。
普通人用幾秒鐘就決定是否要閱讀更多網(wǎng)頁內(nèi)容或到另一個網(wǎng)站。因此,作為一個網(wǎng)頁設(shè)計師,要有個好方法,能在這珍貴的幾秒鐘鼓勵用戶選擇前者(看更多內(nèi)容)。
要知道,如果用戶在網(wǎng)頁頭部看不到感興趣的內(nèi)容,沒有多少人會向下滾動,去查看整個網(wǎng)頁的內(nèi)容。
所以,在網(wǎng)頁頭部很容易看到的地方放置網(wǎng)站上的重要元素,但也不要過度擁擠在上半部分網(wǎng)頁,否則會嚇到用戶,而不會往下繼續(xù)看內(nèi)容。記住上半部分網(wǎng)頁設(shè)計的賣點:視其為推銷員,使人們有購買想法,即他們想在你的網(wǎng)站上看到什么。
9.了解(并意識到)瀏覽器的兼容性。
當一個網(wǎng)頁設(shè)計師必須要知道的一件事,就是你的工作環(huán)境(瀏覽器)是挑剔和難以預料的。如果你的網(wǎng)頁設(shè)計只能運行在的幾種網(wǎng)頁瀏覽器,那是不夠的,你需要盡可能多瀏覽器下測試。這里有一款工具browsershots,可以測試瀏覽器兼容性。
10.使設(shè)計有靈活性和可維護性。
一個好的網(wǎng)頁設(shè)計師可以確保以后可以很容易更新或修改網(wǎng)站。設(shè)計一個有可塑性、易于維護的網(wǎng)站,是一個偉大網(wǎng)頁設(shè)計師的標志。讓你的工作盡可能從結(jié)構(gòu)化轉(zhuǎn)向模塊化。
網(wǎng)頁設(shè)計這個行業(yè)是動態(tài)的,而且還很“年輕”。事情往往在短暫中變化。牢記這種思想,將推動建立更加靈活的網(wǎng)頁設(shè)計。
網(wǎng)頁設(shè)計報告總結(jié)篇五
來公司擔任網(wǎng)頁設(shè)計師一職快3個月了,時間雖不長,可我學到了很多東西。每個人都是在不斷的總結(jié)中成長,在不斷的審視中完善自己。在這幾個月的時間里,我也是在總結(jié)、審視中腳踏實地地完成好本職工作,總結(jié)如下:
一、思想方面:
嚴格按照一個網(wǎng)頁設(shè)計人員應有的素養(yǎng)來約束自已,愛崗敬業(yè),具有強烈的責任感和事業(yè)心,積極主動認真的學習專業(yè)知識,工作態(tài)度端正,認真負責,聽從公司的安排,任勞任怨。
二、工作方面:
熱愛自己的本職工作,能夠正確認真的對待每一項工作,工作投入,熱心為大家服務,認真遵守勞動紀律,按時上下班,有效利用工作時間,堅守崗位,需要加班完成工作按時加班加點,保證工作能按時完成。
在技術(shù)型團隊中,技術(shù)不是萬能的,但是沒有技術(shù)是萬萬不能的。技術(shù)跟人品同等重要,技術(shù)水平是受人重視和尊重的重要砝碼。請牢記:“如果一個技術(shù)人員在一兩年內(nèi)都沒有更新過自己的知識,那么,其實他已經(jīng)不再屬于這個行業(yè)了。”不要告訴自己沒有時間,時間就像海綿里面的水,所以,堅持學習專業(yè)知識。20xx年的目標就是高效、完美的完成自己的本質(zhì)工作。
二、工作中的不足:
雖然通過三個月的努力,技術(shù)水平有所提高,但是還是存在很多不足的地方,因為基礎(chǔ)打的不夠好,很多地方學習起來有些吃力,不停的問同事,也給別人帶來了不少麻煩,因為知識的不足,使得開始的學習有些混亂,感覺不知道從哪里開始學起,無從下手,浪費了不少時間!
網(wǎng)頁設(shè)計報告總結(jié)篇六
(4)擔任講解工作;
(5)領(lǐng)導交辦的其他工作。通過完成上述工作,使我認識到一個稱職的招商主管應當具有良好的語言表達能力、流暢的文字寫作能力、網(wǎng)站建設(shè)維護能力、大型活動的策劃及籌備能力。目前我在網(wǎng)站建設(shè)、大型活動的策劃方面存在不足。在網(wǎng)頁制作的過程中我發(fā)現(xiàn),frontpaeg根本無法適應精美網(wǎng)頁的制作要求,于是重新學習了新的網(wǎng)頁制作軟件dreamweavermx及圖形處理軟件fireworksmx。目前我已熟悉了上述軟件的常用功能并能運用其進行基本的網(wǎng)頁制作及圖形處理。為了讓自己做一個稱職的招商人員,我閱讀了網(wǎng)上的部分策劃案例,以便在以后的策劃工作中有所幫助。
x年又是一個充滿激情的一年,在今后的工作中,我將努力提高自身素質(zhì),克服不足,朝著以下幾個方向努力:
1、學無止鏡,時代的發(fā)展瞬息萬變,各種學科知識日新月異。我將堅持不懈地努力學習各種招商引資知識,并用于指導實踐。
2、“業(yè)精于勤而荒于嬉”,在以后的工作中不斷學習業(yè)務知識,通過多看、多學、多練來不斷的提高自己的各項業(yè)務技能。
3、不斷鍛煉自己的膽識和毅力,提高自己解決實際問題的能力,并在工作過程中慢慢克服急躁情緒,積極、熱情、細致地的對待每一項工作。
網(wǎng)頁設(shè)計報告總結(jié)篇七
【導語】總結(jié)是對自身社會實踐進行回顧的產(chǎn)物,它以自身工作實踐為材料。是回顧過去,對前一段時間里的工作進行反思,但目的還是為了做好下一階段的工作。以下是本站為大家準備的《設(shè)計師個人工作總結(jié)結(jié)尾》,希望對大家有幫助。
秋去冬又來,花開花亦謝。一閉一睜間,匆匆又一年。
在忙忙碌碌中,20xx年又將過去了,在這一年當中,設(shè)計部無論是在運作模式、設(shè)計產(chǎn)值、還是人員結(jié)構(gòu),各方面的變化都比較大。
設(shè)計部的運作模式是從7月底開始進行調(diào)整的,以獨立承包制的運營方式,與之前相比,變化相對較大。設(shè)計部有了更大的自主權(quán),有了更大的發(fā)揮空間。對于公司來講,也省了不少雜事小事。在近幾個月的運作來看,情況還是比較穩(wěn)定,總體是穩(wěn)中有發(fā)展。在不斷提高自己的管理能力的基礎(chǔ)上,繼續(xù)加強專業(yè)知識的學習,領(lǐng)導部門所有人員,往更高設(shè)計層次邁近。
從一年的設(shè)計產(chǎn)值來看,比去年有了相對程度的提高,設(shè)計工程總產(chǎn)值達1億元左右,設(shè)計費總產(chǎn)值近300萬元。從項目的類型上分析,今年的聲學公建項目比去年增加很多,如青少年宮、藝術(shù)中心、會議中心等等。這也在另一個角度可見,幾年以來,豐總一直要求銷售人員在銷售過程中同樣需要重視聲學裝飾領(lǐng)域這一決策初見成效。
還有今年本地區(qū)的事業(yè)單位的設(shè)計裝飾項目,如雨后春筍,慢慢地越來越多,而且都是側(cè)重于在原有建筑中的裝修改造,這也預示著本地區(qū)的機關(guān)事業(yè)單位的二次裝修改造時期的到來,因此,我們應該提前做好準備,在20xx年,爭取再把握更多的機會,打個漂亮戰(zhàn)。雖然今年的產(chǎn)值是喜人的,但是作為一個甲級設(shè)計資質(zhì)的設(shè)計單位來說,這是遠遠不夠的。我們?nèi)孕枰M一步努力,不斷地在業(yè)務技能上下功夫,爭取在新的一年里,產(chǎn)值更上一層樓。
設(shè)計部今年的人員流動性,是歷年來的,幾乎是大換血,與新成立一個設(shè)計部沒什么區(qū)別。因此在一定程度上影響了工程設(shè)計的質(zhì)量、進度,甚至導致某些項目的流產(chǎn),對公司造成了較大的損失。但是,在這幫新人的共同努力下,還是平穩(wěn)地挺過來了。需要項目現(xiàn)場跟蹤,我們就駐現(xiàn)場;需要加班加點趕時間,我們就連續(xù)奮戰(zhàn)近數(shù)月;需要互相配合,就互幫互助。在部門里,人員之間的團隊凝聚力,在短時間內(nèi)很快有了質(zhì)的提升。深知團隊精神是攻克萬難的最基本的立足點,我們都做到了。
其中值得一提的是王亞丹,在其中一個月打卡記錄中,超過晚上24時的,有近半個月。作為一個女同志,對工作認真負責,是值得學習的,并且在老員工辭職之后,她主動承擔了不少項目的設(shè)計工作。還有俞挺,為人處事,踏踏實實。雖然剛進公司不久,但對聲學領(lǐng)域好學好問,為了公司日后的長足發(fā)展,為了培養(yǎng)聲學設(shè)計的后備人才,派他上清華進行聲學理論知識的培訓并取得培訓證書,回來后,又恰逢廣東工地需駐現(xiàn)場設(shè)計師,故派他親臨實踐。理論與實際的結(jié)合,讓他在聲學方面的專業(yè)技能,有了很大的提高。還有趙歡歡、蔡干武、黃哲科三個設(shè)計員,性格相近,踏實肯干、能吃苦耐老,雖然在專業(yè)能力上還有待于提高,但從為人處事上來考慮,都是符合我們公司“誠實樂群、開拓超越”的企業(yè)精神的。
設(shè)計部的20xx,是一個不平凡的20xx,每年的這個時候,心中總充滿著無限的感慨來回顧這一年,心中總充滿著無限的希望來期待下一年。年復一年,看到的是進步,看到的是發(fā)展,看到的是大豐的未來。
20xx年很快就會過去了,掐指一算,來到xx已經(jīng)整整一年了,在這里我對我一年以來的工作情況進行簡要的總結(jié),算是對公司也是對個人這段時間的工作的一個交代。
一、個人工作總結(jié)。
我是去年x月有幸被xx錄用的,之前我一直從事廣告平面設(shè)計方面的工作,到了xx后找的第一份工作就是網(wǎng)頁設(shè)計,不過做的時間不是很長,對這方面還算是個生手。
到了xx以后,先是擔任平臺設(shè)計師的工作至x月下旬,然后又調(diào)到網(wǎng)站建設(shè)部做網(wǎng)站設(shè)計師一直至今。在工作中,我學到了很多東西,從不懂,到有點懂,再到熟悉。這中間的過程,只有我自己最清楚。
很多時候,日常的工作是瑣碎的,我們只有自己從中找到樂趣,才不會覺得枯燥;很多時候當我們做網(wǎng)站剛有靈感的時候,會突然有其它的工作布置下來,我們只有自己調(diào)整好自己的心態(tài),統(tǒng)籌安排好自己的工作,才不會手忙腳亂。
那天爸爸給我打電話的時候,我正在加班,爸爸說,怎么又在加班了,要注意身體。我告訴爸爸,不知道為什么我喜歡工作,喜歡那種充實的感覺,雖然有的時候回到家的時候真的很累,也會偶爾覺得自己活得有點辛苦,但是一旦自己真的閑下來的時候,反而覺得很不適應了。爸爸說,恭喜你,長大了,那至少說明你不是一個好逸惡勞的人。
我喜歡爸爸的評價,我是個極其熱愛設(shè)計的人,有興趣,有靈感,我知道我或許不是的,但是我一定是最有激情的。我真的很喜歡設(shè)計,我也不知道為什么,所以,我想證明自己,證明自己的能力和一顆真誠而執(zhí)著的心。明天會怎么樣,誰也不知道。至少今天我要對得起自己。
非常感謝公司給我這個成長的平臺,令我在工作中能不斷的學習,不斷的進步,不斷提升自身的素質(zhì)與才能。
二、與同事相處。
到了xx以后,要感謝的人真的很多…。
在平臺上工作的時候,感謝總監(jiān)一直教導我,要不斷提高自己的設(shè)計能力;感謝龔琳娜從我進公司的第一天起,就耐心的教給我很多我不懂的東西;感謝劉國平和邱小東,在我剛進公司對代碼絲毫不懂的情況下,對我的熱心的幫助。感謝有在平臺上磨練的那段時光,正是那段時間激發(fā)了我的斗志和工作熱情!
到了網(wǎng)站建設(shè)部以后,我被一種莫名的東西感動著。我們是一支年輕的隊伍,部門經(jīng)理也是一個80年代以后的年輕的女孩子。我們雖然年輕,但是我們并不浮躁,我們充滿激情和憧憬,我們充滿力量和動力。這不正是我想要的那種感覺嗎?為了一個同目標,我們會齊心奮力向前。我的心找到了歸宿,我安定了下來。我確定:這就是我的事業(yè),為xx,為自己,努力著!前進著!
感謝每一個人對我的幫助和支持,感謝大家那么喜歡我(哈哈~~我臉皮是不是有點厚了啊!)我會繼續(xù)努力的,讓我們前進的步伐越走越堅定!!!
三、與客戶溝通。
雖然從大學畢業(yè)的時間還不到兩年,但是,可能因為我是一個不太能閑得住的人吧,從大二開始我就在學習之余將自己的另一只腳正式踏入了設(shè)計行業(yè)。
在來xx之前,我也接觸過很多各種各樣的客戶,有蠻不講理的,也有和藹可親的,不過那些都是和客戶當面溝通交流的,和客戶在意見上發(fā)生分歧時,大部分我可以很輕易的用我的設(shè)計專業(yè)方面的知識說服客戶,甚至可以現(xiàn)場做出效果來改變他們的主意。
可是,來了xx之后,我才發(fā)現(xiàn)電話溝通真的是一門很深奧的學問。在電話這頭的我,看不見電話那頭客戶的表情,動作,只能從電話中客戶的語氣來分析猜測客戶此時的想法和心情。也漸漸開始明白:有些時候,不論客戶再怎么糾纏,我都必須堅持某些工作上的原則,因為一旦為一個客戶開了先河,我就必須考慮到接下來該如何面對更多的客戶,我必須為自己的一言一行負責到底;而有些時候,又必須對一些客戶妥協(xié),即使他們再怎么讓我深惡痛絕,我還是必須認真的完成對他們的服務,因為不能因為一些小事,丟失掉一些重要的客戶。
感謝xx!讓我從客觀上對自己在以前所學的知識有了更加感性的認識,使自己更加充分地理解了理論與實際的關(guān)系。
四、工作態(tài)度。
一個人的工作態(tài)度折射著一個人的人生態(tài)度,而一個人的人生態(tài)度又決定一個人一生的成就。我的工作,就是我的生命的投影。一個天性樂觀,對工作充滿熱忱的人,無論他眼下是在洗馬桶、挖土方,或者是在經(jīng)營著一家大公司,都會認為自己的工作是一項神圣的天職,并懷著深切的興趣。對工作充滿熱忱的人,不論遇到多少艱難險阻,都會像希爾頓一樣:哪怕是洗一輩子馬桶,也要做個洗馬桶秀的人!所以我會努力讓自己保持良好的心態(tài)工作,遵守公司的各項規(guī)章制度;完成各項工作和任務。我要在20xx年比20xx年做的更好。
五、建議和意見。
1、首先,我覺得公司的xx拓展真的很好,加強同事之間的感情,加強了團結(jié)協(xié)作的能力。有很多同事,以前我都叫不出名字的,卻在這次拓展中,讓我發(fā)現(xiàn)了他們身上的很多平時發(fā)現(xiàn)不了的閃光點。讓我更加熱愛這個集體,熱愛每一個可愛的xx人!
2、我覺得公司可以考慮給我們多點專業(yè)性的培訓,就拿我們網(wǎng)站建設(shè)部來說,可以找一些在設(shè)計方面比較厲害的人給我們培訓,或者多參加一些類似于上海國際旅游交易會那樣的活動,可以開拓我們的視野,提升我們的設(shè)計水平,以及對旅游的認識。
3、還有一點,我感覺我們每天早晨的晨會分享,以及我們部門每周五中午的專業(yè)培訓挺好的,每次都能學到東西,有時候就是一些小小的技巧,卻可以在工作中很大程度的提高工作效率。
以上只是我個人的一些愚見,如有不妥之處,還請大家原諒!
新的一年我為自己制定了新的目標,那就是要加緊學習,更好的充實自己,以飽滿的精神狀態(tài)來迎接新一年工作的挑戰(zhàn)。我心里在暗暗的為自己鼓勁。要在工作中站穩(wěn)腳步,踏踏實實,多向其他同事學習,取長補短,相互交流好的工作經(jīng)驗,共同進步,爭取更好的工作成績,為公司做出更大的貢獻。
網(wǎng)頁設(shè)計報告總結(jié)篇八
一個網(wǎng)站的設(shè)計成功與否是跟用戶的體驗有很大的幫助的。如果你的網(wǎng)站設(shè)計的給人一種視覺錯亂的效果,那么說明,你失敗了。任何人,包括搜索引擎都非常的喜歡簡單大方的頁面。設(shè)計網(wǎng)站頁面的時候應該注意哪些方面的技巧性問題。
1.色彩在網(wǎng)頁設(shè)計中的作用。
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。
根據(jù)色彩對人們心理的影響,合理地加以運用。如果您的企業(yè)有ci,我們將按照其中的vi進行色彩運用。
2.簡化網(wǎng)頁代碼。
搭建網(wǎng)頁前端的時候,使用有語義的代碼。用描述性的標簽組織頁面結(jié)構(gòu),可以提高內(nèi)容對搜索引擎的可讀性。這也會讓修飾頁面的工作變得更簡單干凈。
3.模塊化和可修改性強。
模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風格,還可以降低程序開發(fā)的強度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。
無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡制作圖片,n個按鈕就是n張圖片。
4.版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。
多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。
為了達到最佳的視覺表現(xiàn)效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
5.避免使用flash或者圖片作導航欄。
flash雖然有著漂亮的效果,但對于搜索引擎優(yōu)化來說很不友好,因此我們建議不要用flash和圖片作為導航。
網(wǎng)頁設(shè)計報告總結(jié)篇九
網(wǎng)頁設(shè)計跟學習別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學習網(wǎng)頁設(shè)計需要耐心,如果沒有耐心,就學不好網(wǎng)頁設(shè)計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。
學習網(wǎng)頁設(shè)計需要堅持,堅持不斷的學習,因為設(shè)計網(wǎng)頁的軟件在不斷的更新,因此我們要不斷的學習并且學習網(wǎng)頁設(shè)計不要掉入技術(shù)的陷阱,如果你的網(wǎng)頁設(shè)計技術(shù)一流,并且對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.并且我認為網(wǎng)頁設(shè)計應該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。
視覺形象識別即我們通常所說的vi(visualidentity),與bi一起用于深化表現(xiàn)企業(yè)理念,同時也受到bi的影響。所謂視覺形象識別,就是指能夠被目標客戶通過視覺來認知與企業(yè)相關(guān)的一切事物,從最基礎(chǔ)的企業(yè)標志、吉祥物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等,在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套cis中處于最表層的位置,其中所有的設(shè)計都將與目標客戶發(fā)生直接的接觸。
網(wǎng)頁布局是主要考慮以下幾點:
1、首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
2、其次就應該考慮導航條的設(shè)置了。
3、正文的框架設(shè)置(橫向因素和縱向因素交錯)。
圖象我利用網(wǎng)上搜索和自己所學過的banner進行處理,這樣做起來節(jié)約了很多時間。
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。
通過這次實習,在制作時想想使自己的網(wǎng)頁更加豐富多彩,在網(wǎng)頁中插入圖象,動畫,動態(tài)特效??墒强傆龅竭@樣那樣的問題,但在同學的幫助和自己摸索的情況下完成了這個實習的成果??吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。虛在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
網(wǎng)頁設(shè)計報告總結(jié)篇十
為此學校為我們進入社會實習前為我們組織一次為期兩個月的校內(nèi)實習。在學校組織的這次校內(nèi)實習,讓我們在進入社會之前,提前體驗了一下將來在社會上的工作情況,給我們提前積累一些社會經(jīng)驗,通過本次的實習讓我們更加熟練網(wǎng)頁的制作,并創(chuàng)新的以網(wǎng)絡(luò)作為平臺,結(jié)合網(wǎng)絡(luò)運用制作了各類網(wǎng)頁。這包括了我們專業(yè)所學習的所有內(nèi)容,這次實習不緊是對我們過去學習成果的總結(jié)驗證,更是一次學習上的創(chuàng)新與進步。在這次校內(nèi)實習過程中,不管在知識掌握上,還是知識運用實踐體驗方面我都得到了很大的收獲。
網(wǎng)頁設(shè)計與制作的實習是鍛煉我們實踐能力的重要環(huán)節(jié),是對我們實際工作能力的具體習練和考察過程。隨著科學技術(shù)發(fā)展的日新月異,網(wǎng)頁設(shè)計制作已經(jīng)成為當今計算機應用中空前活躍的領(lǐng)域,在生活中可以說得是無處不在。因此作為二十一世紀的大學來說掌握網(wǎng)頁設(shè)計制作的技術(shù)和能力是十分重要的。
這次實習,我為自己家鄉(xiāng)的一個概況做一個網(wǎng)頁。我是來自大理,大理作為一座旅游城市,擁有眾多的旅游風景點,所以我選擇了為我家鄉(xiāng)的旅游做一個網(wǎng)頁。
首先我要做的就是要選擇好題目和網(wǎng)頁的風格,之后我就分步驟準備在制作網(wǎng)頁前所要做好的準備工作。我瀏覽了大理旅游網(wǎng)的一些特點,借鑒這些網(wǎng)頁的優(yōu)秀之處,不好的地方在自己的網(wǎng)頁上加以改良,從而使自己的網(wǎng)頁更加美觀。
做好這些準備工作之后我希望能在最短的時間內(nèi)做到最好的效果。接下來的步驟就是準備素材,搜集與主題相關(guān)的文字、圖像、動畫、音樂等資料。在準備素材的過程中我用到了dreamweaver、photoshop等工具。再是設(shè)計網(wǎng)頁的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu),設(shè)計首頁及其頁面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)頁,建立網(wǎng)頁的目錄結(jié)構(gòu)。制作首頁、二級子頁、內(nèi)容頁,創(chuàng)建超級鏈接。最后就是測試與瀏覽網(wǎng)頁,如果還有什么不理想的地方再改進,改進后再預覽,如此反復,最后達到預期的效果!
回顧這次課程設(shè)計,至今我仍感慨頗多。的確,從選題到開始制作,從理論到實踐,在實習兩個月的日子里,可以說得是苦多于甜,但是可以學到很多很多的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。通過這次課程設(shè)計使我懂得了理論與實際相結(jié)合是很重要的,只有理論知識是遠遠不夠的,只有把所學的理論知識與實踐相結(jié)合起來,從理論中得出結(jié)論,才能真正為掌握技術(shù),從而提高自己的實際動手能力和獨立思考的能力。
這次實習為我提供了與眾不同的學習方法和學習體會,從書本中面對現(xiàn)實,為我將來走上社會打下了扎實的基礎(chǔ)。從實踐操作中,我總結(jié)出一些屬于自己的實踐經(jīng)驗,社會是不會要一個一無是處的人的。作為信息與計算科學專業(yè)的學生,現(xiàn)在我能做的就是吸取知識,提高自身的綜合素質(zhì),提高自己的創(chuàng)新能力和合作能力等,自己有了能力,到時候才會是“車到山前必有路”。我相信在不久的未來,會有屬于我自己的一片天空!
這次課程設(shè)計在驗收之后終于順利完成了,在設(shè)計中遇到了很多的技術(shù)問題,最后在老師的辛勤指導下,終于游刃而解。同時,在老師的身上我學得到很多實用的知識,在這我再次我表示深深地感謝!同時,對給過我?guī)椭乃型瑢W表示忠心的感謝!
將本文的word文檔下載到電腦,方便收藏和打印。
網(wǎng)頁設(shè)計報告總結(jié)篇十一
很多設(shè)計師也許一直在苦惱:要如何才能成為一個優(yōu)秀的設(shè)計師呢?有沒有什么設(shè)計秘籍或者設(shè)計技巧可言?個人認為,要成為一個成功的設(shè)計師,雖然沒有捷徑可走,但是也許卻有方法可言。如果凡事不講究方法,相信要達到目的那是相當困難的。而如果方法對路,那么你離目標就不遠了。下面北極魚就給大家分享一篇來自國外設(shè)計大師purin的關(guān)于設(shè)計技巧的文章。希望對那些像我一樣迷茫的設(shè)計師有所幫助。
網(wǎng)頁設(shè)計報告總結(jié)篇十二
本實例是通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
三、實驗原理。
通過“站點定義為”對話框中的“高級”選項卡創(chuàng)建一個新站點。
四、實驗方法與步驟。
1)執(zhí)行“站點管理站點”命令,在彈出的“管理站點”對話框中單擊“新建”按鈕,在彈出的快捷菜單中選擇“站點”命令。
2)在彈出的“站點定義為”對話框中單擊“高級”選項卡。
3)在“站點名稱”文本框中輸入站點名稱,在“默認文件夾”文本框中選擇所創(chuàng)建的站點文件夾。
在“默認圖象文件夾”文本框中選擇存放圖象的文件夾,完成后單擊“確定”按鈕,返回“管理站點”對話框。
4)在“管理站點”對話框中單擊“完成”按鈕,站點創(chuàng)建完畢。
五、實驗結(jié)果。
六、討論與結(jié)論。
實驗開始之前要先建立一個根文件夾,在實驗的過程中把站點存在自己建的文件夾里,這樣才能使實驗條理化,不至于在實驗后找不到自己的站點。
在實驗過程中會出現(xiàn)一些選項,計算機一般會有默認的選擇,最后不要去更改,如果要更改要先充分了解清楚該選項的含義,以及它會造成的效果,否則會使實驗的結(jié)果失真。
實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。
實驗二:頁面圖像設(shè)置。
一、實驗目的及要求:
本實例的目的是設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
設(shè)置頁面的背景圖像,并創(chuàng)建鼠標經(jīng)過圖像。
四、實驗方法與步驟。
1)在“頁面屬性”對話框中設(shè)置頁面的背景圖像。
2)在頁面文檔中單擊“”插入鼠標經(jīng)過圖像。
五、實驗結(jié)果。
六、討論與結(jié)論。
實驗結(jié)束后我們可以看到頁面的背景變成了我們插入的圖像,并且要鼠標經(jīng)過的時候會變成另一個圖像,這就是鼠標經(jīng)過圖像的效果。
當然這種實驗效果很難在實驗結(jié)果的截圖里表現(xiàn)出來。
這個實驗的關(guān)鍵在于背景圖像的選擇,如果背景圖像太大不僅會影響網(wǎng)頁的打開速度,甚至圖像在插入會也會有失真的感覺,因此在插入前對圖像進行必要的處理能使實驗的效果更好。
實驗三:表格制作。
一、實驗目的及要求:
本實例是要創(chuàng)建邊框為1像素的表格。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
創(chuàng)建邊框為1像素的表格。
四、實驗方法與步驟。
1)在文檔中,單擊表格“”按鈕,在對話框中將“單元格間距”設(shè)置為“1”。
2)選中插入的表格,將“背景顏色”設(shè)置為“黑色”(#0000000)。
3)在表格中選中所有的單元格,在“屬性”面版中將“背景顏色”設(shè)置為“白色”(#ffffff)。
4)設(shè)置完畢,保存頁面,按下“f12”鍵預覽。
五、實驗結(jié)果。
六、討論與結(jié)論。
本實驗主要通過整個表格和單元格顏色的差異來襯托出實驗效果,間距的作用主要在于表現(xiàn)這種顏色差異。
表格的背景顏色和單元格的背景顏色容易混淆,在實驗中要認真判斷,一旦操作錯誤則得不到實驗的效果。
“表格寬度”文本框右側(cè)的表格的寬度單位,包括“像素”和“百分比”兩種,容易混淆,要充分地理解這兩種單位表示的意義才能正確地進行選擇,否則就不能達到自己想要的效果,設(shè)置錯誤就會嚴重影響實驗效果。
實驗四:創(chuàng)建錨點鏈接。
一、實驗目的及要求:
本實例的目的是創(chuàng)建錨點鏈接。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
創(chuàng)建錨點鏈接。
四、實驗方法與步驟。
1)在頁面中插入1行4列的表格,并在各單元格中輸入導航文字。
2)分別選中各單元格的文字,單擊“”按鈕,在彈出的“超級鏈接”對話框上的“鏈接”文本框分別輸入“#01”“#02”“#03”“#04”。
3)在文檔中輸入文字并設(shè)置錨記名稱“01”,按下“enter”鍵換行,輸入一篇文章。
4)在文章的結(jié)尾處換行,輸入文字并設(shè)置錨記名稱“02”,按下“enter”鍵換行,輸入一篇文章。
5)同樣的方法在頁面下文分別輸入文字和命名錨記為“03”和“04”,并輸入文章。
6)保存頁面,按下“f12”鍵預覽。
五、實驗結(jié)果。
六、討論與結(jié)論。
添加瞄記的作用是可以幫讀者快速找到自己想要的文章,同時也可以使頁面更加精簡。
本實驗的關(guān)鍵難點在于鏈接文本框輸入的名稱和瞄記的名稱要相一致才能達到實驗的效果,同時要記得是在上一篇文章的結(jié)尾處輸入文字并設(shè)置瞄記名稱,并記得輸入對應的文章,否則瞄記可能不能用。
熟練程度低在實驗中不能很好地使用各種工具,無法一次準確地尋找到適當?shù)奈恢谩?BR> 實驗中忘記選擇“不可見元素”,幾次實驗都失敗,最后才得出正確的結(jié)論。
因此在實驗前要先做好預習,否則實驗過程會比較吃力。
實驗五:設(shè)置css樣式。
一、實驗目的及要求:
本實例的目的是通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。
二、儀器用具。
1、生均一臺多媒體電腦,組建內(nèi)部局域網(wǎng),并且接入國際互聯(lián)網(wǎng)。
2、安裝windowsxp操作系統(tǒng);建立iis服務器環(huán)境,支持asp。
4、安裝acdsee、photoshop等圖形處理與制作軟件;。
5、其他一些動畫與圖形處理或制作軟件。
三、實驗原理。
通過設(shè)置css樣式創(chuàng)建表格的虛線邊框。
四、實驗方法與步驟。
1)在網(wǎng)頁中創(chuàng)建一個表格。
2)在“css樣式”面板中單擊“”按鈕,在彈出的對話框中進行設(shè)置,完成后單擊“確定”按鈕。
3)在彈出的對話框中進行設(shè)置,完成后單擊“確定”按鈕。
五、實驗結(jié)果。
六、討論與結(jié)論。
對話框中各項指標和屬性的設(shè)置存在一定的難度,如果沒熟練掌握就容易出錯使實驗失敗。
對“ccs”樣式所要使用的各種按扭不夠熟悉在使用的時候覺得很生硬。
這個實驗成功的關(guān)鍵在于對軟件的掌握程度以及對各種屬性的認識程度,只要充分地掌握了軟件的各種操作,對各屬性所代表的含義有充分的認識就能很好地完成這個實驗。
實驗六:創(chuàng)建表單。
一、實驗目的及要求:
本實例的目的是創(chuàng)建一個募捐表單。
網(wǎng)頁設(shè)計報告總結(jié)篇十三
實習目的1、通過實習,使學生加深對所學課程內(nèi)容的認識、理解、掌握,達到對所學知識、技能系統(tǒng)化、條理化的目的,鞏固、提高學習效果。
2、通過綜合應用實習,熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網(wǎng)頁的技能,根據(jù)所學技能學以致用,解決實際問題,提高操作應用熟練程度。
知道dreamwervermx8是及網(wǎng)頁制作和網(wǎng)站管理于一身的網(wǎng)頁制作軟件,它是專門為網(wǎng)頁設(shè)計師量身定制的可視化網(wǎng)頁制作軟件,利用它可以為方便、快捷地制作跨平臺話瀏覽的動感網(wǎng)業(yè)。
了解fireworks是處理圖片的軟件,使用它可以創(chuàng)建和編輯位圖、矢量圖形,還可以非常輕松的做出各種網(wǎng)頁設(shè)計中常見的效果,例如動畫、轉(zhuǎn)換圖像、導航條、下拉菜單等。設(shè)計完成以后,如果要在網(wǎng)頁設(shè)計中使用,可將它輸出為teml文件,還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。
通過對flash的學習,掌握如何處理矢量圖形,制作矢量動畫,掌握如何添加音樂、時動作控制在flash內(nèi)容和集成flash影片,了解actionscript腳本語言創(chuàng)建交換形式、在實習的過程中鞏固了對前面的知識的學習,加深對知識的了解,進一步對網(wǎng)頁設(shè)計的見解,也突出了個人的特點,運用所學的知識做出了讓自己滿意的作品。
四、實習內(nèi)容及方法。
一、實習任務:
1、通過仔細閱讀網(wǎng)頁設(shè)計及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容,加深對相關(guān)概念的理解、理論的理解、掌握、運用。
2、嚴格按照實習指導書的相關(guān)要求,完成了各項綜合操作,并將相應圖像制作、動畫制作和頁面設(shè)計的作品進行了保存。3、及時積極完成各項實習報告的撰寫。
4、實習結(jié)果及實習項目嚴格按照要求及時保存、展示。
二、實習內(nèi)容:
(一)、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網(wǎng)站。(二)、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。
1、創(chuàng)建一個站點:
站點的名稱就是“惠兒網(wǎng)站”,站點創(chuàng)建成功命一個首頁是再下面創(chuàng)建了5、、、、。其示意圖如下:
2、網(wǎng)頁中的圖像處理:
利用photoshop、和fireworks通過處理風景圖。
在里面運用到濾鏡的工具目的是讓圖片更加的形象逼真,處理后的圖片效果如圖所示:
3、布局與表格的編排:
在網(wǎng)頁設(shè)計中我偏好用表單編排一般情況下我的布局是在一個大的表單里寫很多文字插入許多圖片。其版面如圖所示:
1.
二級頁面制作方法如法炮制。4、網(wǎng)頁的鏈接。
網(wǎng)站中重要的就是各個子網(wǎng)頁與主頁面之間的鏈接,如果沒連接好或者鏈接錯誤就會影響整個網(wǎng)站運行的效果。列如我要把產(chǎn)品列表這個二級網(wǎng)頁跟主網(wǎng)頁鏈接方法如下:
回到/點擊頁面右下方的鏈接文件夾,找到我要鏈接的二級網(wǎng)頁。
打開/鏈接后我的鏈接字體會變成我所設(shè)置的字體顏色,這樣表明我的鏈接成功。
預覽后在主頁面點擊“產(chǎn)品列表”就會顯示到我的產(chǎn)品列表二級頁面。
其他頁面方法同上。
產(chǎn)品列表:將“產(chǎn)品列表”同首頁進行鏈接,然后預覽成功!郵箱登陸:將“郵箱登陸”同首頁進行鏈接,然后預覽成功!
聯(lián)系我們:將“聯(lián)系我們”同首頁進行鏈接,然后預覽成功!
公司簡介:將“公司簡介”同首頁進行鏈接,然后預覽成功!
5、層與行為的應用。
“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。
2)選擇“查看”----“標尺”----“顯示,打開標尺”
3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”,4)在“網(wǎng)格設(shè)置”對話框中,選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”
5)為了防止層的重疊,需要打開“層”面板。選擇“窗口”,“層”,打開層面板。
1)打開flash軟件,在里面建立8個圖層。并且準備一副適合做標示的圖片。
2)在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開始。
插入關(guān)鍵幀25幀結(jié)束,在第10幀上寫入“同”字,在25幀上寫“心”字,再回到第10幀創(chuàng)建補間動畫。在圖層3上創(chuàng)建幀從25幀到40幀結(jié)束在25幀上寫“協(xié)”字創(chuàng)建關(guān)鍵幀到40幀寫“力”字,再返回到25幀創(chuàng)建補間動畫。在圖層4上從40幀到55幀結(jié)束在40幀上寫“共”創(chuàng)建關(guān)鍵幀到55幀寫“創(chuàng)”字,在圖層7上從第十幀開始插入關(guān)鍵幀25幀結(jié)束,在第10幀上寫入“輝”字,在25幀上寫“煌”依次而下做到160幀。
3)幀做好后敲擊enter鍵就可以播放flash動畫,如果想插入網(wǎng)頁就。
按步驟走,文件—導出—導出影片,/最后點擊保存。
在這里我給自己的網(wǎng)頁設(shè)計的特效是讓一行字體在來回跑動方法如下:
1)選中你要設(shè)計特效的字體選擇工具欄上的標“簽選擇器”,“html”插入,關(guān)閉。
2)然后預覽就會出現(xiàn)從右到左的字幕。8、控制多個影片的播放。
制作的方法:
網(wǎng)頁分隔線可以說是網(wǎng)頁中不可缺少的元素,它主要用于分隔網(wǎng)頁內(nèi)容也可以用于裝飾網(wǎng)頁。在網(wǎng)頁中插入一個層,然后在層中插入一個表格,設(shè)置表格的間距,然后在表格的單元格中插入圖片,設(shè)置時間軸。調(diào)出時間軸,在時間軸必要的地方添加改變屬性行為,并設(shè)置層對象的屬性添加行為和改變屬性。
五、結(jié)論。
1、收獲。
photoshop、fireworks、dreamweaver、flash的應運更加熟練.在制作網(wǎng)站的過程中,我們參照老師給的惠爾公司網(wǎng)站圖片,盡可能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁制作需要有很多的色調(diào)搭配能力和很好的布局能力,再加上自己的風格創(chuàng)新能力,才能做出精美的網(wǎng)站。在這幾天的實習中,我學到無論作什么事都要有細心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下,搜集不到素材,所以,在網(wǎng)頁的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的特點。尤其是在制作flash的時候老師給予了很大及時的幫助,讓我在制作的時候不至于給我?guī)砗艽舐闊?。同時,也希望我們能利用我們學習的知識技能更好的為學院,為同學們服務,也希望我們能夠互相學習,互相取長補短,使我們每個同學能夠更好的進步。
2、不足。
在實習中我發(fā)覺網(wǎng)站的制作過程中,1、自己腦袋里沒有裝東西(網(wǎng)站的綜合布局、網(wǎng)頁的構(gòu)思和編排)。
甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫然。
2、自己的閱歷不夠,自己的網(wǎng)站應該是一個怎樣的網(wǎng)站,里面要放。
些啥內(nèi)容,該怎樣去組織這些內(nèi)容,心里沒底。
3、尤其是老師在前面教過的內(nèi)容自己沒有及時的練習和鞏固,以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁的時候,色彩搭配特別重要,而我自己對顏色的搭配不是很了解,感覺做出的東西老是顏色深的地方特別深,淡的地方特別淡,感覺不協(xié)調(diào)。
5、新疆停網(wǎng)的原因,使我們在素材的搜集上變得很被動,所以導致。
做出的東西很簡單,所以我覺得,知識應用的全部全還要看準備是否充分。
6、在以后的學習中我會更加認真地去學習,去掌握這些軟件的用法,便于在以后做東西的時候能更好地運用。
六、致謝。
在網(wǎng)頁實習結(jié)束的時候我要感謝辛勤的班主任老師,在這個學期代我們的網(wǎng)頁設(shè)計以外還代了很多別的課,所以很辛苦,在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網(wǎng)頁設(shè)計的興趣也非常的濃厚,在實習中我發(fā)現(xiàn)很多同學的網(wǎng)站做的很好很有特色,這都少不了老師的指導。在老師的帶領(lǐng)下我們學到很多書本上學不到的東西,相信在以后找工作中我們會多了一個籌碼。
其次,要感謝學校給我們安排了期末的課程實習,讓我們能在學期末重新溫習和總結(jié)整個一學期以來學習的知識,并且總結(jié)自己的不足,在以后的學習中能夠加以改正和補充。
最后,再次感謝學校和指導的老師!
網(wǎng)頁設(shè)計報告總結(jié)篇十四
網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站,不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。我們沒有這個能力,也沒這個精力,所以必須要找準一個內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則,只要是客戶感興趣的,任何內(nèi)容都可以,但主題要鮮明,在一定的主題范圍內(nèi),內(nèi)容做到大而全、精而深。
明確了網(wǎng)站的主題以后,就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓客戶的網(wǎng)站有血有肉,能夠吸引住用戶,就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。
一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等,而只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容,我在以后會有詳細介紹。
盡管選擇什么樣的工具并不會影響設(shè)計網(wǎng)頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當然是dreamweaver和frontpage了,如果是初學者,frontpage20xx是首選。除此之外,還有圖片編輯工具,如photoshop、photoimpact等;動畫制作工具,如flash、cool3d、gifanimator等;還有網(wǎng)頁特效工具,如需要有聲有色的效果,網(wǎng)上有許多這方面的軟件,可以根據(jù)需要靈活運用。
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板,這樣可以大大提高制作效率。
網(wǎng)頁制作完畢,最后要發(fā)布到web服務器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有ftp功能,利用這些ftp工具,可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把網(wǎng)址告訴給朋友,讓他們來瀏覽。
網(wǎng)頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的人認識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個是我們公司的特色,在網(wǎng)上推排名,這個宣傳效果也很顯著,人們只要輸入關(guān)鍵字最先看到的鏈接,則就是我們公司推上去的鏈接,很好用,訪問量大大提升。
通過目前的實習,在設(shè)計方面我感覺自己有了一定的收獲,也為了我今后在工作及業(yè)務上能力的提高起到了促進的作用,增強了今后的競爭力,為能在以后立足增添了一塊基石。
但我也認識到,要想做好這方面的工作單靠目前幾月的實習是不行的,還需要我在平時的學習和工作中一點一點的積累,不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的,需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設(shè)計報告總結(jié)篇十五
基本任務與要求:
階段工作計劃:
1.選題背景(含國內(nèi)外相關(guān)研究綜述及評價)與意義。
選題背景:互聯(lián)網(wǎng)始于1969年的美國,又稱因特網(wǎng)。最初用于軍事連接,之后由于計算機的增多,以及各種連接協(xié)議的規(guī)范化,互聯(lián)網(wǎng)逐漸發(fā)展起來,成為日常生活中人們與外界交流信息的重要工具,可以說,信息時代的基礎(chǔ)就是互聯(lián)網(wǎng)。在中國,截至20xx年12月底,中國網(wǎng)民數(shù)量突破5億,達到5.13億,全年新增網(wǎng)民5580萬?;ヂ?lián)網(wǎng)普及率較上年底提升4個百分點,達到38.3%。(數(shù)據(jù)來自國家互聯(lián)網(wǎng)絡(luò)信息中心),隨著網(wǎng)民的逐漸增加,網(wǎng)頁制作以及網(wǎng)頁設(shè)計技術(shù)的日趨完善,網(wǎng)頁已經(jīng)被運用到人們?nèi)粘I钪械姆椒矫婷?,越來越多的人甚至公司開始學習制作屬于自己的個性化網(wǎng)頁,這成為信息時代最重要的宣傳方式。
國內(nèi)外對此課題的研究著重分為兩個方面,網(wǎng)頁制作以及網(wǎng)頁設(shè)計,但是兩者同時又是密不可分的,因為,設(shè)計需要建立在目前的制作技術(shù)之上,而制作又需要遵守設(shè)計所構(gòu)建的框架,兩者相輔相成,缺一不可,而國內(nèi)外對此的研究通常都在兩方面有兼顧,但是大部分課題都是只對一個小問題或者一個小型框架,或者只是粗略講一下相關(guān)的技術(shù)或者技巧,對兩者同時進行一個綜合性概述的暫時還沒有。
意義:在互聯(lián)網(wǎng)初期,大部分網(wǎng)頁設(shè)計師都只知道如何去制作網(wǎng)站,知道如何去實現(xiàn)什么樣的功能,但是在這個信息化的社會,如何讓你的網(wǎng)頁變得更好看,更直觀明了的表達信息,如何從眾多的網(wǎng)頁之中脫穎而出,這就需要更強的網(wǎng)頁設(shè)計技術(shù)了,而新的網(wǎng)頁制作技術(shù)例如html5以及css3的運用也給設(shè)計師們帶來了更好的施展空間,該課題會先對網(wǎng)頁設(shè)計制作技術(shù)進行一個概述,讓讀者了解這些技術(shù)尤其是新技術(shù)的運用,同時課題還將運用一個知名餐飲行業(yè)的企業(yè)網(wǎng)站為例,講述網(wǎng)頁設(shè)計制作設(shè)計方法的實際運用,并指出網(wǎng)站設(shè)計中體現(xiàn)出的優(yōu)缺點,最后課題里還會按照要求設(shè)計一個網(wǎng)站,同樣也是餐飲行業(yè)方面的網(wǎng)站,與知名企業(yè)的網(wǎng)站進行對比,加深理解網(wǎng)頁中設(shè)計與制作的關(guān)系。選題研究的方法與主要內(nèi)容。
選題研究方法:
主要內(nèi)容:論文主要分為四部分,第一部分是開題報告部分,講述選題背景以及對國內(nèi)外相關(guān)研究進行一個綜述,并指出論文的研究意義;緊接著第二部分對國內(nèi)外在網(wǎng)頁設(shè)計制作方面技術(shù)進行了一個綜合性的分析;第三部分,我將選取國內(nèi)一個知名餐飲行業(yè)的網(wǎng)站,對其進行網(wǎng)頁設(shè)計制作技術(shù)方面進行分析評價,并在其中闡述自己的理論,論證優(yōu)缺點;最后,我將自己設(shè)計一個有關(guān)于餐飲行業(yè)的網(wǎng)站,并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進行對比,取長補短,達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結(jié)果。
研究條件:網(wǎng)頁在21世紀的應用已經(jīng)十分普遍,但是大部分研究都是只針對某一小部分,并且大部分研究都是對設(shè)計和制作沒有一個系統(tǒng)的概念,缺乏對這一方面的一個綜合性概述,所以這次課題研究具有以下幾個條件:
1、具有研究性:該研究區(qū)域尚未被大量探索過。
擬解決的主要問題:
2.對網(wǎng)頁設(shè)計制作技術(shù)的理解、實際應用及論證。
3.自主設(shè)計一個網(wǎng)站,避免出現(xiàn)知名餐飲行業(yè)中的缺點設(shè)計。
預期結(jié)果:
中期:選取一個有代表性的知名餐飲網(wǎng)站,對其進行網(wǎng)頁設(shè)計以及網(wǎng)頁制作方面的評價,指出設(shè)計中的優(yōu)點和缺點,并進行詳細分析,針對缺點設(shè)計提出自己的想法,并做出實際設(shè)計,從而驗證自己的理論,或者舉出實例進行對比論證。
后期:自行設(shè)計餐飲網(wǎng)站進行對比分析,建立自己的設(shè)計理論,并與中期的評價進行對應驗證,在實踐得到大量的經(jīng)驗,從而對整篇課題進行一個重新檢驗,最后反復檢查論文,完成論文。
網(wǎng)頁設(shè)計報告總結(jié)篇十六
在經(jīng)濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。
通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談談我在本次專用周的主要感受。
1、討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2、定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨荩前?,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘。“生活如花,自在快樂”是yifini易菲的設(shè)計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3、確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2、網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
1、資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。
在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。
在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好,爭取不范類似錯誤。
2、熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。
1、構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2、設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務,美容美體,一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應,搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。
3、實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4、向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。
網(wǎng)頁設(shè)計報告總結(jié)篇十七
選題的意義、同類選題現(xiàn)狀分析包括項目實施的意義和應用前景,國內(nèi)外研究和應用概況,發(fā)展趨勢,本項目的特色或創(chuàng)新之處)。
電子商務發(fā)展在世界范圍內(nèi)都是剛剛開始,其發(fā)展速度極為迅速,傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購物就是internet和電子商務網(wǎng)站的產(chǎn)物,近幾年在我國發(fā)展迅猛,就如同一些購物商場在各地紛紛開設(shè)分店以拉近與顧客間的距離一樣。21世紀是網(wǎng)絡(luò)的時代,信息的時代,時間是非常寶貴的,人們由于種種原因沒有時間去逛商場,也不知道哪家商場有自己中意的商品,網(wǎng)上購物網(wǎng)站的建立就可以很好的解決這方面的問題,可以向廣大用戶推出一種全新的網(wǎng)上信息服務,旨在貨品與消費者之間架起一座高速、便捷的網(wǎng)上信息橋梁,可以為用戶節(jié)省時間、方便購物。
在國內(nèi)也有許多我們所熟悉的大規(guī)模的網(wǎng)上購物網(wǎng)站,如阿里巴巴和淘寶網(wǎng)。中國的網(wǎng)上購物在摸索與借鑒中成長著,利用中國特有的優(yōu)勢來克服不利的外部環(huán)境因素,例如采用“貨到付款”就是中國購物網(wǎng)站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化,上購物網(wǎng)站發(fā)展前景看好。
本網(wǎng)站的主要功能有:用戶注冊、會員登錄、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言;管理員管理會員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面,讓顧客方便購買各類貨物,給本購物網(wǎng)站提出寶貴的意見或建議;另一方面,管理員能在管理信息的同時也能了解顧客的需要,對網(wǎng)站的不足之處進行修改。本購物網(wǎng)站還在借鑒其他成功購物網(wǎng)站的同時也加入了一些創(chuàng)新的元素。如在貨物介紹的頁面中添加了同等商品價格的最新比較數(shù)據(jù),讓用戶能夠花比較少的時間找到自己滿意的產(chǎn)品,同時在本網(wǎng)站中每個注冊用戶還可以擁有自己的一個小型的blog,在其中用戶可以發(fā)展自己的購物經(jīng)驗和日常的心情。同時在網(wǎng)站的界面上,本網(wǎng)站了可能讓用戶設(shè)置網(wǎng)頁的風格,用戶可以按照自己的喜好改變網(wǎng)站的背景色,讓整個網(wǎng)站更加的有特色。
(包括畢業(yè)設(shè)計目標、設(shè)計內(nèi)容和擬解決的關(guān)鍵技術(shù)問題)。
購物網(wǎng)站的建立是為了節(jié)約顧客時間和方便顧客購物,該網(wǎng)站主要有注冊會員、會員登陸、貨物搜索、購物車以及對會員、貨品、訂單的管理。以實現(xiàn)網(wǎng)上書店的交易和管理。
(1)前臺服務:注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車,以及頁面的特效如:將該網(wǎng)站設(shè)為首頁、加入收藏、更改網(wǎng)頁風格等。
(2)會員管理:管理員對會員個人信息的管理,驗證會員登陸信息。并且可以在自己的blog中發(fā)表信息。
(3)圖書管理:管理員查看書庫中貨物的庫存量,包括各種貨物的銷售情況,以及及時更新數(shù)據(jù)庫中貨物的各種信息。
(4)訂單管理:管理員對訂單的管理,確認顧客信息與訂單信息的準確性。
本系統(tǒng)主要是利用asp、dreamweaver、sql數(shù)據(jù)庫來完成設(shè)計的,主要完成了貨物分類搜索、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現(xiàn)。
(包括開發(fā)平臺選擇、試驗方案及可行性分析,設(shè)計和開發(fā)工作的總體安排、步驟等)。
購物網(wǎng)站的設(shè)計與開發(fā)需要微機一臺,操作系統(tǒng)為windowsxp。開發(fā)環(huán)境為asp、dreamweaver,數(shù)據(jù)庫為sqlserver20xx或選擇access。數(shù)據(jù)訪問方法為使用ado。net通過odbc的方法同數(shù)據(jù)庫接口。使用這種方式訪問數(shù)據(jù),可以使用任何一種odbc數(shù)據(jù)源,即不止適合于sqlserver、oracle、access等數(shù)據(jù)庫應用程序,也適合于excel表格,文本文件、圖形文件和無格式的數(shù)據(jù)文件。
通過調(diào)查分析,建立購物網(wǎng)有其充分的必要性和可能性??梢越⒃摼W(wǎng)站的可能性具體包含了它具有經(jīng)濟可行性、技術(shù)上的可行性和時機可行性,系統(tǒng)能達到以最小的開發(fā)成本取得最佳的經(jīng)濟效益,開發(fā)中所需人員、硬軟件支持以及其它費用進行估算情況均滿意,技術(shù)條件也能保證順利完成開發(fā)工作。
最終認為該系統(tǒng)完全可行,網(wǎng)上購物網(wǎng)站是一個網(wǎng)上交易網(wǎng)站,利用該網(wǎng)站用戶可以購買貨物,修改自己的購物車,在自己的blog中發(fā)展信息;管理員作為管理者則可以查詢會員的訂單信息、管理貨物,對貨物進行添加和刪除。
1、前臺服務:
此模塊是對于用戶開放,實現(xiàn)的功能有:客戶注冊,會員登錄,修改個人信息及密碼,貨品分類查詢,貨品瀏覽,購買貨物,購物車,會員留言等。
2、后臺:
此模塊是對于管理員開放,實現(xiàn)的功能有:會員基本信息管理、訂單管理、貨物管理、查看留言。
網(wǎng)頁設(shè)計報告總結(jié)篇十八
網(wǎng)頁設(shè)計中包含著主觀和客觀兩方面的因素,在確立了網(wǎng)頁主題之后,首先要明確和熟悉設(shè)計的對象和構(gòu)成的要素。網(wǎng)頁設(shè)計涉及的具體內(nèi)容很多,可以概括為視聽元素和版式設(shè)計兩個方面。
1、視聽元素。
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網(wǎng)頁設(shè)計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術(shù)的運用大大豐富了網(wǎng)頁設(shè)計的表現(xiàn)力。
以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上,然后啟動相應的外部程序來播放。另外,在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后,提供了基于ole的activex技術(shù),用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語言編寫的應用于網(wǎng)頁之中的小應用程序,相比于插件和activex,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景??傊?,技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁設(shè)計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn),也對網(wǎng)頁的藝術(shù)設(shè)計提出了更高的要求。
2、版式設(shè)計。
網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處,它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現(xiàn)出來,是一種具有個研究風格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時,也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網(wǎng)頁則不然,它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸和位置。而且,網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合,這給網(wǎng)頁的版式設(shè)計帶來了一定的難度。
網(wǎng)頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設(shè)計上有許多共同之處,也要遵循一些設(shè)計的基本原則。但是,由于表現(xiàn)形式、運行方式和社會功能的不同,網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計,是技術(shù)與藝術(shù)的結(jié)合,內(nèi)容與形式的統(tǒng)一。它要求設(shè)計者必須掌握以下三個主要原則:。
1、主題鮮明。
視覺設(shè)計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當?shù)沫h(huán)境里被研究們即時地理解和接受,以滿足研究們的實用和需求,這就要求視覺設(shè)計不但要單純、簡練、清晰和精確,而且在強調(diào)藝術(shù)性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設(shè)計主題。
根據(jù)認知心理學的理論,大多數(shù)研究在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中,它要求視覺設(shè)計者的網(wǎng)頁設(shè)計必須自覺地掌握和遵從。
作為視覺設(shè)計范疇一種的網(wǎng)頁設(shè)計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理,更好地營造符合設(shè)計目的的視覺環(huán)境,突出主題,增強瀏覽者對網(wǎng)頁的注意力,增進對網(wǎng)頁內(nèi)容的理解。只有兩個方面有機地統(tǒng)一,生能實現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁設(shè)計必然服務于網(wǎng)站的主題,就是說,什么樣的網(wǎng)站,應該有什么樣的設(shè)計。例如,設(shè)計類的個研究站點與商業(yè)站點性質(zhì)不同,目的也不同,所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應該是這樣:首先,設(shè)計是為主題服務的;其次,設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物,就是說,即要“美”,又要實現(xiàn)“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網(wǎng)站,可以只體現(xiàn)作者的設(shè)計思想,或者僅僅以設(shè)計出“美”的網(wǎng)頁為目的。它的主題只有一個,就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合,或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯,都將削弱網(wǎng)頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現(xiàn)平庸的網(wǎng)頁設(shè)計或使網(wǎng)頁設(shè)計以失敗而告終。
要使網(wǎng)頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內(nèi)容統(tǒng)一。
任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計的一切內(nèi)在要素的總和,是設(shè)計存在的基礎(chǔ),被稱為“設(shè)計的靈魂”;形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計的內(nèi)容就是指它的主題、形象、題材等要素的總和,形式就是它的結(jié)構(gòu)、風格或設(shè)計語言等表現(xiàn)方式。內(nèi)容決定形式,形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現(xiàn)現(xiàn)實,而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風尚、趣味,使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境?!?黑格爾美學第三卷)。
一方面,網(wǎng)頁設(shè)計所追求的形式美,必須適合主題的需要,這是網(wǎng)頁設(shè)計的前提。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設(shè)計風格”而脫離內(nèi)容,或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn),網(wǎng)頁設(shè)計都會變的空洞而無力。設(shè)計者只有將二者有機地統(tǒng)一起來,深入領(lǐng)會主題的精髓,再融合自己的思想感情,找到一個完美的表現(xiàn)形式,生能體現(xiàn)出網(wǎng)頁設(shè)計獨具的分量和特有的價值。另一方面,要確保網(wǎng)頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會適得其反。只有通過認真設(shè)計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感生能實現(xiàn)形式與內(nèi)容的統(tǒng)一。
據(jù)有關(guān)資料所做的保守估計,目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設(shè)某個網(wǎng)頁為了豐富其藝術(shù)性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網(wǎng)頁數(shù)據(jù),使瀏覽者必須等待很長時間生能看到“廬山真面目”,這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁,因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性,使網(wǎng)頁內(nèi)容不能很快地到達訪問者,影響了訪問效果和質(zhì)量,損害了訪問者的情趣和積極性,這種技術(shù)要素影響了傳達信息的效果,因而不是形式與內(nèi)容的完美統(tǒng)一。
網(wǎng)頁具有多屏、分頁、嵌套等特性,設(shè)計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網(wǎng)頁的形式美。這就要求設(shè)計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內(nèi)容的統(tǒng)一。
因此,在網(wǎng)頁設(shè)計中必須注意形式與內(nèi)容的高度統(tǒng)一。
3、強調(diào)整體。
網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性,這里主要討論設(shè)計形式上的整體性。
網(wǎng)頁是傳播信息的載體,它要表達的是一定的內(nèi)容、主題和意念,在適當?shù)臅r間和空間環(huán)境里為研究們所理解和接受,它以滿足研究們的實用和需求為目標。設(shè)計時強調(diào)其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給研究一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。
網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽要素組成的。在設(shè)計網(wǎng)頁時,強調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結(jié)構(gòu),也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色,并注意色彩搭配的和諧;對于分屏的長頁面,不可設(shè)計完第一屏再考慮下一屏。同樣,整個網(wǎng)頁內(nèi)部的頁面,都應統(tǒng)一規(guī)劃,統(tǒng)一風格,讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。
從某種意義上講,強調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶,以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎(chǔ)上的整體。
1、交互性與持續(xù)性。
網(wǎng)頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因,也是網(wǎng)頁設(shè)計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下,研究們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網(wǎng)頁設(shè)計不像印刷品設(shè)計那樣,發(fā)表之后就意味著設(shè)計的結(jié)束。網(wǎng)頁設(shè)計研究員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標,配合網(wǎng)站不同時期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常地對網(wǎng)頁進行調(diào)整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進行改版,這就需要設(shè)計者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上,不斷創(chuàng)作出新的網(wǎng)頁設(shè)計作品。
2、多維性。
多維性源于超級鏈接,主要體現(xiàn)在網(wǎng)頁設(shè)計中對導航的設(shè)計上。由于超級鏈接的出現(xiàn),網(wǎng)頁的組織結(jié)構(gòu)更加豐富,瀏覽者可以在各種主題之間自由跳轉(zhuǎn),從而打破了以前研究們接收信息的線性方式。例如,可將頁面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復合結(jié)構(gòu)等。但頁面之間的關(guān)系過于復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設(shè)計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息,設(shè)計者必須考慮快捷而完善的導航設(shè)計。
3、多種媒體的綜合性。
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設(shè)計者綜合運用多種媒體元素來設(shè)計網(wǎng)頁,以滿足和豐富瀏覽者對網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進和流(stream)技術(shù)的推動下,inter網(wǎng)上出現(xiàn)實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運用是網(wǎng)頁設(shè)計的特點之一,是未來的發(fā)展方向。
4、版式的不可控性。
網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計有著極大的差異:。
(2)網(wǎng)絡(luò)正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;。
(3)網(wǎng)頁設(shè)計過程中有關(guān)web的每一件事都可能隨時發(fā)生變化。
這一切說明,網(wǎng)絡(luò)應用尚處在發(fā)展之中,關(guān)于網(wǎng)絡(luò)應用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導致網(wǎng)頁版式設(shè)計的不可控制性。其具體表現(xiàn)為:。
(1)網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出;。
(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;。
(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面,效果會有所不同;。
(4)用戶的瀏覽器工作環(huán)境不同,顯示效果也會有所不同。
把所有這些問題歸結(jié)為一點,即網(wǎng)頁設(shè)計者無法控制頁面在用戶端的最終顯示效果,但這也正是網(wǎng)頁設(shè)計的吸引研究之處。
5、技術(shù)與藝術(shù)結(jié)合的緊密性。
設(shè)計是主觀和客觀共同作用的結(jié)果,是在自由和不自由之間進行的,設(shè)計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制,優(yōu)秀設(shè)計者正是在掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由,一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)頁設(shè)計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律,注重技術(shù)和藝術(shù)緊密結(jié)合,這樣生能窮盡技術(shù)之長,實現(xiàn)藝術(shù)想象,滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。
例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應的程序來播放,由于音頻或視頻文件都比較大,需要較長的下載時間。流(stream)技術(shù)出現(xiàn)以后,網(wǎng)頁設(shè)計者充分、巧妙地應用此技術(shù),讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。
網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁的藝術(shù)設(shè)計由平面設(shè)計擴展到立體設(shè)計,由純粹的`視覺藝術(shù)擴展到空間聽覺藝術(shù),網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進了技術(shù)與藝術(shù)的緊密結(jié)合,把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。
技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁設(shè)計中體現(xiàn)得尤為突出。