網(wǎng)設(shè)計(jì)唐詩(shī)宋詞

1、網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告姓名連聰煒學(xué)號(hào)2009033516系別數(shù)計(jì)院班級(jí)09信計(jì)教 導(dǎo) 指師黃婷實(shí)驗(yàn)日 期12年12月4日課程名 稱網(wǎng)頁(yè)設(shè)計(jì)同組實(shí)驗(yàn)者無(wú)一、歲實(shí)驗(yàn)三:驗(yàn)名稱：“唐詩(shī)宋詞”網(wǎng)站建設(shè)二、實(shí)驗(yàn)?zāi)康模?. 通過(guò)本實(shí)驗(yàn)，使學(xué)生掌握Dreamweaver建立站點(diǎn)的方法；2. 熟悉HTML語(yǔ)言的常用標(biāo)簽格式和基本語(yǔ)法；3. 掌握網(wǎng)站中導(dǎo)入圖片、音樂(lè)、動(dòng)畫(huà)等多媒體元素的方法以及多種超媒體鏈接 的使用。4.掌握在網(wǎng)頁(yè)中使用CSS樣式控制文本、圖像、表格等網(wǎng)頁(yè)元素的方法；學(xué)會(huì) 使用Div+CSS的方式實(shí)現(xiàn)網(wǎng)頁(yè)布局與設(shè)計(jì)。5.掌握常用的網(wǎng)站美化的方法，包括表格、CSS樣式和Photoshopo三、實(shí)驗(yàn)要求根

2、據(jù)提供的素材和自己收集的素材建設(shè)“唐詩(shī)宋詞經(jīng)典”主題網(wǎng)站（網(wǎng)站名 可自擬），界面簡(jiǎn)潔美觀、色彩搭配和諧統(tǒng)一并與主題相符。具體要求如下：1. 網(wǎng)站的布局方法不限，完成主頁(yè)面的設(shè)計(jì)、分頁(yè)面不得少于3個(gè)；2. 首頁(yè)中必須有網(wǎng)站頭部、網(wǎng)站主體和網(wǎng)站底部，包含logo區(qū)、導(dǎo)航區(qū)、友情 鏈接等；內(nèi)頁(yè)的設(shè)計(jì)保持與首頁(yè)相同的風(fēng)格，一般情況下要有返回首頁(yè)的鏈接；3. 網(wǎng)站的全局或者部分必須有CSS樣式表進(jìn)行統(tǒng)一排版，4. 網(wǎng)站中適當(dāng)?shù)牟迦雸D片、音頻、動(dòng)畫(huà)等多媒體元素；5. 首頁(yè)中必須用到幻燈片輪換技術(shù)。四、實(shí)驗(yàn)材料、嚴(yán)具、或軟件Windows 系統(tǒng) + Dreamweaver CS3五、試驗(yàn)主要步驟、實(shí)現(xiàn)技術(shù)及

3、附上相關(guān)截圖。1. “唐詩(shī)宋詞”網(wǎng)站簡(jiǎn)介唐詩(shī)宋詞是中國(guó)文學(xué)史上的兩顆明珠，唐代被稱為詩(shī)的時(shí)代，宋代被稱為詞的時(shí)代。詞源于民間，始于唐，興于五代，盛于兩宋。宋代物質(zhì)生活的豐富，人 們對(duì)文化生活的追求也更加強(qiáng)烈。唐代的詩(shī)人多是供皇室及其統(tǒng)治者御用的工 具和玩物。宋代的詞人已山被別人欣賞而一躍登上了政治舞臺(tái)，成為宋代政治舞 臺(tái)上的主角。宋代，皇帝個(gè)個(gè)愛(ài)詞，大臣個(gè)個(gè)是詞人，全社會(huì)的認(rèn)同和推崇，使 宋詞得以佳篇迭出，影響久遠(yuǎn)。2. 網(wǎng)站風(fēng)格及色彩的選擇的說(shuō)明網(wǎng)站以黑色、綠色、橙色、粉色、藍(lán)色、紫色為主色調(diào)，簡(jiǎn)潔的體現(xiàn)出網(wǎng)站 所要表達(dá)和傳遞的內(nèi)容。網(wǎng)站中大量使用了古代的詩(shī)和詞，是主體鮮明突出，要 點(diǎn)明確。

4、網(wǎng)站以簡(jiǎn)明的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題，更加表現(xiàn)了網(wǎng)站的個(gè)性和特 點(diǎn)。3. 網(wǎng)站整體結(jié)構(gòu)劃分（模塊圖可調(diào)整、刪減）首頁(yè)JJJJJ唐宋唐宋問(wèn)五詩(shī)詩(shī)詞卷代調(diào)詞査4. 網(wǎng)站設(shè)計(jì)中使用的技術(shù)說(shuō)明。HTML技術(shù)編輯網(wǎng)站的文檔，包含標(biāo)題、文本。設(shè)計(jì)問(wèn)卷調(diào)查表，在文檔中插 入圖片、音頻剪輯、視頻剪輯等JavaScript技術(shù)實(shí)現(xiàn)新聞幻燈片和實(shí)現(xiàn)在一個(gè)web頁(yè)面中鏈接多個(gè)對(duì)象。CSS技術(shù)設(shè)置網(wǎng)頁(yè)的字體，讓網(wǎng)頁(yè)使人感覺(jué)一種賞心悅|_|、工工整整的感覺(jué), 同時(shí)設(shè)置字體的彩色和網(wǎng)頁(yè)的框架使主頁(yè)變得更加生動(dòng)活潑。Flash技術(shù)以極富吸引力的動(dòng)畫(huà)吸引瀏覽者5首頁(yè)布局asva6各模塊的展示1、唐五代詞人幷五ilfr2、宋詩(shī)

5、卜算子-詠梅-陸游驛外斷橋邊令已是黃昏獨(dú)自愁<1834 無(wú)意苦爭(zhēng)春零落成泥磔作塵3、宋詞SS W 兩也奢的 幾裝聲耆T-xdd 土 密狂W寂宜開(kāi)無(wú)主 更著風(fēng)和雨 一任群芳妒 只有香如故作Pt千為煉冋XfeU士居以衙淪木詞臣科詢舊飼只 庵嚴(yán)主產(chǎn) 1曙 雪心貴皐満江紅怒發(fā)沖冠（翊配】a t <1103 11411.«»:*VM：*<rtllA 心細(xì)如愁,時(shí).又m2殳下1.W.WF *zvLa“ACL縊人隻£”_ 人 sf ni i-i 蓋.量餐 昔茶愿存 sf i® ia.t&發(fā);中彩光桿雉血喩腐歐 縊即.何天扶嵋OfMltt, 三十初負(fù)劣與土八千血GQ月.H斛切曰了少年頭.空4、5會(huì)厶W竝_運(yùn)4、問(wèn)卷調(diào)查:朗友推薦©孚EA社點(diǎn) 曰目易 李商隱google©百度©其他送擇您言軟的匕您是如何了解到本站的'您最百歡的欄目,倉(cāng)最曹歡的詩(shī)入,按住rctrll鉗單擊.可以選中多個(gè)選項(xiàng)。I提玄査卑遞回首更六、實(shí)驗(yàn)總結(jié)通過(guò)本實(shí)驗(yàn)，我掌握Dreamweaver建立站點(diǎn)的方法；運(yùn)用javascript代碼實(shí)現(xiàn)