dreamweaver網(wǎng)設(shè)計(jì)報(bào)告材料

1、文檔城建學(xué)院網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告學(xué)號(hào):專業(yè):姓名:題目:指導(dǎo)老師：設(shè)計(jì)時(shí)間：計(jì)算機(jī)科學(xué)與工程系文檔2012 年 6 月設(shè)計(jì)目的中國詩詞文學(xué)，是一部漫長(zhǎng)而輝煌的歷史，一片盛開異卉奇葩的藝術(shù)苑囿，一 座語言文字砌成的美麗宮殿，搏動(dòng)著一個(gè)偉大民族豐富而深邃的靈魂，五千年古國盛衰興 亡的風(fēng)云在其中舒卷。中國詩詞文學(xué)，是中華文明最值得自豪的瑰寶，對(duì)人類精神寶庫做 出了永久的貢獻(xiàn)。中國詩詞文學(xué)的愛好者眾多，但是供他們查詢，鑒賞，交流詩詞文學(xué)的 平臺(tái)卻很少。出于對(duì)詩詞文學(xué)的熱愛和對(duì)詩詞名篇查詢，鑒賞，交流的需要，因此選定此 課題。課題設(shè)計(jì)本著簡(jiǎn)潔，方便，人性化的原則，期望實(shí)現(xiàn)一個(gè)可以滿足詩詞文學(xué)愛好者 了解

2、文學(xué)概述，咨詢發(fā)展歷史，查詢名篇名句，分享賞析心得等功能的詩詞文學(xué)鑒賞平臺(tái)需求分析古代詩歌是中華文學(xué)藝術(shù)的精髓，孔子說過：“不學(xué)詩，無以言?！钡捎谏鐣?huì)環(huán)境、人文環(huán)境、語言環(huán)境的變遷，人們對(duì)其并不熱衷。近年來，“母語憂患”、 “古詩文學(xué)習(xí)丟不得”等標(biāo)題頻見報(bào)端。全球化的浪潮、英語的霸權(quán)以及學(xué)生學(xué)習(xí)興趣的 日益消退無不對(duì)母語傳承產(chǎn)生巨大的沖擊。這種形勢(shì)下，對(duì)于苦澀難懂的古代詩歌， 中學(xué)生更是興味索然。從每年的高考成績(jī)來看，古代詩歌鑒賞得分不高。雖然花 的時(shí)間不少，但收效甚微。中國是一個(gè)詩的國度，中國詩歌發(fā)展的歷史非常悠久， 從第一部詩歌總集詩經(jīng)算起，已經(jīng)有三千多年的歷史了。戰(zhàn)國以來，楚之騷，漢之

3、賦，六代之駢語，唐之詩，宋之詞，元之曲，皆所謂一代之文學(xué)”。從一定意義上說，一部中國文學(xué)史可以說是一部中國詩歌發(fā)展史。它像一條橫亙古今的河 流，流淌著中華文學(xué)藝術(shù)的精髓，激蕩著歷史精魂的心曲，成為傳承民族靈魂的 載體。為了讓中華傳統(tǒng)文化繼續(xù)流傳，得到廣大人民的欣賞與支持，我們?cè)O(shè)計(jì)并 制作一個(gè)詩詞欣賞頁面，以表達(dá)我們對(duì)詩詞的喜愛與支持。文檔三、功能模塊分析及設(shè)計(jì)文檔古詩詞詩詞在線欣賞文檔四、制作過程及要點(diǎn)1.制作一個(gè)完整的， 首先是建立站點(diǎn)， 只有建立站點(diǎn)，才能更好的完成網(wǎng)頁制作和站點(diǎn)文件 管理。本地站點(diǎn)是使用Dreamweaver制作網(wǎng)頁的工作目錄，也就是為特別建立的總文件夾。 在 這個(gè)文件夾

