網(wǎng)頁課程設(shè)計(jì)網(wǎng)站報(bào)告

《網(wǎng)頁課程設(shè)計(jì)網(wǎng)站報(bào)告》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制造》設(shè)計(jì)說明書???????????????????課程名稱：網(wǎng)頁設(shè)計(jì)???????????????????設(shè)計(jì)題目：我的家鄉(xiāng)???????????????????院系：建筑信息工程系??????????????????專業(yè)班級(jí)：計(jì)算機(jī)0901??????????????????學(xué)生姓名：張兆弟??????????????????學(xué)號(hào)：200913190??????????????????指導(dǎo)教師:徐美霞??????????????????起止日期：2010年12月20到2010年12月24日第1頁共13頁第13頁共13頁我的

2、家鄉(xiāng)網(wǎng)頁制作過程一、網(wǎng)站開發(fā)目的和功能簡介????????隨著網(wǎng)絡(luò)技術(shù)的發(fā)展與互聯(lián)網(wǎng)的普及，網(wǎng)站建設(shè)與網(wǎng)頁制作越來越成為各行各業(yè)以及個(gè)人宣傳自己的有利工具，、網(wǎng)站在當(dāng)今時(shí)代被越來越多的人用來宣傳，通過網(wǎng)站的制作可以讓老師、同學(xué)以及朋友更好的了解自己以及別人想要知道的事情，我現(xiàn)在做的是關(guān)于我的家鄉(xiāng)，為別人提供了一個(gè)更深入了解自己的一個(gè)平臺(tái)，本網(wǎng)站主要功能是讓更多的人去了解我了解我的家鄉(xiāng)二、網(wǎng)站的設(shè)計(jì)2.1網(wǎng)站的名稱：我的家鄉(xiāng)2.2網(wǎng)站欄目劃分????????根據(jù)本網(wǎng)站的內(nèi)容和功能劃分為：我的心語、導(dǎo)航鏈接、各地方的簡介、體現(xiàn)家鄉(xiāng)的圖片、版權(quán)聲明等

3、。（1）我的心語——對我們宿舍的六個(gè)簡介，提示對照網(wǎng)站的主題體現(xiàn)我們的家鄉(xiāng)；（2）導(dǎo)航鏈接——鏈接到各自設(shè)置的網(wǎng)頁各自的家鄉(xiāng)；（3）各地方的簡介——簡單介紹了我們各自的家鄉(xiāng)，了解了家鄉(xiāng)的知識(shí)文化；（4）圖片——列舉了每個(gè)地方的代表圖片，用另一種方式展現(xiàn)出不同的風(fēng)采；（5）版權(quán)聲明——聲明了網(wǎng)站的建設(shè)者具體如圖所示:第13頁共13頁首頁我的心語導(dǎo)航欄家鄉(xiāng)簡介版權(quán)聲明首頁濟(jì)南濟(jì)寧青島臨沂泰安聊城文字簡介圖片欣賞2.3網(wǎng)站導(dǎo)航應(yīng)用于所有頁面提高網(wǎng)站的操作友好性。2.4網(wǎng)站的風(fēng)格與色彩選擇：頁面以淺綠和淺黃色為主。淺綠色體現(xiàn)了活力，字體實(shí)用淺棕色和淡淡

4、的灰色給人一種清析、穩(wěn)重的感覺。所有頁面色調(diào)統(tǒng)一，布局相似。2.5網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)合理：不同素材采用不同學(xué)文件夾分開存放。如圖片放在image文件夾、flash放在flash文件夾內(nèi)、完成作業(yè)放在以自己名字命名的文件夾內(nèi)等一、聊城首頁的制作過程3.1首頁版圖：首頁、導(dǎo)航鏈接、內(nèi)容、個(gè)網(wǎng)頁鏈接第13頁共13頁3-1整個(gè)頁面分為四部分，第一部分是以一個(gè)flash文件顯示動(dòng)態(tài)的圖片，主要是網(wǎng)站的突出顯示；第二部分是導(dǎo)航欄；第三部分是詳細(xì)內(nèi)容，其中網(wǎng)頁中的文字排得整齊緊湊，這樣能給人一種舒服的感覺。在網(wǎng)頁適當(dāng)?shù)牡胤郊右恍﹫D片，每張畫面再加一些不同的文字

5、說明，使得網(wǎng)頁顯得更加的精美；第四部分是各網(wǎng)頁鏈接。采用這種布局，主要是給瀏覽者一種簡單、清晰、明了的感覺，使網(wǎng)站整齊劃一。具體的布局顯示如下所示：第13頁共13頁3-23.2制作過程：：本網(wǎng)頁制作分為三個(gè)部分：頂部是用flash制作的頁頭。中部又分為左右兩個(gè)部分，左邊為家鄉(xiāng)簡單的介紹和鏈接，制作的動(dòng)態(tài)圖片使用時(shí)間軸讓圖片自動(dòng)播放，還有從頂部滑下的圖片自動(dòng)循環(huán)播放；右邊為家鄉(xiāng)的各景點(diǎn)的見解。我還為網(wǎng)頁設(shè)置了背景圖片，在最后利用spry選項(xiàng)卡添加的圖片。四、聊城首頁制作過程4.1新建一個(gè)頁面，命名為聊城首頁（index）4.2在頁面屬性的外觀中設(shè)

6、置四邊邊距為0，文本顏色設(shè)為：#9900CC，大小設(shè)為18像素；在鏈接中設(shè)置下劃線樣式為：有下劃線；鏈接顏色為：#0000FF。第13頁共13頁4.3（1）首頁（index）制作利用樣式定義各個(gè)部分的高寬，將./image/195911NM-10.gif設(shè)為背景圖片。頁頭圖片為水城明珠.jpg設(shè)置flash動(dòng)畫為左右橘色.swf代碼如下：頁頭圖片的設(shè)計(jì)代碼：（圖如上3-2）

7、>