網(wǎng)頁設(shè)計唐詩宋詞

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

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

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

4、畫面體現(xiàn)站點的主題，更加表現(xiàn)了網(wǎng)站的個性和特點。 3. 網(wǎng)站整體結(jié)構(gòu)劃分(模塊圖可調(diào)整、刪減) 首頁   宋詩 唐詩宋詞唐五代詞問卷調(diào)查     4網(wǎng)站設(shè)計中使用的技術(shù)說明。HTML技術(shù)編輯網(wǎng)站的文檔，包含標(biāo)題、文本。設(shè)計問卷調(diào)查表，在文檔中插入圖片、音頻剪輯、視頻剪輯等 JavaScript技術(shù)實現(xiàn)新聞幻燈片和實現(xiàn)在一個web頁面中鏈接多個對象。 CSS技術(shù)設(shè)置網(wǎng)頁的字體，讓網(wǎng)頁使人感覺一種賞心悅目、工工整整的感覺， 同時設(shè)置字體的彩色和網(wǎng)頁的框架使主頁變得更加生動活潑。 Flash技術(shù)以極富吸引力的動畫吸引瀏覽者 5. 首頁布局6.各模塊的展示1、唐五代詞2、宋詩3、宋詞4、問卷調(diào)查：六、實驗總結(jié)通過本實驗，我掌握Dreamweaver建立站點的方法；運用javascript代碼實現(xiàn)新聞幻燈片和一些特效。用HTML語言的常