網(wǎng)站設(shè)計任務(wù)書

1、網(wǎng)站設(shè)計任務(wù)書主題：“我美麗的家鄉(xiāng)”課程名稱：網(wǎng)頁設(shè)計與制作學號姓名：班級：指導教師：提交日期：學期：一、網(wǎng)絡(luò)平臺的選擇本網(wǎng)站采用靜態(tài)網(wǎng)頁平臺，原因如下：第一、速度，對于速度而說，靜態(tài)頁面比動態(tài)好，因為靜態(tài)頁面是實實在在存在于服務(wù)器上的 頁面。在用戶向服務(wù)器發(fā)出請求時，可以直接直接調(diào)用。然而動態(tài)，其實是一個動態(tài)頁面，只是用 一個技術(shù)或手段，請動態(tài)頁面中的“？”等一些符號用蜘蛛可以很內(nèi)容識別出來的字母給代替了。 所以像這種靜態(tài)頁面，要向服務(wù)器發(fā)出請求時，還要多出一個功能就是轉(zhuǎn)化功能，如何同時請求過 多，會加大服務(wù)器的負荷。第二、容量，對于容量而言，因為靜態(tài)頁面是實實在在存在于服務(wù)器中，因此會占用

2、一 定的空間，如何文件過多，占用的空間就多。然而動態(tài)就可以避免這一點，因為偽靜態(tài)是將動態(tài)的 URL給轉(zhuǎn)換成靜態(tài)，實際在服務(wù)器上是不存在的。第三、搜索引擎友好性。對于靜態(tài)URL頁面，實實在在存在于服務(wù)器上，當搜索引擎收錄之后，URL是不會改變的，哪有用戶訪問時，也不會出問題。然而如果是動態(tài)頁面，服務(wù)器偽靜態(tài)組件不出問題，這個 URL就沒有問題，如何動態(tài)組件出問題了，哪么當搜索引擎收錄這個URL就會出錯，如果出現(xiàn)錯誤過多，會讓搜索引擎討厭你網(wǎng)站，所以在試用動態(tài)頁面時，動態(tài)組件，一定 不要出錯。二、基本素材的收集1 、網(wǎng)頁背景：用ps做出的9X9像素的圖片2 、flash : flash 由軟件 s

3、wftext 制作。fengjinglfsnJing2feng(jing3fengjingSfengjing6fengjing?fengJingS-fengj ingSfengjirgllengjingl4fengjinglSfengjinglGfengjing 10 fengjingl?fengjingl2fengji nglfengyinglSFengjinglSfengjing20engjingZlf&ngjing22fengjing2Su=3845532051 1075l=592579刪 16058u4C45.37&S0S4144u=40B0372683.270Bps處理。443、風景

4、圖片：在百度圖片下載，后根據(jù)網(wǎng)頁制作需要，用三、網(wǎng)站的基本結(jié)構(gòu)介紹網(wǎng)站欄目首頁：主要介紹家鄉(xiāng)的基本信息；探美食廣場:主要介紹 家鄉(xiāng)的特色美食；探著名人物:主要介紹了家鄉(xiāng)著名人物；探家鄉(xiāng)特色:主要介紹家鄉(xiāng)特產(chǎn)及公廁文化;探名勝古跡:主要介紹家鄉(xiāng)的旅游景點。網(wǎng)站目錄結(jié)構(gòu)一級頁面頁面部局Flash ”臨汾美麗古都”美景集 合鏈接動態(tài)字幕導航（一級頁面）導航（二 級頁面）主體內(nèi)容網(wǎng)站頁面介紹一、首頁面分為一行三列，第一列介紹臨汾概況，中間是 flash ”古城臨汾歡迎您”，中間 下方為一個字幕“我美麗的家鄉(xiāng)一臨汾”，最右邊是一個交互式按鈕，用于連接 到首頁。二、一級頁面1、首頁倖:.：.:Iiu I

5、a* i弘誕Uhw m 衛(wèi)為五個“首頁，家鄉(xiāng)特色，著名人物，美食廣場, “歷史沿革，地理環(huán)境，名族融合，珍貴資源”， 架，詳細介紹了臨汾的基本信息。-名勝古跡”導航分左側(cè)導航分為中間主體部分是四個嵌入式框2、家鄉(xiāng)特色F t* 主題是臨汾特產(chǎn)及公廁文化，右側(cè)上方時一個文本特效代碼，下方是一個圖片特 效代碼。公廁文化下方圖片more 鏈接至公廁文化頁面。中間3、著名人物中間主體部分，上方以文本特效代碼形式，列舉了著名人物，下方主要以圖片的 形式介紹了著名人物。右側(cè)是一個導航“藝術(shù)家，政治家，革命家，思想家，大 作家”。4、美食廣場主體部分圖片兼文字說明的形式介紹了幾大著名美食。5、名勝古跡 *皿詛

6、-4 -MLM -*二二主體 部分主要以圖片形式，生動形象的介紹了家鄉(xiāng)的旅游景點，除此之外，還介紹了 倆大著名景點，最右方以滾動字幕的形式列舉了家鄉(xiāng)的各大景點。三、二級頁面主要采取文字的形式介紹家鄉(xiāng)的歷史，地理，文化，民族，及資源狀況。1、歷史沿革2、地理環(huán)境3、珍貴資源4、民族融合5、藝術(shù)家6、政治家7、革命家8、思想家9、大作家10、公廁文化11、圖片特效代碼四、網(wǎng)站設(shè)計最終的收獲生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計，但是經(jīng)過這段時間的學習了 解，現(xiàn)在我打開一個網(wǎng)頁都會習慣性的先看看排版、布局和色彩運用，以及網(wǎng)站里的特效代碼。漸 漸的我覺得這也沒有多神奇了。通過半年的課

7、堂學習，我大體掌握了網(wǎng)頁設(shè)計的基本方法，例如：1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用images，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。2、雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀，而是多種課程的綜合，它是 Flash、Photoshop等網(wǎng)頁軟件的綜合應用。例如Swftext軟件提供了功能齊全的|flash制作工具。3、網(wǎng)頁設(shè)計布局一般為三行一列，主題955X600像素，導航欄200像素，版權(quán)聲明部分占50-70像素。這樣網(wǎng)頁設(shè)計部較合適，符合人們的審美觀。針對我所學的網(wǎng)頁設(shè)計，網(wǎng)頁布局、圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，