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

1、青島濱海學(xué)院綜合學(xué)院網(wǎng)站開發(fā)與網(wǎng)頁(yè)制作課程設(shè)計(jì)說明書設(shè)計(jì)名稱：張營(yíng)中學(xué)網(wǎng)站開發(fā)與設(shè)計(jì)姓名：遲俊廣學(xué)號(hào)：20084102107班 級(jí)： 08 信本系部：綜合學(xué)院設(shè)計(jì)時(shí)間：20112012學(xué)年第一學(xué)期網(wǎng)站開發(fā)與網(wǎng)頁(yè)制作課程設(shè)計(jì)說明書第 3 頁(yè)，共 頁(yè)一.課程設(shè)計(jì)目的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è)計(jì)，讓學(xué)生全面加強(qiáng)對(duì)網(wǎng)站的認(rèn)知，學(xué)會(huì)設(shè)計(jì)和制作網(wǎng)站，包括完成設(shè)計(jì)說明說，熟練

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

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

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

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

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

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

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