報告是對某個事件、情況或問題進行詳盡說明和分析的一種文字表達形式。最后，寫完報告后要進行仔細的審校和修改，確保報告的內(nèi)容準確無誤。如果大家有任何關(guān)于報告寫作的問題或疑惑，歡迎隨時向我們咨詢和交流。
網(wǎng)頁設(shè)計的實踐報告篇一
姓名:班級:。
實踐內(nèi)容:與多人合作共建一個應(yīng)用性網(wǎng)站。
實踐地點:湖北大學冰點工作室。
實踐日期:7.15-8.15
簡介:。
籌劃期：
建設(shè)期：
1、設(shè)計的要求：
2、技術(shù)運用中要注意的一些事項：
第一、明確技術(shù)是為設(shè)計服務(wù)的，不要沉迷于技術(shù)的運用，堅決摒棄那些華而不實的特效；
第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感；
至于后期的維護和網(wǎng)站的宣傳,那就要考慮到網(wǎng)站投入的費用了!
更多閱讀推薦：程序設(shè)計實踐報告數(shù)據(jù)庫實踐報告書廣告設(shè)計實踐報告。
網(wǎng)頁設(shè)計的實踐報告篇二
畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實習情況匯報如下：
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+span），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+span進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+span排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
（一）初級考試
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了xx公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(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ù)網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。
我的實習是從大三剛開學，被一位老師推薦到一家室內(nèi)設(shè)計公司實習了！真慶幸自己平時能利用課余時間學到那些設(shè)計方面的知識，和大二暑假到那家設(shè)計公司實習??！要不是這些，我想現(xiàn)在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐，并且通過實踐檢驗了自己關(guān)于設(shè)計方面的假設(shè)和猜想，取得了一些令自己滿意的成績。
我們每天的上班時間是從早上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)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
明年就要開始找工作了，這次實習，更讓我懂得了珍惜現(xiàn)在的生活，校園生活真的非常完美，非常令人羨慕！職場的競爭很大，“逆水行舟，不進則退”，必須時刻提醒自己，督促自己！同時也看到了許多，知道做人比做事更加重要，沒有人天生就會，沒有人天生就懂，只有不斷地努力才能成功，在這里不是每個人都有認為你是什么的，有的人就覺得你什么也不是。你只有付出好好學，做給她們看。證明自己不是虛的，證明自己有實力，名副其實！
實習期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
（4）廣告圖象攝影和廣告插畫上，通過對商品在消費使用過程中的情景做出真實的再現(xiàn)，以便來宣傳商品的特征，突出商品的形象；或以攝影圖形來促發(fā)消費者的購買欲望，更直觀準確地傳達產(chǎn)品信息。真實的反映商品的結(jié)構(gòu)、造型、材料和品質(zhì)。廣告的插畫有傳統(tǒng)的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現(xiàn)方向發(fā)展，重意念而輕形似，從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中，使用卡通形象作為產(chǎn)品代言人不但可以以卡通形象的活潑自由，個性化的形象贏得消費者的好感，還省去了請名人做代言的龐大廣告支出和風險。
網(wǎng)頁設(shè)計的實踐報告篇三
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設(shè)計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術(shù)進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應(yīng)該多學點，但好在我都有學過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領(lǐng)導教給我的任務(wù)了。
像我這個組常用的是css+span排版，后臺使用php技術(shù)進行開發(fā)，服務(wù)器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+span進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經(jīng)常犯些小錯誤，導致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。
網(wǎng)頁設(shè)計的實踐報告篇四
時間過得很快，我即將畢業(yè)來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+span），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+span進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+span排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了**公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(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ù)網(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)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
網(wǎng)頁設(shè)計的實踐報告篇五
網(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服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有ftp功能，利用這些ftp工具，可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把網(wǎng)址告訴給朋友，讓他們來瀏覽。
網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的人認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個是我們公司的特色，在網(wǎng)上推排名，這個宣傳效果也很顯著，人們只要輸入關(guān)鍵字最先看到的鏈接，則就是我們公司推上去的鏈接，很好用，訪問量大大提升。
通過目前的實習，在設(shè)計方面我感覺自己有了一定的收獲，也為了我今后在工作及業(yè)務(wù)上能力的提高起到了促進的作用，增強了今后的競爭力，為能在以后立足增添了一塊基石。
但我也認識到，要想做好這方面的工作單靠目前幾月的實習是不行的，還需要我在平時的學習和工作中一點一點的積累，不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設(shè)計的實踐報告篇六
實習目的1、通過實習，使學生加深對所學課程內(nèi)容的認識、理解、掌握，達到對所學知識、技能系統(tǒng)化、條理化的目的，鞏固、提高學習效果。
2、通過綜合應(yīng)用實習，熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網(wǎng)頁的技能，根據(jù)所學技能學以致用，解決實際問題，提高操作應(yīng)用熟練程度。
知道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)容及方法。
一、實習任務(wù)：
1、通過仔細閱讀網(wǎng)頁設(shè)計及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容，加深對相關(guān)概念的理解、理論的理解、掌握、運用。
2、嚴格按照實習指導書的相關(guān)要求，完成了各項綜合操作，并將相應(yīng)圖像制作、動畫制作和頁面設(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è)置的字體顏色，這樣表明我的鏈接成功。
預(yù)覽后在主頁面點擊“產(chǎn)品列表”就會顯示到我的產(chǎn)品列表二級頁面。
其他頁面方法同上。
產(chǎn)品列表：將“產(chǎn)品列表”同首頁進行鏈接，然后預(yù)覽成功！郵箱登陸：將“郵箱登陸”同首頁進行鏈接，然后預(yù)覽成功！
聯(lián)系我們：將“聯(lián)系我們”同首頁進行鏈接，然后預(yù)覽成功！
公司簡介：將“公司簡介”同首頁進行鏈接，然后預(yù)覽成功！
5、層與行為的應(yīng)用。
“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。
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）然后預(yù)覽就會出現(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的應(yīng)運更加熟練.在制作網(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ī)砗艽舐闊?。同時，也希望我們能利用我們學習的知識技能更好的為學院，為同學們服務(wù)，也希望我們能夠互相學習，互相取長補短，使我們每個同學能夠更好的進步。
2、不足。
在實習中我發(fā)覺網(wǎng)站的制作過程中，1、自己腦袋里沒有裝東西（網(wǎng)站的綜合布局、網(wǎng)頁的構(gòu)思和編排）。
甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫然。
2、自己的閱歷不夠，自己的網(wǎng)站應(yīng)該是一個怎樣的網(wǎng)站，里面要放。
些啥內(nèi)容，該怎樣去組織這些內(nèi)容，心里沒底。
3、尤其是老師在前面教過的內(nèi)容自己沒有及時的練習和鞏固，以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁的時候，色彩搭配特別重要，而我自己對顏色的搭配不是很了解，感覺做出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺不協(xié)調(diào)。
5、新疆停網(wǎng)的原因，使我們在素材的搜集上變得很被動，所以導致。
做出的東西很簡單，所以我覺得，知識應(yīng)用的全部全還要看準備是否充分。
6、在以后的學習中我會更加認真地去學習，去掌握這些軟件的用法，便于在以后做東西的時候能更好地運用。
六、致謝。
在網(wǎng)頁實習結(jié)束的時候我要感謝辛勤的班主任老師，在這個學期代我們的網(wǎng)頁設(shè)計以外還代了很多別的課，所以很辛苦，在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網(wǎng)頁設(shè)計的興趣也非常的濃厚，在實習中我發(fā)現(xiàn)很多同學的網(wǎng)站做的很好很有特色，這都少不了老師的指導。在老師的帶領(lǐng)下我們學到很多書本上學不到的東西，相信在以后找工作中我們會多了一個籌碼。
其次，要感謝學校給我們安排了期末的課程實習，讓我們能在學期末重新溫習和總結(jié)整個一學期以來學習的知識，并且總結(jié)自己的不足，在以后的學習中能夠加以改正和補充。
最后，再次感謝學校和指導的老師！
網(wǎng)頁設(shè)計的實踐報告篇七
我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的.我是一個性格有些內(nèi)向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個我很清楚?，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設(shè)計的工作。現(xiàn)將我在工作中的情況報告如下。
一、工作介紹。
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設(shè)計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
二、開發(fā)技術(shù)。
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術(shù)進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應(yīng)該多學點，但好在我都有學過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領(lǐng)導教給我的任務(wù)了。
像我這個組常用的是css+span排版，后臺使用php技術(shù)進行開發(fā)，服務(wù)器平臺采用，linu+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+span進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。
三、工作流程。
小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經(jīng)常犯些小錯誤，導致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。
四、安全檢查。
漏，很有可能導致網(wǎng)站在實際使用時，遭到黑客攻擊，如果造成了經(jīng)濟損失就無法挽救了。
所以，我們每個人在將各自的工作完成以后，組長和其它專門的技術(shù)人員會對網(wǎng)站的安全性進行測試，找出存在的漏洞，然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。
在公司進行實習工作的這段時間，我在個人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對自己的表現(xiàn)感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。
網(wǎng)頁設(shè)計的實踐報告篇八
網(wǎng)頁設(shè)計心得體會。
我利用寒假的時間，對網(wǎng)頁設(shè)計進行了初步的認識和了解，并基本掌握dreamweaver的應(yīng)用。
通過對網(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)頁軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。
在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備一些基本原則。
首先，要·確定網(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ò)上收集，您只要到搜索引擎上查找相應(yīng)的關(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ù)網(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è)計的實踐報告篇九
題目一、選題的背景和意義：
（一）選題的背景：
1）國際動態(tài)：深圳市wto事務(wù)中心通過紡織行業(yè)協(xié)會和服裝行業(yè)協(xié)會，就歐美對我國紡織品服裝啟動保障措施設(shè)限，向各紡織服裝企業(yè)發(fā)出了預(yù)警信息。服裝企業(yè)要想成功地在國際市場中打拼，關(guān)注相關(guān)預(yù)警信息是重要保證。在藝術(shù)和設(shè)計領(lǐng)域，國外各種新思潮的涌入和滲透，帶動著我們的價值觀與審美觀一起跟隨國際流行動態(tài)前進。虛榮夸大的裝飾化風格成為新的形式主義，使其更具國際化，緊隨國際時尚潮流。
據(jù)穿著者的身份、地位各有分別。發(fā)展至今，中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式，取代華麗而夸張的服裝款式等等。
我國服裝歷史悠久，款式、面料絢麗多彩，是我國民族文化藝術(shù)寶庫的珍品之一。隨著社會的進步和科學技術(shù)的發(fā)展，出現(xiàn)了不少現(xiàn)代多功能及高科技的奇妙服裝，以滿足人們的生活和工作需要。將來服裝的發(fā)展趨勢是不求名貴，但求方便，更求舒適，越來越薄的“綠色”服裝。
（二）選題的意義。
設(shè)的必然內(nèi)涵。從社會、思想和文化變遷的角度看服裝的變化，服裝就成為考察社會文化變遷的窗口。所以一部優(yōu)秀的社會生活史必定是社會文化史；一部優(yōu)秀的社會文化史必然要對社會生活作出具體詳實的文化和社會的闡釋。
（1）大力弘揚我國服裝業(yè)進取拼搏的精神，促進服裝業(yè)的發(fā)展。
由于網(wǎng)絡(luò)平臺可以實現(xiàn)信息資源共享，在網(wǎng)上組織更優(yōu)秀的服裝業(yè)發(fā)展動態(tài)，不僅使消費者在網(wǎng)上看到服裝業(yè)的最新發(fā)展趨勢，而且為消費者提供一個互相交流的平臺。
（2）尋找利用計算機技術(shù)及其專業(yè)技術(shù)實現(xiàn)消費者遠程交互自主買賣解決方案。
（3）完善和發(fā)展學習設(shè)計理論。
二、課題研究的主要內(nèi)容：
1、服裝網(wǎng)站設(shè)計理論體系的研究。
包括服裝品牌的設(shè)計、構(gòu)建性服裝網(wǎng)站環(huán)境的設(shè)計、服裝情境的設(shè)計、服裝資源的設(shè)計、消費者自主買賣活動的設(shè)計、消費者與本網(wǎng)站互動的設(shè)計、消費者評價工具的設(shè)計等。
2、基于網(wǎng)絡(luò)環(huán)境下的教學策略與教學模式的研究。
（2）網(wǎng)絡(luò)教學模式的研究，如項目化學習模式、探索性學習模式、研究性學模式等。
（三）、主要研究（設(shè)計）方法論述：
本項目的研究主要采用個案研究、實證研究、調(diào)查研究、比較研究等方法。對于較大規(guī)模的服裝款型與服裝面料的研究，將采用調(diào)查研究方法。
編輯網(wǎng)站框架，利用asp和asp。net實現(xiàn)網(wǎng)上買賣及消費者與網(wǎng)站交流溝通等功能。做出畢業(yè)設(shè)計！
四、論文（設(shè)計）。
進度安排：時間工作內(nèi)容。
網(wǎng)頁設(shè)計的實踐報告篇十
在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 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)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓贰笔莥ifini易菲的設(shè)計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3。確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
4。網(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ù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yī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)頁都是為凸顯我主題而服務(wù)。
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)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同。現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
將本文的word文檔下載到電腦，方便收藏和打印。
網(wǎng)頁設(shè)計的實踐報告篇十一
基本任務(wù)與要求：
階段工作計劃：
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)粘Ｉ钪械姆椒矫婷?，越來越多的人甚至公司開始學習制作屬于自己的個性化網(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)站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預(yù)期結(jié)果。
研究條件：網(wǎng)頁在21世紀的應(yīng)用已經(jīng)十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設(shè)計和制作沒有一個系統(tǒng)的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：
1、具有研究性：該研究區(qū)域尚未被大量探索過。
擬解決的主要問題：
2.對網(wǎng)頁設(shè)計制作技術(shù)的理解、實際應(yīng)用及論證。
3.自主設(shè)計一個網(wǎng)站，避免出現(xiàn)知名餐飲行業(yè)中的缺點設(shè)計。
預(yù)期結(jié)果：
中期：選取一個有代表性的知名餐飲網(wǎng)站，對其進行網(wǎng)頁設(shè)計以及網(wǎng)頁制作方面的評價，指出設(shè)計中的優(yōu)點和缺點，并進行詳細分析，針對缺點設(shè)計提出自己的想法，并做出實際設(shè)計，從而驗證自己的理論，或者舉出實例進行對比論證。
后期：自行設(shè)計餐飲網(wǎng)站進行對比分析，建立自己的設(shè)計理論，并與中期的評價進行對應(yīng)驗證，在實踐得到大量的經(jīng)驗，從而對整篇課題進行一個重新檢驗，最后反復檢查論文，完成論文。
網(wǎng)頁設(shè)計的實踐報告篇十二
隨著現(xiàn)代化科技的發(fā)展，計算機已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁瀏覽的形式已經(jīng)代替以往書籍瀏覽的形式，也正因為如此網(wǎng)頁的設(shè)計與布局尤為重要?？茖W合理的網(wǎng)頁設(shè)計布局不但能夠帶給人們美感，并且還能使人們在瀏覽的過程中內(nèi)心放松。計算機網(wǎng)頁設(shè)計的概念主要包括網(wǎng)頁設(shè)計布局的整體造型以及網(wǎng)頁設(shè)計布局頁面的尺寸。頁面設(shè)計的整體造型指的就是網(wǎng)頁設(shè)計中的布局形狀，其中最常見的形狀有三角形、圓形等，也有部分計算機網(wǎng)頁設(shè)計采用綜合體的形狀，在頁面的選擇上，大多是根據(jù)網(wǎng)站自身的特點來選擇的。計算機網(wǎng)頁設(shè)計的尺寸也較為多樣化，在計算機使用過程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素無法改變，在瀏覽器自帶的功能上，對于瀏覽過程中網(wǎng)頁的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計算機網(wǎng)頁設(shè)計中的布局與計算機的發(fā)展有著直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁的美感，并且在現(xiàn)代網(wǎng)頁布局中被廣泛運用，以下便是對五種布局類型的詳細分析。
同字型布局主要針對網(wǎng)頁布局的內(nèi)容，這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁設(shè)計布局中，大多都是在網(wǎng)頁的標題欄進行網(wǎng)站主體的填充，有的是填充廣告，也有少數(shù)網(wǎng)頁設(shè)計布局中填充的形式是小標題。在頁面的兩側(cè)分別布置內(nèi)容，其中網(wǎng)站的信息與動態(tài)或是服務(wù)人員以及相應(yīng)的廣告等，在以往網(wǎng)頁設(shè)計布局中這部分并沒有受到重視，因此也是相對具有價值的部分。同字型布局網(wǎng)頁主要都是從中央位置布置，根據(jù)網(wǎng)頁內(nèi)容的重點由上到下布局，或是根據(jù)網(wǎng)頁自身的特點以及相應(yīng)的顏色進行布局，也有部分網(wǎng)頁是根據(jù)其中的細節(jié)進行布局的。在網(wǎng)頁的下端并不會進行內(nèi)容的布局，就目前網(wǎng)頁來看下端也只是網(wǎng)頁的信息以及登錄方式等。
標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局，其它布局類型相似。在頁面上端的布局中大多都是網(wǎng)頁的標題，其中也有廣告，頁面的中端是網(wǎng)頁的主要內(nèi)容以及和重點內(nèi)容，其中中端內(nèi)容中包含同字型布局兩端布局的'內(nèi)容，例如，在正標題下方是對網(wǎng)站的簡訊，之后便是相應(yīng)的附加咨詢，最為常見的就是天氣信息以及網(wǎng)站的注冊信息等，在下方便是網(wǎng)站的主要內(nèi)容也就是正文，在正文的布局上，其結(jié)構(gòu)都是簡單明了的。
綜合框架型布局與其它布局相比形式較為復雜，主要采用框架的形式來進行網(wǎng)頁的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內(nèi)容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來。
封面類型布局便是字面上的意思，按照書本頁面的形式進行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁上大多采用封面型布局，在布局的周圍相應(yīng)的分布著較小以及較為簡單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見的qq空間，其主頁便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁自身的特點，能夠吸引使用者的目光的同時，對其功能更加一目了然方便操作。
flash型布局與頁面布局較為相似，flash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的flash，其中包含聲音以及動畫的形式，因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受，除了聽覺上的享受外在視覺上flash型布局也能夠給人們帶來相應(yīng)的震撼效果。例如，在現(xiàn)代最為常見的游戲頁面上，采用的都是flash型布局，尤其是在登錄的界面或是在進入游戲過程中的等待界面，在現(xiàn)代科技的發(fā)展中，也有少數(shù)網(wǎng)頁在主頁布局的過程中采用flash型布局，以此提高網(wǎng)頁的瀏覽量?？偠灾?，計算機時代已經(jīng)到來，網(wǎng)頁設(shè)計布局已經(jīng)成為重要的發(fā)展趨勢，網(wǎng)頁設(shè)計布局并沒有固定的格式，做一種形式設(shè)計的過程中主要根據(jù)個人的審美，因此想要在網(wǎng)頁的設(shè)計布局中增添其美感，首先就要對美有更深刻的了解，合理的運用到網(wǎng)頁的布局中，使人們在網(wǎng)頁的瀏覽中獲取所需信息的同時還能夠帶來相應(yīng)的視覺享受。
網(wǎng)頁設(shè)計的實踐報告篇十三
選題的意義、同類選題現(xiàn)狀分析包括項目實施的意義和應(yīng)用前景，國內(nèi)外研究和應(yīng)用概況，發(fā)展趨勢，本項目的特色或創(chuàng)新之處）。
電子商務(wù)發(fā)展在世界范圍內(nèi)都是剛剛開始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購物就是internet和電子商務(wù)網(wǎng)站的產(chǎn)物，近幾年在我國發(fā)展迅猛，就如同一些購物商場在各地紛紛開設(shè)分店以拉近與顧客間的距離一樣。21世紀是網(wǎng)絡(luò)的時代，信息的時代，時間是非常寶貴的，人們由于種種原因沒有時間去逛商場，也不知道哪家商場有自己中意的商品，網(wǎng)上購物網(wǎng)站的建立就可以很好的解決這方面的問題，可以向廣大用戶推出一種全新的網(wǎng)上信息服務(wù)，旨在貨品與消費者之間架起一座高速、便捷的網(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ù)：注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車，以及頁面的特效如：將該網(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ù)庫應(yīng)用程序，也適合于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、前臺服務(wù)：
此模塊是對于用戶開放，實現(xiàn)的功能有：客戶注冊，會員登錄，修改個人信息及密碼，貨品分類查詢，貨品瀏覽，購買貨物，購物車，會員留言等。
2、后臺：
此模塊是對于管理員開放，實現(xiàn)的功能有：會員基本信息管理、訂單管理、貨物管理、查看留言。
網(wǎng)頁設(shè)計的實踐報告篇十四
專業(yè)：班級：姓名：
一、實習目的(一)檢驗自己是不是真的適合這個職業(yè)。
鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設(shè)計，這和自己所學的專業(yè)不是。
十分有聯(lián)系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。
(二)在實踐中查漏補缺。
在學校學習的網(wǎng)站建設(shè)知識僅僅停留在平時的作業(yè)里，并沒有得到充分的運。
用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發(fā)現(xiàn)問題，解決問題對知識進行查漏補缺。
(三)在工作中打磨自己。
由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以。
像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。
二、實習內(nèi)容。
(一)實習主要內(nèi)容。
廣州xxxx有限公司是一個研發(fā)和銷售智能寄存柜的公司。它的產(chǎn)品在展示和。
銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網(wǎng)站等作為一個推廣媒介。我實習的主要內(nèi)容就是配合網(wǎng)絡(luò)部去完成網(wǎng)站建設(shè)的工作，涉及前臺的外觀設(shè)計和后臺的代碼編寫，以及宣傳冊的設(shè)計。
1、負責設(shè)計公司整個企業(yè)網(wǎng)站的頁面部分,根據(jù)網(wǎng)頁設(shè)計師或客戶所提供的主題要求和思路框架來設(shè)計出整個網(wǎng)站。
1）使用photoshop、ai等圖片處理軟件設(shè)計、處理和制作網(wǎng)站上需要的圖片。
2）使用span+css樣式及基礎(chǔ)的html語言做頁面布局的排版。
3）使用photoshop對網(wǎng)頁進行配色及排版設(shè)計。
4）編寫css代碼使網(wǎng)站頁面無論是在ie瀏覽器里還是在ff瀏覽器上正常顯示。
2、負責網(wǎng)站的幾個主體模塊的文案撰寫和后臺編輯。
1）在已有的文案上配合網(wǎng)站架構(gòu)進行提煉和歸納整理。
2）使用photoshop對文案進行概念配圖。
3）在后臺將文案部分合理配色排版。
4）按照網(wǎng)站架構(gòu)在后臺錄入所有產(chǎn)品資料。
(二)工作過程。
在公司的2個多月里，我的工作都是由負責整個網(wǎng)站文案架構(gòu)的曹經(jīng)理分配。
監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網(wǎng)站制作上的技術(shù)問題。更多的從我對網(wǎng)站設(shè)計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務(wù)。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。
1、經(jīng)理讓我按照網(wǎng)頁設(shè)計師提供的jpg稿變成span和css。
1）這個任務(wù)簡單來說就是架構(gòu)網(wǎng)頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設(shè)計稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時間去打文本。經(jīng)理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經(jīng)理工作上的態(tài)度更是肅然起敬。
2）因為經(jīng)理沒想要讓實習生負責過于復雜的事情，在這部分工作中設(shè)計的span和css的內(nèi)容并沒有很復雜，需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經(jīng)歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應(yīng)該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。
2、經(jīng)理讓我設(shè)計幾個欄目對應(yīng)的banner圖片。
1）由于自己并沒有專門學過banner規(guī)范和設(shè)計方面的專業(yè)知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經(jīng)理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學邊做。
從整體了解主題：自己找了多個類似的企業(yè)網(wǎng)站作參考，通過總結(jié)企業(yè)網(wǎng)站。
中，幾個主要的欄目在網(wǎng)站上具體意義，體會這對應(yīng)的幾個欄目banner的設(shè)計意義。
思考配色與構(gòu)圖：對整個內(nèi)容有了一了解后，便要思考作品的色彩和具體的構(gòu)圖，先用筆畫出草圖，有時候也會直接在腦海里構(gòu)思。除了從公司的角度，圍繞要傳達的東西去設(shè)計，我也充分意識到要轉(zhuǎn)換身份從用戶的角度出發(fā)，怎樣才可以更吸引人。總體來說就是除了審美上的設(shè)計，也考慮很多目的性。
查找素材：素材這個問題我總結(jié)了一種思路，電腦里下載一些專業(yè)的“科技。
信息”圖庫。另外配合專業(yè)在線圖庫網(wǎng)站(通常是國外站點)+google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。
2）最終banner圖片并沒有全都采用我設(shè)計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經(jīng)理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個公司簡介的頁面。
1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來說其實很簡單。但是我從舊網(wǎng)站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產(chǎn)品，更有沖動訂個公司的寄存柜就要在文案的內(nèi)容上下功夫，就要在表現(xiàn)上更生動，讓人看著不會覺得文字流水賬，很煩躁。
于是在經(jīng)理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據(jù)公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。
這只是對文案的初步處理，接著根據(jù)幾個要點用photoshop處理幾張概念配。
圖出來，將公司寄存柜的技術(shù)水平之領(lǐng)先，應(yīng)用領(lǐng)域之眾多，銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設(shè)想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經(jīng)理的肯定，對網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。
三、實習體會。
做了2個月的網(wǎng)頁設(shè)計和編輯的實習生，終于體會到網(wǎng)頁設(shè)計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個好的網(wǎng)頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會用平常的心態(tài)實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。
在實習的日子，我學習到了很多如果沒有這次經(jīng)歷，就不會有的細膩體會。
(一)深刻感受到什么是真正的細心。
其實在高中甚至到大學，老師都總是強調(diào)“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經(jīng)理對我強調(diào)細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習慣，以細心認真的態(tài)度對待。
(二)主動思考的重要性。
從學校走向社會，首要面臨的問題便是角色轉(zhuǎn)換的問題。從一個學生轉(zhuǎn)化為一個單位人，一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務(wù)的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經(jīng)理看的時候，經(jīng)理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。
(三)、溝通的度要把握好。
工作過程中有許多時候需要和經(jīng)理進行溝通，但是我在溝通的度上沒有把握。
好。好像仗著自己是只做幾個月的實習生，有些提建議的話沒有用比較適合和委婉的語氣表達。雖然經(jīng)理沒有明說，但是我自己意識到了。有些時候工作交接的時候，自己并沒有很清楚細節(jié)，但是問太多又怕打擾到經(jīng)理的工作，導致最終工作也沒進行好。所以這個溝通的度要把握好。該問該說的都要說出來，只要是會影響到工作質(zhì)量的都要禮貌地說出來。這樣才是真正地為公司好。
總之，這次實習，自己確實學到了很多也成長了許多。在實習期間，每日重復單調(diào)繁瑣的工作，時間久了容易厭倦。但是工作簡單也不能馬虎，你一個小小的錯誤可能會給公司帶來巨大的麻煩或損失，還是得認真完成。這段時間，我看到了自己本身存在著許多問題，也會遇到這樣那樣的問題，當前的時代日趨復雜，不學到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學習的還不夠，缺點疏漏。需再加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后的工作存儲更多的能力。
網(wǎng)頁設(shè)計的實踐報告篇十五
在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。
通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 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ù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yī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)頁都是為凸顯我主題而服務(wù)。
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)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
網(wǎng)頁設(shè)計的實踐報告篇十六
網(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音樂)需要先下載到本地由?上，然后啟動相應(yīng)的外部程序來播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術(shù)，用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發(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ù)性的同時，更應(yīng)該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設(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ù)于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計。例如，設(shè)計類的個研究站點與商業(yè)站點性質(zhì)不同，目的也不同，所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先，設(shè)計是為主題服務(wù)的;其次，設(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)部的頁面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風格，讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。
從某種意義上講，強調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望?！罢w”是“多變”基礎(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ù)，典型的有在線音樂、在線廣播、網(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ò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個方面都制訂出統(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è)計者應(yīng)該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣生能窮盡技術(shù)之長，實現(xiàn)藝術(shù)想象，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。
例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應(yīng)的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流(stream)技術(shù)出現(xiàn)以后，網(wǎng)頁設(shè)計者充分、巧妙地應(yīng)用此技術(shù)，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現(xiàn)了實時的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂服務(wù)，無疑增強了頁面?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è)計的實踐報告篇一
姓名:班級:。
實踐內(nèi)容:與多人合作共建一個應(yīng)用性網(wǎng)站。
實踐地點:湖北大學冰點工作室。
實踐日期:7.15-8.15
簡介:。
籌劃期：
建設(shè)期：
1、設(shè)計的要求：
2、技術(shù)運用中要注意的一些事項：
第一、明確技術(shù)是為設(shè)計服務(wù)的，不要沉迷于技術(shù)的運用，堅決摒棄那些華而不實的特效；
第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感；
至于后期的維護和網(wǎng)站的宣傳,那就要考慮到網(wǎng)站投入的費用了!
更多閱讀推薦：程序設(shè)計實踐報告數(shù)據(jù)庫實踐報告書廣告設(shè)計實踐報告。
網(wǎng)頁設(shè)計的實踐報告篇二
畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實習情況匯報如下：
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+span），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+span進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+span排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
（一）初級考試
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了xx公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(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ù)網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。
我的實習是從大三剛開學，被一位老師推薦到一家室內(nèi)設(shè)計公司實習了！真慶幸自己平時能利用課余時間學到那些設(shè)計方面的知識，和大二暑假到那家設(shè)計公司實習??！要不是這些，我想現(xiàn)在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐，并且通過實踐檢驗了自己關(guān)于設(shè)計方面的假設(shè)和猜想，取得了一些令自己滿意的成績。
我們每天的上班時間是從早上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)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
明年就要開始找工作了，這次實習，更讓我懂得了珍惜現(xiàn)在的生活，校園生活真的非常完美，非常令人羨慕！職場的競爭很大，“逆水行舟，不進則退”，必須時刻提醒自己，督促自己！同時也看到了許多，知道做人比做事更加重要，沒有人天生就會，沒有人天生就懂，只有不斷地努力才能成功，在這里不是每個人都有認為你是什么的，有的人就覺得你什么也不是。你只有付出好好學，做給她們看。證明自己不是虛的，證明自己有實力，名副其實！
實習期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
（4）廣告圖象攝影和廣告插畫上，通過對商品在消費使用過程中的情景做出真實的再現(xiàn)，以便來宣傳商品的特征，突出商品的形象；或以攝影圖形來促發(fā)消費者的購買欲望，更直觀準確地傳達產(chǎn)品信息。真實的反映商品的結(jié)構(gòu)、造型、材料和品質(zhì)。廣告的插畫有傳統(tǒng)的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現(xiàn)方向發(fā)展，重意念而輕形似，從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中，使用卡通形象作為產(chǎn)品代言人不但可以以卡通形象的活潑自由，個性化的形象贏得消費者的好感，還省去了請名人做代言的龐大廣告支出和風險。
網(wǎng)頁設(shè)計的實踐報告篇三
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設(shè)計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術(shù)進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應(yīng)該多學點，但好在我都有學過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領(lǐng)導教給我的任務(wù)了。
像我這個組常用的是css+span排版，后臺使用php技術(shù)進行開發(fā)，服務(wù)器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+span進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經(jīng)常犯些小錯誤，導致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。
網(wǎng)頁設(shè)計的實踐報告篇四
時間過得很快，我即將畢業(yè)來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+span），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+span進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+span排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了**公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(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ù)網(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)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
網(wǎng)頁設(shè)計的實踐報告篇五
網(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服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有ftp功能，利用這些ftp工具，可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把網(wǎng)址告訴給朋友，讓他們來瀏覽。
網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的人認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個是我們公司的特色，在網(wǎng)上推排名，這個宣傳效果也很顯著，人們只要輸入關(guān)鍵字最先看到的鏈接，則就是我們公司推上去的鏈接，很好用，訪問量大大提升。
通過目前的實習，在設(shè)計方面我感覺自己有了一定的收獲，也為了我今后在工作及業(yè)務(wù)上能力的提高起到了促進的作用，增強了今后的競爭力，為能在以后立足增添了一塊基石。
但我也認識到，要想做好這方面的工作單靠目前幾月的實習是不行的，還需要我在平時的學習和工作中一點一點的積累，不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設(shè)計的實踐報告篇六
實習目的1、通過實習，使學生加深對所學課程內(nèi)容的認識、理解、掌握，達到對所學知識、技能系統(tǒng)化、條理化的目的，鞏固、提高學習效果。
2、通過綜合應(yīng)用實習，熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網(wǎng)頁的技能，根據(jù)所學技能學以致用，解決實際問題，提高操作應(yīng)用熟練程度。
知道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)容及方法。
一、實習任務(wù)：
1、通過仔細閱讀網(wǎng)頁設(shè)計及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容，加深對相關(guān)概念的理解、理論的理解、掌握、運用。
2、嚴格按照實習指導書的相關(guān)要求，完成了各項綜合操作，并將相應(yīng)圖像制作、動畫制作和頁面設(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è)置的字體顏色，這樣表明我的鏈接成功。
預(yù)覽后在主頁面點擊“產(chǎn)品列表”就會顯示到我的產(chǎn)品列表二級頁面。
其他頁面方法同上。
產(chǎn)品列表：將“產(chǎn)品列表”同首頁進行鏈接，然后預(yù)覽成功！郵箱登陸：將“郵箱登陸”同首頁進行鏈接，然后預(yù)覽成功！
聯(lián)系我們：將“聯(lián)系我們”同首頁進行鏈接，然后預(yù)覽成功！
公司簡介：將“公司簡介”同首頁進行鏈接，然后預(yù)覽成功！
5、層與行為的應(yīng)用。
“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。
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）然后預(yù)覽就會出現(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的應(yīng)運更加熟練.在制作網(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ī)砗艽舐闊?。同時，也希望我們能利用我們學習的知識技能更好的為學院，為同學們服務(wù)，也希望我們能夠互相學習，互相取長補短，使我們每個同學能夠更好的進步。
2、不足。
在實習中我發(fā)覺網(wǎng)站的制作過程中，1、自己腦袋里沒有裝東西（網(wǎng)站的綜合布局、網(wǎng)頁的構(gòu)思和編排）。
甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫然。
2、自己的閱歷不夠，自己的網(wǎng)站應(yīng)該是一個怎樣的網(wǎng)站，里面要放。
些啥內(nèi)容，該怎樣去組織這些內(nèi)容，心里沒底。
3、尤其是老師在前面教過的內(nèi)容自己沒有及時的練習和鞏固，以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁的時候，色彩搭配特別重要，而我自己對顏色的搭配不是很了解，感覺做出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺不協(xié)調(diào)。
5、新疆停網(wǎng)的原因，使我們在素材的搜集上變得很被動，所以導致。
做出的東西很簡單，所以我覺得，知識應(yīng)用的全部全還要看準備是否充分。
6、在以后的學習中我會更加認真地去學習，去掌握這些軟件的用法，便于在以后做東西的時候能更好地運用。
六、致謝。
在網(wǎng)頁實習結(jié)束的時候我要感謝辛勤的班主任老師，在這個學期代我們的網(wǎng)頁設(shè)計以外還代了很多別的課，所以很辛苦，在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網(wǎng)頁設(shè)計的興趣也非常的濃厚，在實習中我發(fā)現(xiàn)很多同學的網(wǎng)站做的很好很有特色，這都少不了老師的指導。在老師的帶領(lǐng)下我們學到很多書本上學不到的東西，相信在以后找工作中我們會多了一個籌碼。
其次，要感謝學校給我們安排了期末的課程實習，讓我們能在學期末重新溫習和總結(jié)整個一學期以來學習的知識，并且總結(jié)自己的不足，在以后的學習中能夠加以改正和補充。
最后，再次感謝學校和指導的老師！
網(wǎng)頁設(shè)計的實踐報告篇七
我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的.我是一個性格有些內(nèi)向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個我很清楚?，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設(shè)計的工作。現(xiàn)將我在工作中的情況報告如下。
一、工作介紹。
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設(shè)計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
二、開發(fā)技術(shù)。
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術(shù)進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應(yīng)該多學點，但好在我都有學過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領(lǐng)導教給我的任務(wù)了。
像我這個組常用的是css+span排版，后臺使用php技術(shù)進行開發(fā)，服務(wù)器平臺采用，linu+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+span進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。
三、工作流程。
小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經(jīng)常犯些小錯誤，導致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。
四、安全檢查。
漏，很有可能導致網(wǎng)站在實際使用時，遭到黑客攻擊，如果造成了經(jīng)濟損失就無法挽救了。
所以，我們每個人在將各自的工作完成以后，組長和其它專門的技術(shù)人員會對網(wǎng)站的安全性進行測試，找出存在的漏洞，然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。
在公司進行實習工作的這段時間，我在個人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對自己的表現(xiàn)感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。
網(wǎng)頁設(shè)計的實踐報告篇八
網(wǎng)頁設(shè)計心得體會。
我利用寒假的時間，對網(wǎng)頁設(shè)計進行了初步的認識和了解，并基本掌握dreamweaver的應(yīng)用。
通過對網(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)頁軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。
在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備一些基本原則。
首先，要·確定網(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ò)上收集，您只要到搜索引擎上查找相應(yīng)的關(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ù)網(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è)計的實踐報告篇九
題目一、選題的背景和意義：
（一）選題的背景：
1）國際動態(tài)：深圳市wto事務(wù)中心通過紡織行業(yè)協(xié)會和服裝行業(yè)協(xié)會，就歐美對我國紡織品服裝啟動保障措施設(shè)限，向各紡織服裝企業(yè)發(fā)出了預(yù)警信息。服裝企業(yè)要想成功地在國際市場中打拼，關(guān)注相關(guān)預(yù)警信息是重要保證。在藝術(shù)和設(shè)計領(lǐng)域，國外各種新思潮的涌入和滲透，帶動著我們的價值觀與審美觀一起跟隨國際流行動態(tài)前進。虛榮夸大的裝飾化風格成為新的形式主義，使其更具國際化，緊隨國際時尚潮流。
據(jù)穿著者的身份、地位各有分別。發(fā)展至今，中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式，取代華麗而夸張的服裝款式等等。
我國服裝歷史悠久，款式、面料絢麗多彩，是我國民族文化藝術(shù)寶庫的珍品之一。隨著社會的進步和科學技術(shù)的發(fā)展，出現(xiàn)了不少現(xiàn)代多功能及高科技的奇妙服裝，以滿足人們的生活和工作需要。將來服裝的發(fā)展趨勢是不求名貴，但求方便，更求舒適，越來越薄的“綠色”服裝。
（二）選題的意義。
設(shè)的必然內(nèi)涵。從社會、思想和文化變遷的角度看服裝的變化，服裝就成為考察社會文化變遷的窗口。所以一部優(yōu)秀的社會生活史必定是社會文化史；一部優(yōu)秀的社會文化史必然要對社會生活作出具體詳實的文化和社會的闡釋。
（1）大力弘揚我國服裝業(yè)進取拼搏的精神，促進服裝業(yè)的發(fā)展。
由于網(wǎng)絡(luò)平臺可以實現(xiàn)信息資源共享，在網(wǎng)上組織更優(yōu)秀的服裝業(yè)發(fā)展動態(tài)，不僅使消費者在網(wǎng)上看到服裝業(yè)的最新發(fā)展趨勢，而且為消費者提供一個互相交流的平臺。
（2）尋找利用計算機技術(shù)及其專業(yè)技術(shù)實現(xiàn)消費者遠程交互自主買賣解決方案。
（3）完善和發(fā)展學習設(shè)計理論。
二、課題研究的主要內(nèi)容：
1、服裝網(wǎng)站設(shè)計理論體系的研究。
包括服裝品牌的設(shè)計、構(gòu)建性服裝網(wǎng)站環(huán)境的設(shè)計、服裝情境的設(shè)計、服裝資源的設(shè)計、消費者自主買賣活動的設(shè)計、消費者與本網(wǎng)站互動的設(shè)計、消費者評價工具的設(shè)計等。
2、基于網(wǎng)絡(luò)環(huán)境下的教學策略與教學模式的研究。
（2）網(wǎng)絡(luò)教學模式的研究，如項目化學習模式、探索性學習模式、研究性學模式等。
（三）、主要研究（設(shè)計）方法論述：
本項目的研究主要采用個案研究、實證研究、調(diào)查研究、比較研究等方法。對于較大規(guī)模的服裝款型與服裝面料的研究，將采用調(diào)查研究方法。
編輯網(wǎng)站框架，利用asp和asp。net實現(xiàn)網(wǎng)上買賣及消費者與網(wǎng)站交流溝通等功能。做出畢業(yè)設(shè)計！
四、論文（設(shè)計）。
進度安排：時間工作內(nèi)容。
網(wǎng)頁設(shè)計的實踐報告篇十
在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 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)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓贰笔莥ifini易菲的設(shè)計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3。確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
4。網(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ù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yī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)頁都是為凸顯我主題而服務(wù)。
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)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同。現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
將本文的word文檔下載到電腦，方便收藏和打印。
網(wǎng)頁設(shè)計的實踐報告篇十一
基本任務(wù)與要求：
階段工作計劃：
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)粘Ｉ钪械姆椒矫婷?，越來越多的人甚至公司開始學習制作屬于自己的個性化網(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)站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預(yù)期結(jié)果。
研究條件：網(wǎng)頁在21世紀的應(yīng)用已經(jīng)十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設(shè)計和制作沒有一個系統(tǒng)的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：
1、具有研究性：該研究區(qū)域尚未被大量探索過。
擬解決的主要問題：
2.對網(wǎng)頁設(shè)計制作技術(shù)的理解、實際應(yīng)用及論證。
3.自主設(shè)計一個網(wǎng)站，避免出現(xiàn)知名餐飲行業(yè)中的缺點設(shè)計。
預(yù)期結(jié)果：
中期：選取一個有代表性的知名餐飲網(wǎng)站，對其進行網(wǎng)頁設(shè)計以及網(wǎng)頁制作方面的評價，指出設(shè)計中的優(yōu)點和缺點，并進行詳細分析，針對缺點設(shè)計提出自己的想法，并做出實際設(shè)計，從而驗證自己的理論，或者舉出實例進行對比論證。
后期：自行設(shè)計餐飲網(wǎng)站進行對比分析，建立自己的設(shè)計理論，并與中期的評價進行對應(yīng)驗證，在實踐得到大量的經(jīng)驗，從而對整篇課題進行一個重新檢驗，最后反復檢查論文，完成論文。
網(wǎng)頁設(shè)計的實踐報告篇十二
隨著現(xiàn)代化科技的發(fā)展，計算機已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁瀏覽的形式已經(jīng)代替以往書籍瀏覽的形式，也正因為如此網(wǎng)頁的設(shè)計與布局尤為重要?？茖W合理的網(wǎng)頁設(shè)計布局不但能夠帶給人們美感，并且還能使人們在瀏覽的過程中內(nèi)心放松。計算機網(wǎng)頁設(shè)計的概念主要包括網(wǎng)頁設(shè)計布局的整體造型以及網(wǎng)頁設(shè)計布局頁面的尺寸。頁面設(shè)計的整體造型指的就是網(wǎng)頁設(shè)計中的布局形狀，其中最常見的形狀有三角形、圓形等，也有部分計算機網(wǎng)頁設(shè)計采用綜合體的形狀，在頁面的選擇上，大多是根據(jù)網(wǎng)站自身的特點來選擇的。計算機網(wǎng)頁設(shè)計的尺寸也較為多樣化，在計算機使用過程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素無法改變，在瀏覽器自帶的功能上，對于瀏覽過程中網(wǎng)頁的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計算機網(wǎng)頁設(shè)計中的布局與計算機的發(fā)展有著直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁的美感，并且在現(xiàn)代網(wǎng)頁布局中被廣泛運用，以下便是對五種布局類型的詳細分析。
同字型布局主要針對網(wǎng)頁布局的內(nèi)容，這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁設(shè)計布局中，大多都是在網(wǎng)頁的標題欄進行網(wǎng)站主體的填充，有的是填充廣告，也有少數(shù)網(wǎng)頁設(shè)計布局中填充的形式是小標題。在頁面的兩側(cè)分別布置內(nèi)容，其中網(wǎng)站的信息與動態(tài)或是服務(wù)人員以及相應(yīng)的廣告等，在以往網(wǎng)頁設(shè)計布局中這部分并沒有受到重視，因此也是相對具有價值的部分。同字型布局網(wǎng)頁主要都是從中央位置布置，根據(jù)網(wǎng)頁內(nèi)容的重點由上到下布局，或是根據(jù)網(wǎng)頁自身的特點以及相應(yīng)的顏色進行布局，也有部分網(wǎng)頁是根據(jù)其中的細節(jié)進行布局的。在網(wǎng)頁的下端并不會進行內(nèi)容的布局，就目前網(wǎng)頁來看下端也只是網(wǎng)頁的信息以及登錄方式等。
標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局，其它布局類型相似。在頁面上端的布局中大多都是網(wǎng)頁的標題，其中也有廣告，頁面的中端是網(wǎng)頁的主要內(nèi)容以及和重點內(nèi)容，其中中端內(nèi)容中包含同字型布局兩端布局的'內(nèi)容，例如，在正標題下方是對網(wǎng)站的簡訊，之后便是相應(yīng)的附加咨詢，最為常見的就是天氣信息以及網(wǎng)站的注冊信息等，在下方便是網(wǎng)站的主要內(nèi)容也就是正文，在正文的布局上，其結(jié)構(gòu)都是簡單明了的。
綜合框架型布局與其它布局相比形式較為復雜，主要采用框架的形式來進行網(wǎng)頁的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內(nèi)容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來。
封面類型布局便是字面上的意思，按照書本頁面的形式進行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁上大多采用封面型布局，在布局的周圍相應(yīng)的分布著較小以及較為簡單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見的qq空間，其主頁便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁自身的特點，能夠吸引使用者的目光的同時，對其功能更加一目了然方便操作。
flash型布局與頁面布局較為相似，flash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的flash，其中包含聲音以及動畫的形式，因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受，除了聽覺上的享受外在視覺上flash型布局也能夠給人們帶來相應(yīng)的震撼效果。例如，在現(xiàn)代最為常見的游戲頁面上，采用的都是flash型布局，尤其是在登錄的界面或是在進入游戲過程中的等待界面，在現(xiàn)代科技的發(fā)展中，也有少數(shù)網(wǎng)頁在主頁布局的過程中采用flash型布局，以此提高網(wǎng)頁的瀏覽量?？偠灾?，計算機時代已經(jīng)到來，網(wǎng)頁設(shè)計布局已經(jīng)成為重要的發(fā)展趨勢，網(wǎng)頁設(shè)計布局并沒有固定的格式，做一種形式設(shè)計的過程中主要根據(jù)個人的審美，因此想要在網(wǎng)頁的設(shè)計布局中增添其美感，首先就要對美有更深刻的了解，合理的運用到網(wǎng)頁的布局中，使人們在網(wǎng)頁的瀏覽中獲取所需信息的同時還能夠帶來相應(yīng)的視覺享受。
網(wǎng)頁設(shè)計的實踐報告篇十三
選題的意義、同類選題現(xiàn)狀分析包括項目實施的意義和應(yīng)用前景，國內(nèi)外研究和應(yīng)用概況，發(fā)展趨勢，本項目的特色或創(chuàng)新之處）。
電子商務(wù)發(fā)展在世界范圍內(nèi)都是剛剛開始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購物就是internet和電子商務(wù)網(wǎng)站的產(chǎn)物，近幾年在我國發(fā)展迅猛，就如同一些購物商場在各地紛紛開設(shè)分店以拉近與顧客間的距離一樣。21世紀是網(wǎng)絡(luò)的時代，信息的時代，時間是非常寶貴的，人們由于種種原因沒有時間去逛商場，也不知道哪家商場有自己中意的商品，網(wǎng)上購物網(wǎng)站的建立就可以很好的解決這方面的問題，可以向廣大用戶推出一種全新的網(wǎng)上信息服務(wù)，旨在貨品與消費者之間架起一座高速、便捷的網(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ù)：注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車，以及頁面的特效如：將該網(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ù)庫應(yīng)用程序，也適合于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、前臺服務(wù)：
此模塊是對于用戶開放，實現(xiàn)的功能有：客戶注冊，會員登錄，修改個人信息及密碼，貨品分類查詢，貨品瀏覽，購買貨物，購物車，會員留言等。
2、后臺：
此模塊是對于管理員開放，實現(xiàn)的功能有：會員基本信息管理、訂單管理、貨物管理、查看留言。
網(wǎng)頁設(shè)計的實踐報告篇十四
專業(yè)：班級：姓名：
一、實習目的(一)檢驗自己是不是真的適合這個職業(yè)。
鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設(shè)計，這和自己所學的專業(yè)不是。
十分有聯(lián)系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。
(二)在實踐中查漏補缺。
在學校學習的網(wǎng)站建設(shè)知識僅僅停留在平時的作業(yè)里，并沒有得到充分的運。
用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發(fā)現(xiàn)問題，解決問題對知識進行查漏補缺。
(三)在工作中打磨自己。
由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以。
像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。
二、實習內(nèi)容。
(一)實習主要內(nèi)容。
廣州xxxx有限公司是一個研發(fā)和銷售智能寄存柜的公司。它的產(chǎn)品在展示和。
銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網(wǎng)站等作為一個推廣媒介。我實習的主要內(nèi)容就是配合網(wǎng)絡(luò)部去完成網(wǎng)站建設(shè)的工作，涉及前臺的外觀設(shè)計和后臺的代碼編寫，以及宣傳冊的設(shè)計。
1、負責設(shè)計公司整個企業(yè)網(wǎng)站的頁面部分,根據(jù)網(wǎng)頁設(shè)計師或客戶所提供的主題要求和思路框架來設(shè)計出整個網(wǎng)站。
1）使用photoshop、ai等圖片處理軟件設(shè)計、處理和制作網(wǎng)站上需要的圖片。
2）使用span+css樣式及基礎(chǔ)的html語言做頁面布局的排版。
3）使用photoshop對網(wǎng)頁進行配色及排版設(shè)計。
4）編寫css代碼使網(wǎng)站頁面無論是在ie瀏覽器里還是在ff瀏覽器上正常顯示。
2、負責網(wǎng)站的幾個主體模塊的文案撰寫和后臺編輯。
1）在已有的文案上配合網(wǎng)站架構(gòu)進行提煉和歸納整理。
2）使用photoshop對文案進行概念配圖。
3）在后臺將文案部分合理配色排版。
4）按照網(wǎng)站架構(gòu)在后臺錄入所有產(chǎn)品資料。
(二)工作過程。
在公司的2個多月里，我的工作都是由負責整個網(wǎng)站文案架構(gòu)的曹經(jīng)理分配。
監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網(wǎng)站制作上的技術(shù)問題。更多的從我對網(wǎng)站設(shè)計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務(wù)。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。
1、經(jīng)理讓我按照網(wǎng)頁設(shè)計師提供的jpg稿變成span和css。
1）這個任務(wù)簡單來說就是架構(gòu)網(wǎng)頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設(shè)計稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時間去打文本。經(jīng)理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經(jīng)理工作上的態(tài)度更是肅然起敬。
2）因為經(jīng)理沒想要讓實習生負責過于復雜的事情，在這部分工作中設(shè)計的span和css的內(nèi)容并沒有很復雜，需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經(jīng)歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應(yīng)該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。
2、經(jīng)理讓我設(shè)計幾個欄目對應(yīng)的banner圖片。
1）由于自己并沒有專門學過banner規(guī)范和設(shè)計方面的專業(yè)知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經(jīng)理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學邊做。
從整體了解主題：自己找了多個類似的企業(yè)網(wǎng)站作參考，通過總結(jié)企業(yè)網(wǎng)站。
中，幾個主要的欄目在網(wǎng)站上具體意義，體會這對應(yīng)的幾個欄目banner的設(shè)計意義。
思考配色與構(gòu)圖：對整個內(nèi)容有了一了解后，便要思考作品的色彩和具體的構(gòu)圖，先用筆畫出草圖，有時候也會直接在腦海里構(gòu)思。除了從公司的角度，圍繞要傳達的東西去設(shè)計，我也充分意識到要轉(zhuǎn)換身份從用戶的角度出發(fā)，怎樣才可以更吸引人。總體來說就是除了審美上的設(shè)計，也考慮很多目的性。
查找素材：素材這個問題我總結(jié)了一種思路，電腦里下載一些專業(yè)的“科技。
信息”圖庫。另外配合專業(yè)在線圖庫網(wǎng)站(通常是國外站點)+google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。
2）最終banner圖片并沒有全都采用我設(shè)計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經(jīng)理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個公司簡介的頁面。
1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來說其實很簡單。但是我從舊網(wǎng)站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產(chǎn)品，更有沖動訂個公司的寄存柜就要在文案的內(nèi)容上下功夫，就要在表現(xiàn)上更生動，讓人看著不會覺得文字流水賬，很煩躁。
于是在經(jīng)理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據(jù)公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。
這只是對文案的初步處理，接著根據(jù)幾個要點用photoshop處理幾張概念配。
圖出來，將公司寄存柜的技術(shù)水平之領(lǐng)先，應(yīng)用領(lǐng)域之眾多，銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設(shè)想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經(jīng)理的肯定，對網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。
三、實習體會。
做了2個月的網(wǎng)頁設(shè)計和編輯的實習生，終于體會到網(wǎng)頁設(shè)計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個好的網(wǎng)頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會用平常的心態(tài)實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。
在實習的日子，我學習到了很多如果沒有這次經(jīng)歷，就不會有的細膩體會。
(一)深刻感受到什么是真正的細心。
其實在高中甚至到大學，老師都總是強調(diào)“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經(jīng)理對我強調(diào)細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習慣，以細心認真的態(tài)度對待。
(二)主動思考的重要性。
從學校走向社會，首要面臨的問題便是角色轉(zhuǎn)換的問題。從一個學生轉(zhuǎn)化為一個單位人，一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務(wù)的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經(jīng)理看的時候，經(jīng)理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。
(三)、溝通的度要把握好。
工作過程中有許多時候需要和經(jīng)理進行溝通，但是我在溝通的度上沒有把握。
好。好像仗著自己是只做幾個月的實習生，有些提建議的話沒有用比較適合和委婉的語氣表達。雖然經(jīng)理沒有明說，但是我自己意識到了。有些時候工作交接的時候，自己并沒有很清楚細節(jié)，但是問太多又怕打擾到經(jīng)理的工作，導致最終工作也沒進行好。所以這個溝通的度要把握好。該問該說的都要說出來，只要是會影響到工作質(zhì)量的都要禮貌地說出來。這樣才是真正地為公司好。
總之，這次實習，自己確實學到了很多也成長了許多。在實習期間，每日重復單調(diào)繁瑣的工作，時間久了容易厭倦。但是工作簡單也不能馬虎，你一個小小的錯誤可能會給公司帶來巨大的麻煩或損失，還是得認真完成。這段時間，我看到了自己本身存在著許多問題，也會遇到這樣那樣的問題，當前的時代日趨復雜，不學到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學習的還不夠，缺點疏漏。需再加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后的工作存儲更多的能力。
網(wǎng)頁設(shè)計的實踐報告篇十五
在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。
通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 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ù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yī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)頁都是為凸顯我主題而服務(wù)。
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)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
網(wǎng)頁設(shè)計的實踐報告篇十六
網(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音樂)需要先下載到本地由?上，然后啟動相應(yīng)的外部程序來播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術(shù)，用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發(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ù)性的同時，更應(yīng)該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設(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ù)于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計。例如，設(shè)計類的個研究站點與商業(yè)站點性質(zhì)不同，目的也不同，所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先，設(shè)計是為主題服務(wù)的;其次，設(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)部的頁面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風格，讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。
從某種意義上講，強調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望?！罢w”是“多變”基礎(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ù)，典型的有在線音樂、在線廣播、網(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ò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個方面都制訂出統(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è)計者應(yīng)該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣生能窮盡技術(shù)之長，實現(xiàn)藝術(shù)想象，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。
例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應(yīng)的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流(stream)技術(shù)出現(xiàn)以后，網(wǎng)頁設(shè)計者充分、巧妙地應(yīng)用此技術(shù)，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現(xiàn)了實時的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂服務(wù)，無疑增強了頁面?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)得尤為突出。