《網(wǎng)站開發(fā)與網(wǎng)頁制作》設(shè)計說明書

1、青島濱海學(xué)院綜合學(xué)院網(wǎng)站開發(fā)與網(wǎng)頁制作課程設(shè)計說明書設(shè)計名稱：張營中學(xué)網(wǎng)站開發(fā)與設(shè)計姓名：遲俊廣學(xué)號：20084102107班 級： 08 信本系部：綜合學(xué)院設(shè)計時間：20112012學(xué)年第一學(xué)期網(wǎng)站開發(fā)與網(wǎng)頁制作課程設(shè)計說明書第 3 頁，共 頁一.課程設(shè)計目的w . n Bi:in 9-r1. V* re vrin vr. m r w vrw a-c n stb n m wn vr .STBs-K wr. n?.an 9-K -ai; ittw'I-b9>!*bt. a-e STB n m 通過本課程設(shè)計，讓學(xué)生全面加強對網(wǎng)站的認知，學(xué)會設(shè)計和制作網(wǎng)站，包括完成設(shè)計說明說，熟練

2、網(wǎng)頁制作及相關(guān)工具（Adobe Dreamweaver、 Adobe Fireworks、Adobe Flash、 AdobePhotoshop）的使用，尤其是對 Adobe Dreamweaver的應(yīng)用，能夠熟練地對頁面進行加工處理， 合理布局。二.課程設(shè)計任務(wù)與要求：1、網(wǎng)站主題明確，網(wǎng)站的所有內(nèi)容都應(yīng)該圍繞此主題展開。2、網(wǎng)站欄目設(shè)置要求清晰，不應(yīng)該存在重復(fù)性欄目或無用欄目，欄目數(shù)不少于6個。3、網(wǎng)站頁面數(shù)量不少于20頁，每個頁面的內(nèi)容都要豐富、充實，能夠確切地體現(xiàn)說明所展示的 內(nèi)容。4、所有頁面的鏈接都要求準確無誤，不要存在空鏈接或錯鏈接。5、網(wǎng)站頁面在制作過程中要求使用的內(nèi)容有：文本

3、及圖像的設(shè)置（要求有自己使用Fireworks或Photoshop制作的圖像）、創(chuàng)建CSS樣式、模板、框架、AP元素、為頁面添加行為、使用時間 軸創(chuàng)建動畫效果、運用超級鏈接、制作留言板等。6、網(wǎng)站的logo和Banner要求自己制作；在素材的使用上可以部分引用原始素材，但要求盡量 自行修改后使用；如果頁面的風(fēng)格統(tǒng)一，盡量使用模板完成。7、網(wǎng)站的整體色調(diào)要求瀏覽者感到舒服、愉悅、色彩搭配合理。8、網(wǎng)站測試。網(wǎng)站要進行細致周密的測試，保證正常瀏覽和使用。三.課程設(shè)計說明書一、網(wǎng)站開發(fā)目的和功能簡介此網(wǎng)址做的是張營中學(xué)，本網(wǎng)站可以使人們方便快捷的找到自己想要本校的信息，網(wǎng)站中有學(xué)校的基本狀況，對學(xué)校

4、的所在組織結(jié)構(gòu)也有詳細的介紹，方便人們對本校的了解，網(wǎng)站中還有與家長的互動，方便家長與學(xué)校聯(lián)系，了解孩子的情況。二、網(wǎng)站的主體架構(gòu)1、網(wǎng)站欄目劃分（含網(wǎng)站結(jié)構(gòu)圖）與概述2、網(wǎng)站的風(fēng)格與色彩選擇網(wǎng)站首頁是以藍色為主，顯示學(xué)校的莊嚴的特點，首頁圖片為主不會顯得很壓抑，首頁中表 現(xiàn)出張營中學(xué)的?；?，學(xué)校的德育教育理念。在各個分頁面中，根據(jù)不同的內(nèi)容使用不同的色彩， 家?；禹撁嬷斜憩F(xiàn)的活潑一點，有一種溫馨的感覺。德育教育中大體上使用土黃色，體現(xiàn)古時 候的竹簡的顏色，非常的古樸，也有像古人學(xué)習(xí)的思想。風(fēng)格上呈現(xiàn)莊嚴質(zhì)樸，可以表現(xiàn)出學(xué)校 的性質(zhì)。3、網(wǎng)站目錄結(jié)構(gòu)設(shè)計網(wǎng)站中的內(nèi)容在首頁中都有體現(xiàn)，導(dǎo)航欄中

