網(wǎng)頁設(shè)計(jì)設(shè)計(jì)報告

題目；Dreamweaver網(wǎng)頁設(shè)計(jì)系（部）院： 信息工程學(xué)院專業(yè)：教育技術(shù)作者姓名：馮彩娟指導(dǎo)教師： 完成日期： 2011年6月20日Dreamweaver網(wǎng)頁設(shè)計(jì)摘要：Dreamweaver網(wǎng)頁設(shè)計(jì)，簡單的說就是教會你怎么制作網(wǎng)站。通常由個人或者專門的部門設(shè)計(jì)、開發(fā)、維護(hù)。本文給出了網(wǎng)站設(shè)計(jì)詳細(xì)設(shè)計(jì)與開發(fā)過程，本網(wǎng)站是基于html語言、css、javascricp代碼，在Dreamweaver8.0環(huán)境下完成的。網(wǎng)站實(shí)現(xiàn)了向廣大網(wǎng)絡(luò)用戶展示如何設(shè)計(jì)網(wǎng)站，如確定主題、網(wǎng)站規(guī)劃、素材收集、風(fēng)格設(shè)計(jì)、內(nèi)容設(shè)計(jì)、發(fā)布維護(hù)等。網(wǎng)友可以在線留言給本網(wǎng)站，達(dá)到用戶與網(wǎng)絡(luò)管理員的互動，從而提高網(wǎng)站的信息面。關(guān)鍵詞：規(guī)劃；風(fēng)格；設(shè)計(jì)目錄TOC\o"1-5"\h\z\o"CurrentDocument"第一章引言 3\o"CurrentDocument"1.1選題的背景和意義 3\o"CurrentDocument"1.2選題的現(xiàn)狀 3\o"CurrentDocument"1.3選題主要工作內(nèi)容 4\o"CurrentDocument"第二章開發(fā)工具簡介 4\o"CurrentDocument"2.1系統(tǒng)開發(fā)技術(shù)簡介 4\o"CurrentDocument"第三章系統(tǒng)設(shè)計(jì) 4\o"CurrentDocument"3.1網(wǎng)站總體結(jié)構(gòu) 43.2網(wǎng)站功能模塊設(shè)計(jì) 53.2.1網(wǎng)站總體模塊功能簡介 53.2.2網(wǎng)站不同權(quán)限模塊功能簡介 6\o"CurrentDocument"第四章主要功能模塊的實(shí)現(xiàn) 7\o"CurrentDocument"4.1首頁設(shè)計(jì)與實(shí)現(xiàn) 7\o"CurrentDocument"第五章結(jié)束語 7\o"CurrentDocument"致謝 8參考文獻(xiàn) 8第一章引言1.1選題的背景和意義在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet"海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位以及教育機(jī)構(gòu)信息化建設(shè)中的重要組成部分，從而倍受人們的重視。在這個終身學(xué)習(xí)的環(huán)境中，通過互聯(lián)網(wǎng)的在線學(xué)習(xí)更是必不可少的。1.2選題的現(xiàn)狀中國國務(wù)院新聞辦公室主任王晨近今年在北京說，截至2009年底，中國網(wǎng)民人數(shù)達(dá)到3.84億，比1997年增長了618倍，年均增長3,195萬人，互聯(lián)網(wǎng)普及率達(dá)到28.9%，超過世界平均水平。中國境內(nèi)網(wǎng)站達(dá)323萬個，比1997年增長了2,152倍。中國擁有IPv4地址約2.3億個，已成為世界第二大1Pv4地址擁有國。中國使用寬帶上網(wǎng)的網(wǎng)民達(dá)到3.46億人，使用手機(jī)上網(wǎng)的網(wǎng)民達(dá)到2.33億人。中國網(wǎng)民上網(wǎng)方式已從最初以撥號上網(wǎng)為主，發(fā)展到以寬帶和手機(jī)上網(wǎng)為主。中國互聯(lián)網(wǎng)發(fā)展與普及水平居發(fā)展中國家前列。如此看來，網(wǎng)絡(luò)已經(jīng)成為中國人民的一大精神食糧，通過網(wǎng)絡(luò)獲取信息，應(yīng)經(jīng)是最快速，最方便的方式。那么要讓更多人了解網(wǎng)頁設(shè)計(jì)并且自己制作網(wǎng)頁，那么建立一個網(wǎng)絡(luò)上的Dreamweaver學(xué)習(xí)網(wǎng)站是一個簡單有效的方法。1.3選題主要工作內(nèi)容開發(fā)一個簡單的Dreamweaver學(xué)習(xí)網(wǎng)，將詳細(xì)的講述如何設(shè)計(jì)網(wǎng)站的主題、風(fēng)格、內(nèi)容、發(fā)布維護(hù)等。第二章開發(fā)工具簡介2.1開發(fā)技術(shù)簡介Dreamweaver8.0是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的RoundtripHTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式?？梢詾橛脩糇龅剑菏褂脛討B(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。另外它還是一個可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴(kuò)展Dreamweaver的行為和屬性檢查器。第三章系統(tǒng)設(shè)計(jì)3.1.網(wǎng)站總體結(jié)構(gòu)本網(wǎng)站的主頁頁面包括：網(wǎng)頁設(shè)計(jì)步驟的各個導(dǎo)航、網(wǎng)頁設(shè)計(jì)小技巧、常欣賞3.2.1網(wǎng)站總體模塊功能簡介正如前節(jié)所述，網(wǎng)站整體上結(jié)構(gòu)上可以劃分成以下幾個模塊：1確定主題要制作網(wǎng)站首先我們要明確我們要做一個關(guān)于什么的網(wǎng)站，選擇一個自己感興趣的主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。2網(wǎng)站規(guī)劃一個網(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è)置、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。3素材收集明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。常見的一些素材網(wǎng)站如：站酷、素材中國、站長素材、昵圖網(wǎng)、中國素材網(wǎng)、素材資源網(wǎng)、聯(lián)盟素材、懶人圖庫、紅動圖爸、素材藝庫等。4風(fēng)格設(shè)計(jì)一個人擁有自己獨(dú)特的風(fēng)格，是一般人所沒有的就會讓人注意到那個人的特別，若那個人的風(fēng)格是正面的，甚至就會引起別人的羨慕與注意，或是贊賞。5內(nèi)容設(shè)計(jì)頁面內(nèi)容要新穎頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個“新”字，這個原則要求我們在設(shè)計(jì)網(wǎng)站內(nèi)容時不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個獨(dú)一無二的網(wǎng)站。6發(fā)布維護(hù)網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTPX具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。另一方面要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。

