【正文】 你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去、在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了，下面要開始的便是優(yōu)化工作，內(nèi)容是整個(gè)網(wǎng)頁(yè)的核心。在網(wǎng)頁(yè)設(shè)計(jì)之前必須明確網(wǎng)頁(yè)的內(nèi)容安排。優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁(yè)時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái)，尤其要制作一個(gè)大的網(wǎng)站(有很多頁(yè)面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。大綱列出來(lái)后，還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛?lái)了，然后開始一步一步有條理，有次序地做來(lái)，就胸有成竹得多，也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來(lái)就開始往主頁(yè)里面填內(nèi)容。如果是個(gè)人主頁(yè)，有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫和動(dòng)態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來(lái)。然后是開始正式制作主頁(yè)。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置。文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)?？傮w來(lái)說(shuō)，通過這個(gè)假期對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)12不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但這一個(gè)學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會(huì)了頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，還讓我學(xué)會(huì)了自己動(dòng)手去制作屬于自己的網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。 首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于像我這樣的個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒有這個(gè)能力，也沒這個(gè)精力。網(wǎng)站的39。主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。找到材料后，我們還要規(guī)劃網(wǎng)站。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。做好以上三步之后，我們就要選擇合適的制作工具。 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來(lái)制作網(wǎng)頁(yè) ，對(duì)于圖片部分的處理，個(gè)人覺得Photoshop比較好用。最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 網(wǎng)頁(yè)做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它。以上就是我對(duì)于網(wǎng)頁(yè)制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁(yè)布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過各種方式繼續(xù)頁(yè)設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門的徐兵老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁(yè)的知識(shí)，謝謝！第四篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告天津電子信息職業(yè)技術(shù)學(xué)院 暨國(guó)家示范性軟件職業(yè)技術(shù)學(xué)院網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告姓名：系別：專業(yè)：班級(jí)：指導(dǎo)教師：完成時(shí)間：2012 年 6 月 1日第五篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告重慶科創(chuàng)職業(yè)學(xué)院《靜態(tài)網(wǎng)站建設(shè)》 實(shí) 訓(xùn) 報(bào) 告題目：專業(yè)：班級(jí)：學(xué)號(hào)：姓名：成績(jī)：指導(dǎo)教師：完成日期：年月日目錄一、課程設(shè)計(jì)目的....................1二、課程設(shè)計(jì)題目描述和要求.....................1三、課程設(shè)計(jì)報(bào)告內(nèi)容...................1...............................1..............................2.........................2...........................2四、結(jié)論......................2五、結(jié)束語(yǔ).........................3六、主要參考資料....................3一、課程設(shè)計(jì)目的本課程是一門計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)專業(yè)實(shí)踐性環(huán)節(jié)。以HTML和CSS為基礎(chǔ)，全面介紹與網(wǎng)頁(yè)設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有一般網(wǎng)頁(yè)制作的能力。與此同時(shí)，通過對(duì)Web頁(yè)制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)中所涉及的相關(guān)知識(shí)有一個(gè)全面的了解。通過本課程的學(xué)習(xí)，使學(xué)生全面了解網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)的基本概念、基本理論及業(yè)務(wù)運(yùn)作模式，了解網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)及工作過程，掌握網(wǎng)站的建立及網(wǎng)頁(yè)設(shè)計(jì)制作的方法，能夠完成一般性網(wǎng)站的建設(shè)，因此要求利用網(wǎng)頁(yè)設(shè)計(jì)方法，設(shè)計(jì)一個(gè)網(wǎng)站，提高綜合應(yīng)用所學(xué)知識(shí)的能力，積累 Web 程序的編程經(jīng)驗(yàn)，提高編程與調(diào)試能力，培養(yǎng)獨(dú)立學(xué)習(xí)、吸取他人的經(jīng)驗(yàn)、探討技術(shù)的習(xí)慣和團(tuán)隊(duì)協(xié)作能力。二、課程設(shè)計(jì)題目描述和要求每個(gè)設(shè)計(jì)人員設(shè)計(jì)制作利用DIV+CSS網(wǎng)頁(yè)布局方法制作的任意類型的網(wǎng)站（主題不限），制作網(wǎng)站所需的相關(guān)文字資料、圖片資料等可以到相關(guān)類型的網(wǎng)站上進(jìn)行采集或自行采集。要求：根據(jù)上面指定的網(wǎng)站開發(fā)項(xiàng)目?jī)?nèi)容進(jìn)行開發(fā)設(shè)計(jì)，網(wǎng)站欄目設(shè)置、網(wǎng)站要表達(dá)的具體內(nèi)容和網(wǎng)站的風(fēng)格根據(jù)小組確定的課題進(jìn)行設(shè)計(jì)；要求根據(jù)網(wǎng)站設(shè)計(jì)規(guī)范和常用網(wǎng)制作頁(yè)技術(shù)進(jìn)行設(shè)計(jì)；設(shè)計(jì)的網(wǎng)站要求結(jié)構(gòu)合理，版面美觀大方，顏色合理，風(fēng)格一致，并運(yùn)用適當(dāng)?shù)膭?dòng)態(tài)網(wǎng)頁(yè)技術(shù)進(jìn)行修飾。三、課程設(shè)計(jì)報(bào)告內(nèi)容制作該網(wǎng)站的時(shí)代背景？該網(wǎng)站主要的功能是什么？可以實(shí)現(xiàn)哪些用途？主要使用的技術(shù)是什么？利用了哪些語(yǔ)言實(shí)現(xiàn)哪些效果……該網(wǎng)站有多少個(gè)模塊？層次關(guān)系是什么樣子的？并且可以繪制一個(gè)流程圖來(lái)進(jìn)行進(jìn)一步說(shuō)明。（頁(yè)面、設(shè)計(jì)思路、主要代碼）1．進(jìn)行截圖；2．對(duì)設(shè)計(jì)思路進(jìn)行說(shuō)明。3．將主要代碼復(fù)制粘貼。（頁(yè)面、設(shè)計(jì)思路、主要代碼）1．進(jìn)行截圖；2．對(duì)設(shè)計(jì)思路進(jìn)行說(shuō)明。3．將主要代碼復(fù)制粘貼。使用的測(cè)試方法是什么？測(cè)試中遇到的問題以及解決的方法。四、結(jié)論寫法要求：概括地說(shuō)明所進(jìn)行工作的情況和價(jià)值，分析其優(yōu)點(diǎn)和特色，指出創(chuàng)新所在，性能達(dá)到何種水平，并應(yīng)指出其中存在的問題和今后的改進(jìn)方向，特別是對(duì)工作中遇到的重要問題要著重指出，并提出自己的見解。篇幅不宜過長(zhǎng)。結(jié)論要簡(jiǎn)單、明確。在措辭上應(yīng)嚴(yán)密，容易被人領(lǐng)會(huì)。應(yīng)實(shí)事求是地介紹自己的工作成果，忌言過其實(shí)，在無(wú)充分把握時(shí)，應(yīng)留有余地。五、結(jié)束語(yǔ)要求：在文章結(jié)尾處，通常以簡(jiǎn)短的文字，對(duì)設(shè)計(jì)過程中自己的收獲，及工作過程中曾給自己以直接幫助的人員，例如指導(dǎo)老師、答疑老師及其他人員，表示自己的謝意。這不僅是一種禮貌，也是對(duì)他人勞動(dòng)的尊重，是治學(xué)者應(yīng)有的品質(zhì)。六、主要參考資料[1]吳東偉等，《網(wǎng)頁(yè)設(shè)計(jì)三劍客》，北京，清華大學(xué)出版社，2004年[2]李宏，張敏，《網(wǎng)頁(yè)設(shè)計(jì)與制作》，北京，化學(xué)工業(yè)出版社，2006年[3]李桂杰，《網(wǎng)頁(yè)設(shè)計(jì)與制作》，大連，大連理工大學(xué)出版社，2008年[4]李英俊，《網(wǎng)頁(yè)設(shè)計(jì)與制作》，大連，大連理工大學(xué)出版社，2010年…………………………………………………………………………..(要求:五號(hào)字，宋體。按作者、書名、出版社、地點(diǎn)、出版時(shí)間格式逐一列出，中間用逗號(hào)格開)