4、里使用者可以再按照網(wǎng)頁制作的要求，建立不同分類的其他文件夾，女口：圖像文件夾、欄目文件夾、數(shù)據(jù)文件夾等。具體建立站點(diǎn)步驟如下：1）、打開計(jì)算機(jī)中一個(gè)盤符，然后在盤符中創(chuàng)建一個(gè)文件夾如圖；2）、打開文件夾，在文件夾中再創(chuàng)建一個(gè)圖像文件夾“”如圖；3）、啟動(dòng)Dreamweaver CS4軟件，選擇菜單“站點(diǎn)”|“新建站點(diǎn)”命令，如圖；4）、打開未命名的站點(diǎn)定義對(duì)話框個(gè)，然后在對(duì)話框中選擇左邊“分類”選項(xiàng)中的“本地信息” 選項(xiàng)，如圖；5）、 在“本地信息”選項(xiàng)的“站點(diǎn)名稱”文本框中輸入站點(diǎn)名稱“”然后單擊下面“本地跟文件夾”文本框后面按鈕，打開選擇本地站點(diǎn)文件夾的對(duì)話框，然后選擇前面創(chuàng)建的文件夾“”

5、，單擊選擇按鈕完成站點(diǎn)的建立。2.級(jí)網(wǎng)頁（首頁的建立）。1）.采用表格布局，根據(jù)選好的素材，設(shè)計(jì)好板式及大小，裁剪相關(guān)素材，使素材和板式之 間相匹配。2）.制作標(biāo)題欄，選擇 - 窗口-標(biāo)簽檢查器，在background下瀏覽文件，選擇目標(biāo)背景圖片，插入后添加文字。在屬性里調(diào)整文字格式、大小、顏色等，定義類為標(biāo)題。如圖0-13）制作側(cè)欄。在屬性css樣式中，選擇背景，將選好的文字素材插入，調(diào)整版面，文 字大小等。4）導(dǎo)航欄，的創(chuàng)建。選中要?jiǎng)?chuàng)建的文本，單擊右鍵，選擇“創(chuàng)建”，選中要的頁面，如圖0 imLB晁css I |炯犠也朝css1知hQ加-庶71 m11 b麗甲吒悟/平 H：環(huán)j不找行mi二

6、呂顎運(yùn)伍）匚11山匚菲P 鬲ofltsn斤延71I= =1=頁時(shí)性圖01文檔2所示文檔圖02同時(shí)設(shè)置的屬性，選中，單擊頁面屬性，設(shè)置的顏色，鼠標(biāo)滑過顏色，選中后的顏色等,如圖03所示圖035）制作主欄。在主功能區(qū)，將選擇的flash文件插入a.插入flash的具體步驟：插入多媒體文件在網(wǎng)頁中國插入Flash動(dòng)畫是最普遍的網(wǎng)頁制作技術(shù)。插入Flash動(dòng)畫可以使網(wǎng)頁網(wǎng)頁具有活潑、生動(dòng)的效果。插入Flash的具體步驟如下：1、啟動(dòng)DreamweaverCS4軟件，然后打開文件夾的網(wǎng)頁文件。如圖；2、 將光標(biāo)移動(dòng)到中間黑色邊框的單元格中如圖1-1;文檔圖 1-13、在插入面板的“常用”選項(xiàng)中單擊SWF

7、按鈕，如圖1-2;圖1-24、打開“選擇文件”對(duì)話框，如圖1-3：文檔圖 1-3文檔選擇插入的多媒體文件如圖1-4:圖1-4如上操作即插入我需要的多媒體文件。調(diào)整多媒體及框架大小，使多媒體正常播放2、二級(jí)網(wǎng)頁的制作。1）二級(jí)的布局等操作基本如上，不同的是添加了跑馬燈，音頻等操作。a跑馬燈將vmarquee behavior=scroll align=left direction=up height=600 loop=-1id=zhe ngwe n代碼加入到所需設(shè)置的文字前面，在文字后面同時(shí)加入,可完成走馬燈的設(shè)置，如圖1-5文檔：I_t*W- 4 “軒飛戡月黃口朋如/rtt望逢勒MU禰售小圖