7網(wǎng)頁設(shè)計(jì)小技巧這個模塊專門介紹了一些網(wǎng)頁設(shè)計(jì)技巧。8這部分介紹了一些網(wǎng)頁設(shè)計(jì)中常見的問題，以便我們設(shè)計(jì)時參考。9視頻教程單一的文字介紹給人帶來視覺疲勞，那么我們在這里制作了關(guān)于Dreamweaver網(wǎng)頁設(shè)計(jì)的視頻教程，可以更加詳細(xì)的介紹如何設(shè)計(jì)網(wǎng)頁。3.2.2網(wǎng)站不同權(quán)限模塊功能簡介通過對網(wǎng)站系統(tǒng)需求的分析，確定網(wǎng)站系統(tǒng)應(yīng)該對不同的用戶提供不同的功能。網(wǎng)站主要用于共享信息，收集互用的意見。經(jīng)過分析，確定本網(wǎng)站的用戶主要分為兩種：管理用戶和普通用戶。因此，本網(wǎng)站主要分為兩大模塊：普通用戶、管理員。章主要功能模塊的實(shí)現(xiàn)4.1首頁設(shè)計(jì)與實(shí)現(xiàn)登錄到網(wǎng)站后首先進(jìn)入首頁。如圖4-1首頁顯示頁面。0 再設(shè)If色內(nèi)避n侖■格設(shè)計(jì)fv抽頑i.*色0 再設(shè)If色內(nèi)避n侖■格設(shè)計(jì)fv抽頑i.*色素材盼網(wǎng)頁設(shè)計(jì)小技巧虹的■金用眨趾m?-…L治升汁田⑴用JE測質(zhì)齊育公板—m如南□幣聽禹??第一步在屬性面板中添加綠色漸變背景圖片。第二步插入圖片。第三步用表格布局，建一個一列六行的表格。第四步在第一行中用marquee設(shè)計(jì)滾動字幕“Dreamweaver網(wǎng)頁設(shè)計(jì)”，然后在選擇圖片填充表格背景。第五步在第二行中添加表格背景，然后輸入文字，用空格定位。第六步將光標(biāo)定位到第三行中拆分單元格分成3列，每一列中添加適當(dāng)內(nèi)容。第七步在第四行中輸入“優(yōu)秀作品欣賞”并設(shè)計(jì)表格背景。第九步將光標(biāo)定位在第五行中，切換到代碼窗口用滾動圖片代碼換掉" ”然后刷新。第十步在最后一行中設(shè)計(jì)版權(quán)，及表格背景。第十一步保存，然后預(yù)覽。第十二步鏈接導(dǎo)航，然后保存。第十三步確保無誤后另存為其他網(wǎng)頁。第十四步打開其他網(wǎng)頁進(jìn)行編輯，換掉不同的部分，留下相同的部分，這樣一個新的網(wǎng)頁就做好了。第十五步用同樣的辦法做好其他網(wǎng)頁。第五章結(jié)束語經(jīng)過了這一段時間的學(xué)習(xí)、制作過程；在老師、同學(xué)的耐心幫助下，最終完成了一個簡單的Dreamweaver網(wǎng)頁設(shè)計(jì)網(wǎng)站。剛開始做的時候找了很多相關(guān)的資料，不管是需求分析時，還是編碼的過程中，到最后寫論文的過程中總會遇到各種各樣的問題。因?yàn)橛辛司W(wǎng)絡(luò)，找到了很多解決問題的方法，這為我們帶來了很多的方便，也讓我們學(xué)習(xí)了更多知識。經(jīng)過不斷的學(xué)習(xí)最后完成了。整個過程中感覺到困難是無處不在的，最重要的就是我們有沒有去解決它的信心和實(shí)際的行動，只要我們?nèi)プ隽耍褪撬銢]做出來，或都是做的不好，我們都會學(xué)到很多的新的東西。這也是一種進(jìn)步，一種收獲。當(dāng)然本網(wǎng)站中還有很多不足的地方，由于時間和能力的原因本網(wǎng)站中也還有許多未能實(shí)現(xiàn)的功能，有些地方設(shè)計(jì)的不是很仔細(xì)，希望各位老師給我更多的建議，以便我在將來設(shè)計(jì)中做的更好。致謝這個設(shè)計(jì)是我在這學(xué)期所學(xué)知識的一個總結(jié)和檢驗(yàn)的過程，在這個過程中可以體驗(yàn)到自己去嘗試的快樂，也有功能實(shí)現(xiàn)不了的困惑，老師，同學(xué)的寶貴意見都給了我很多的幫助，在此我十分感謝他們。通過設(shè)計(jì)自己動手可以增加事件能力，而且對網(wǎng)站開發(fā)設(shè)計(jì)有了一個比較清楚的了解，知道了應(yīng)該怎么樣去分析解決問題，收獲了更多的知識。使我體會到一個系統(tǒng)的開發(fā)需要合理的進(jìn)度安排和很好的邏輯協(xié)調(diào)能力，這種解決問題的能力鍛煉和思考問題的模式都使我受益匪淺，所有這些都構(gòu)成了我不能忘懷這一段時間之旅的原因。本網(wǎng)站在制作過程中遇到了不少困難，感謝我的同學(xué)以及我的指導(dǎo)老師馬老師從論文設(shè)計(jì)到實(shí)現(xiàn)對我論文的輔導(dǎo)與幫助。感謝老師在實(shí)現(xiàn)過程中對我的方法和思路做出了及時的正確知道，在剛剛開始的時候我的想法太簡單、甚至有誤區(qū)，老師給予了相關(guān)指正，謝謝她這幾個月來在我遇到困難和挫折時耐心、熱情地給予我?guī)椭?。在此我向老師表示衷心的感謝！在整個論文設(shè)計(jì)中，我用到了許多的知識，有課堂上學(xué)到的和生活中學(xué)到的，感