5、設(shè)置了學(xué)校概況、簡介、家校互動、德育天地、 試題資源庫、校園之星等欄目，可以從首頁中進入其他想要瀏覽的地方。三、網(wǎng)站設(shè)計過程1、首頁設(shè)計首頁是運用了圖片的樣式，大體上讓人們了解此網(wǎng)站的內(nèi)容，在此頁面上運用了插入flash圖片, 打開網(wǎng)站彈出信息的技術(shù)，根據(jù)首頁的導(dǎo)航欄打開其他的頁面，本網(wǎng)頁介紹了張營中學(xué)的概況， 把此頁作為模板對子網(wǎng)頁進行設(shè)計。2、整體模塊設(shè)計在校園簡介頁面上用了 AP元素，顯示隱藏的知識，節(jié)省網(wǎng)頁的空間。卸（ ' 緋"央Saxng）圖41KttLjwt，般- GRA ,3 it虎Mf即步制點B事出兄誣位居更LHS.亞Q本是 AtiHl是于生愜；國胤/r帥的樂

6、野字 tcffl-fr-WSH實干、il帶胤眄常開拓鵬由教師隊珈dis養(yǎng)場隼M7P一大批 優(yōu)罡復(fù)萌，有至國世西班主任全國tfc帝林有教師.全國M道南11儲！蛇師力黃 醞版的敵胃塞M-疑光帆科弭tXRtfMM.出葩的WL里單M槽附相活工的 作國標壞了一批又一批戰(zhàn)弄的學(xué)生*翎門開發(fā)書曲.汨麻：性F荷艮不上，J，幫 14/ ¥ 口：劉三斗智步的片 !二=世開蘭達逆向吟菰為茁思考“見一士-境 TR半氣內(nèi)的方靠.*襄現(xiàn)W觸手的主在K育核單的餐宿.半收一百 空記后率=|hm章濯.??？前碓進年里相聲的云程I一徐ml#有后重符壯單第*,是芝白尼心目中好的¥校之一.9ali四、設(shè)計技術(shù)總結(jié)在

7、設(shè)計張營中學(xué)這個網(wǎng)站時，運用了學(xué)到的大部分知識，對所學(xué)有了一定的應(yīng)用，技 術(shù)方面主要用到插入圖片，模板應(yīng)用，對網(wǎng)頁的效果彈出信息，隱藏顯示做了效果，有圖片的頁 面盡量做到不單調(diào)，對圖片進行裝飾，做出不一樣的效果，框架的應(yīng)用是網(wǎng)頁的一個特點，導(dǎo)航 不變只對其中的內(nèi)容做修改，節(jié)省空間，做的時候也是很節(jié)省時間，所以兩全其美。五、設(shè)計心得體會通過本次設(shè)計對之前學(xué)的網(wǎng)站開發(fā)與網(wǎng)頁制作知識有了有效地利用，在做設(shè)計的時候遇到 了很多問題，很多都是因為平時練習(xí)的少，一些知識點很難熟練的運用。做網(wǎng)頁不僅要有理論知 識，還要有想象力，首先要將自己的網(wǎng)站在頭腦中形成一個整體的樣式，之后再一個一個頁面的做，在各個頁面

8、的連貫上也要提前設(shè)計好，不僅要使自己的網(wǎng)站在表面上看起來好看， 還要實用， 給人一種輕松的感覺。做網(wǎng)站要大膽的設(shè)想。一開始沒有什么思路，當做好首頁之后就知道自己要做些什么了， 這個過程是漫長的，也很有意思。在設(shè)計時要運用到自己所學(xué)習(xí)的知識， 這樣就又打開了一條思 路，所有萬事開頭難，只要開好了頭一切就變得很簡單。做設(shè)計是遇到的一些困難，要虛心的問 老師和同學(xué)，在討論的時候自己的知識變得更加穩(wěn)固， 大家交換思想，自己會有更加開闊的想法。做網(wǎng)站只要有興趣肯鉆研，就會自然而然的冒出許多的靈感，設(shè)計起來自然就很簡單，只 要有思路，再加上老師教得知識，就可以順手的設(shè)計。本次設(shè)計中我體驗到了很多，什么東西只 在腦子里想象不實踐是出不來的，很多東西想的很好實踐起來就不是那么簡單了， 動手才是考驗 知識的時候，有時候老師剛講完做起來很順手，但是過一段時間再用到就有可能忘記了， 這些東 西就要經(jīng)常的使用，才能做到熟練，經(jīng)常不用就會忘記。設(shè)計時還要積極與同學(xué)交流，在交流的 過程中可以學(xué)到很多東西，在交流的過程中也是知識再次利用的機會。 遇到問題時一定要勤于問， 問完之后就會豁然開朗。在網(wǎng)絡(luò)這么發(fā)達的今天，很多問題網(wǎng)絡(luò)都