8、1-5b、插入音頻1） 將光標(biāo)插入到頁面按鈕下面的單元格中， 單擊“插入”面板的“常用”選項(xiàng)中 的“插件”按鈕，如圖1-6圖1-62）打開“選擇文件”對(duì)話框，選擇“image”文件夾中的音樂文件，如圖1-7u菲二-I-u壬楓頭上岡唱言殺魚br /StStiJBiiliffir I - u_ a i -a文檔3）單擊確定后，在網(wǎng)頁中插入標(biāo)志，選中后在“屬性”面板中設(shè)置好寬和高。4）選中插件表識(shí)，單擊屬性面板上的“參數(shù)”按鈕，打開“參數(shù)”對(duì)話框，在“參數(shù)”下輸入“l(fā)oop”，在“值”下面輸入“true”，完成后單擊“確定”按鈕，如圖1-8所示文檔圖18五、系統(tǒng)介紹或功能展示1主頁面展示。圖2-1圖

9、2-1功能區(qū)： 主頁面采用框架的形式， 將個(gè)個(gè)二級(jí)頁面清晰的連接分類表明， 讓網(wǎng)頁簡(jiǎn)潔明了， 添 加的flash更加形象生動(dòng)的展示了詩詞的美妙動(dòng)人，添加網(wǎng)頁的動(dòng)態(tài)美。2.唐詩鑒賞部分展示：圖2-2圖 2-2功能分析：采用分類建立二級(jí)網(wǎng)頁，采用走馬燈的方式展示唐詩概況，令整體布局合理簡(jiǎn)潔, 形式多樣。3.宋詞鑒賞部分：圖2-3文檔圖2-3功能分析：采用音頻形式，使網(wǎng)頁在視聽上均可增加瀏覽者的印象。4.元曲鑒賞部分：圖2-4元曲在線賞析圖：2-4功能區(qū)分析：增加圖片瀏覽部分，圖文并茂，增添閱讀興趣5.現(xiàn)代詩鑒賞部分：圖2-5tf能素文檔功能區(qū)分析：采用視頻和flash相結(jié)合的布局，動(dòng)態(tài)多彩，形象生

10、動(dòng)，更加微妙的介紹了現(xiàn)代 詩的特點(diǎn)及涵。六、設(shè)計(jì)總結(jié)為期一周的網(wǎng)頁設(shè)計(jì)就快結(jié)束了，在這短短的一周里，我學(xué)會(huì)了很多新的知識(shí)，更掌 握了新的倔唸以泄札帕阿楓）宅時(shí)帯好于“珈掀恢此 昶邸琳曲財(cái)，爛確繃皤 翳反駅射征點(diǎn)蜩將主讎命 啊P刪臧田脯砂萍聊皴 予十炸戈2】亠 X 尹W弊-澀矩麻地悴轉(zhuǎn)圖 2-5文檔技能，讓我覺得受益匪淺。在這一周的時(shí)間里，我一心只做網(wǎng)頁，做自己喜歡的風(fēng)格的網(wǎng)頁。經(jīng)歷了一次充實(shí)而 有愉快的程序設(shè)計(jì)，我學(xué)會(huì)了制作框架、給網(wǎng)頁網(wǎng)頁插入背景音樂、表格、框架更深 層次的掌握了它們的用法。現(xiàn)在我心目中的網(wǎng)頁也已經(jīng)大體竣工，我感到很開心，經(jīng)過這一周的不斷探索，我喜 歡上了這門課程，感覺很有意思?；蛟S程序設(shè)計(jì)的結(jié)束代表一段新生活的開始，但是我認(rèn) 為它不但是一門課，需要我們?nèi)フ莆?，同時(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴(yán)密 性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯(cuò)的藝術(shù)審美觀，這樣，你做出的網(wǎng)頁才 會(huì)賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技 能達(dá)到頂級(jí)。文檔雖然網(wǎng)頁已經(jīng)完成，可這并不是一件輕而易舉的事情，在此