《網站開發(fā)與網頁制作》設計說明書

1、青島濱海學院綜合學院網站開發(fā)與網頁制作課程設計說明書設計名稱：張營中學網站開發(fā)與設計姓名：遲俊廣學號：20084102107班 級： 08 信本系部：綜合學院設計時間：20112012學年第一學期網站開發(fā)與網頁制作課程設計說明書第 3 頁，共 頁一.課程設計目的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 通過本課程設計，讓學生全面加強對網站的認知，學會設計和制作網站，包括完成設計說明說，熟練

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

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

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

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

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

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

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