【正文】 ...................... 7 167。 網(wǎng)站框架介紹 .................................................... 8 167。 各模塊的設(shè)計(jì) .................................................... 8 167。 網(wǎng)站的測評(píng) ...................................................... 9 第 四 章 網(wǎng)頁設(shè)計(jì)應(yīng)注意的問題 ........................................... 10 第 五 章 主頁設(shè)計(jì)與實(shí)現(xiàn) ................................................. 11 167。 主頁設(shè)計(jì) ....................................................... 11 167。 主頁的實(shí)現(xiàn) ..................................................... 11 結(jié)論 .................................................................. 18 致謝 .................................................................. 19 參考文獻(xiàn) .............................................................. 20 1 引 言 在 Inter 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道 。 Inter 上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的 ，因此網(wǎng)站建設(shè)在 Inter 應(yīng)用上的地位顯而易見，它已成為 政府 、企事業(yè)單位 、教育部門 信息化建設(shè)中的重要組成部分，從而倍受人們 關(guān)注和 重視。 Inter 是一個(gè)資源的網(wǎng)絡(luò)，其中擁有的信息資源幾乎覆蓋所有的領(lǐng)域。 Inter面向人類的社會(huì)，世界上數(shù)以億計(jì)的人們利用它進(jìn)行通信和信息共享，通過發(fā)送和接收電子郵件，或和其他人的計(jì)算機(jī)建立連接、參加各種討論組并免費(fèi)使用各種信息資源實(shí)現(xiàn)信息共享。 現(xiàn)在 網(wǎng)絡(luò)技術(shù)已經(jīng)成為現(xiàn)代信息技術(shù)的主流，人們對(duì)網(wǎng)絡(luò)的認(rèn)識(shí)也隨著網(wǎng)絡(luò)應(yīng)用的逐漸普及而迅速改變。在不久的將來，網(wǎng)絡(luò)必將成 為和電話一樣通用的工具，成為人們生活、工作、學(xué)習(xí)中必不可少的一部分 。 1 第一章 需求分析 167。 學(xué)校也需要建設(shè)網(wǎng)站 學(xué)校創(chuàng)新性教學(xué)是實(shí)施素質(zhì)教育的核心內(nèi)涵。創(chuàng)新性的教學(xué)能激活、啟動(dòng)學(xué)生自主學(xué)習(xí)的動(dòng)力系統(tǒng) ,能培養(yǎng)學(xué)生的創(chuàng)新意識(shí)、創(chuàng)新思維、創(chuàng)新情感和創(chuàng)新能力。它能弘揚(yáng)學(xué)生的主體意識(shí) ,促進(jìn)學(xué)生個(gè)性和諧發(fā)展。創(chuàng)新性教學(xué)體現(xiàn)了素質(zhì)教育的本質(zhì)和核心內(nèi)涵 ,是實(shí)施素質(zhì)教育的基本途徑 ,并具有重要的推動(dòng)作用。因此 ,借助網(wǎng)絡(luò)這一現(xiàn)代化的教育技術(shù)來構(gòu)建創(chuàng)新性教學(xué)的理論和實(shí)踐模式 ,既是深化素質(zhì)教育的迫切呼喚 ,也必將為提高我們 全民族的素質(zhì)作出積極的貢獻(xiàn)。 目前，校園網(wǎng)的建設(shè)與應(yīng)用被越來越多的中小學(xué)視為實(shí)現(xiàn)教學(xué)改革，提高教學(xué)質(zhì)量以適應(yīng)時(shí)代對(duì)人才培養(yǎng)需求的關(guān)鍵。中小學(xué)校園網(wǎng)絡(luò)作為一種在中小學(xué)應(yīng)用的局域網(wǎng)，有其特定含義和應(yīng)用范疇，我們可以將校園網(wǎng)定義為：一種為學(xué)校學(xué)習(xí)活動(dòng)、教學(xué)活動(dòng)、科研活動(dòng)和管理活動(dòng)服務(wù)的校園內(nèi)局域網(wǎng)絡(luò)環(huán)境，并且它是建構(gòu)在多媒體技術(shù)和現(xiàn)代網(wǎng)絡(luò)技術(shù)之上并與因特網(wǎng)連接的。對(duì)于校園網(wǎng)建設(shè)來說，其應(yīng)用是目的，網(wǎng)絡(luò)環(huán)境是基礎(chǔ)，網(wǎng)絡(luò)教學(xué)資源是核心，而人員培訓(xùn)與網(wǎng)絡(luò)維護(hù)是保障。 通過本網(wǎng)站的設(shè)計(jì)與建設(shè) ,能夠?qū)崿F(xiàn)計(jì)算機(jī)文化基礎(chǔ)教育的 初步功能。 167。 設(shè)計(jì)思想 文山中學(xué)校園網(wǎng)建設(shè)的目的是為教育服務(wù)，立足于本教育為創(chuàng)新教育，素質(zhì)教育服務(wù)。 通過網(wǎng)站 的建設(shè) ，宣傳展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排與招生政策等信息內(nèi)容，使學(xué)生及家長 增加 對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長與學(xué)校之間的聯(lián)系，在 Inter 網(wǎng)上，讓學(xué)生及家長及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分事務(wù)，提高辦事效率 ,給學(xué)生、家長與學(xué)校最方便的聯(lián)系橋梁。在這里學(xué)生及家長也可以提出意見及想法，互通教學(xué)之間的意見想法，更加有效的辦好教學(xué)，和學(xué)生需要哪樣的教學(xué)方式能夠更 好的吸收與接納，這些都能成為學(xué)校的參考，以便更 好 的提高學(xué)校的教學(xué)質(zhì)量 。 校園網(wǎng)的建設(shè)一方面， 有利于及時(shí)了解 校園 的信息，有助于提高學(xué)校的科研教學(xué)水平；另一方面，校園網(wǎng)的建立及以其為基礎(chǔ)的管理信息系統(tǒng)的開發(fā)，也有利于學(xué)校管理水平的提高。 167。 開發(fā)工具的選用及介紹 現(xiàn)在非常流行的 Macromedia 公司出品的 Dreamweaver studio 8 提供了更多功能強(qiáng)勁的可視化設(shè)計(jì)工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持，是開發(fā)人員和設(shè)計(jì)師能夠快捷的創(chuàng)建代碼規(guī)范的應(yīng)用程序，集成程度非常高，開發(fā)環(huán)境精簡而高效，開發(fā)人員 能夠運(yùn)用 Dreamweaver 與他們的服務(wù)器技術(shù)構(gòu)建功能強(qiáng)大的網(wǎng)絡(luò)應(yīng)用程序連接到用戶的數(shù)據(jù)、網(wǎng)絡(luò)服務(wù)體系。 網(wǎng)頁圖形設(shè)計(jì)軟件包括擅長平面圖形設(shè)計(jì)的 photoshop 與擅長網(wǎng)絡(luò)圖形設(shè)計(jì)的firework 軟件。相比較而言， photoshop 可以做出比較復(fù)雜的平面效果，但不適合于團(tuán)隊(duì)開發(fā)，故目前普及面不是很廣。 Firework 是最好的通用網(wǎng)頁圖片編輯器，同時(shí)具有位圖和矢量圖的編輯能力，可以結(jié)合位圖效果豐富和矢量圖容易編輯的優(yōu)點(diǎn)，制作一些特殊效果簡單，易生成網(wǎng)頁效果模板，通過切片可導(dǎo)出生成網(wǎng)頁。此次設(shè)計(jì)中采用photoshop 編輯圖片。 網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件 flash。 Flash 網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件可以制作網(wǎng)頁互動(dòng)動(dòng)畫，也可以將一個(gè)較大的互動(dòng)動(dòng)畫制作為一個(gè)完整的網(wǎng)頁，這是一個(gè)非常靈活的設(shè)計(jì)軟件。由于利 用 Flash可以設(shè)計(jì)強(qiáng)大的動(dòng)畫效果，所以 Flash動(dòng)畫已發(fā)展成為一種獨(dú)特的藝術(shù)形式。 2 至此 Flash 動(dòng)畫被廣泛應(yīng)用在 網(wǎng)頁設(shè)計(jì)中， 從 logo 到網(wǎng)頁橫幅、按鈕，甚至整個(gè)網(wǎng)頁或網(wǎng)站，都可以用 Flash 動(dòng)畫來實(shí)現(xiàn)。為利用 Flash 動(dòng)畫制作網(wǎng)頁導(dǎo)航條的效果 尤佳 。我主要在網(wǎng)頁設(shè)計(jì)中用了一個(gè) Flash 來體現(xiàn)校園情況。 3 第二章 網(wǎng)站總體分析與 設(shè)計(jì) 167。 根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分： （ 1） 學(xué)校風(fēng)采 通過學(xué)校概括、教師風(fēng)采、學(xué)生頻道及部分圖片等內(nèi)容來展現(xiàn)。 （ 2） 優(yōu)點(diǎn)特色 通過教育動(dòng)態(tài)、家長中心、心理健康等欄目來展現(xiàn)。 （ 3） 信息發(fā)布 通過公告欄、校園新聞等欄目來實(shí)現(xiàn)，內(nèi)容有校園動(dòng)態(tài)、活動(dòng)安排等。 167。 網(wǎng)站需求分析 （ 1） 提供 Inter 服務(wù)，通過與 Inter 的連接，可以培養(yǎng)教師和學(xué)生使用網(wǎng)絡(luò)來獲取學(xué)校資源信息，這對(duì)學(xué)生的培養(yǎng)更為重要。 （ 2） 資源 共享：統(tǒng)一管理學(xué)校內(nèi)的各科目多媒體教學(xué)課件等教學(xué)和管理資料，使這些資源得到更為廣泛的應(yīng)用。 （ 3） 校內(nèi)電子郵件系統(tǒng)：通過網(wǎng)絡(luò)進(jìn)行信息交換，隨時(shí)隨地地取得學(xué)校各教研室、各有關(guān)部門的資料，增進(jìn)學(xué)校內(nèi)教師、學(xué)生以及各部門之間的溝通聯(lián)系。 （ 4） 通過校園網(wǎng)絡(luò)，可以使學(xué)生能及時(shí)了解國內(nèi)外科技發(fā)展動(dòng)態(tài)，促進(jìn)教學(xué)、教研和科普工作的提高。 （ 5） 以校園網(wǎng)絡(luò)為依托，建立各種課程的計(jì)算機(jī)輔助教學(xué)、多媒體教學(xué)課件演示。 （ 6） 為學(xué)校的管理現(xiàn)代化及通信現(xiàn)代化提供重要的支撐環(huán)境，包括硬件和軟件兩個(gè)方面。 167。 網(wǎng)站建設(shè)的總體規(guī) 劃及設(shè)計(jì) 167。 確定網(wǎng)站建設(shè)的目的 確定網(wǎng)站建設(shè)的目的，這是非常重要但又易于被人們忽略或輕視的 一 項(xiàng)工作。與網(wǎng)站單位人員溝通就 尤其 重要了。 對(duì)于網(wǎng)站設(shè)計(jì)來說，這種溝通不僅應(yīng)了解該網(wǎng)站要運(yùn)行什么應(yīng)用程序，需要如何連接單位現(xiàn)有系統(tǒng)等，還需知道這個(gè)網(wǎng)站希望達(dá)到什么樣的目的，即必須清楚網(wǎng)站的目標(biāo)市場在那里。這將成為整個(gè)網(wǎng)站所有設(shè)計(jì)思想的基礎(chǔ)。無論網(wǎng)站采用何種形式，什么樣的外觀，提供什么 的 內(nèi)容 ，都要以網(wǎng)站的最終目的為出發(fā)點(diǎn)來考慮。 另 一 方面，網(wǎng)站建設(shè)還應(yīng)該 收集 客戶對(duì)這個(gè)網(wǎng)站的美術(shù)需求。網(wǎng)站設(shè)計(jì)人員就需要了解建站 單位形象的突出點(diǎn)和單位標(biāo)志的特點(diǎn)、意義等。 本網(wǎng)站的建設(shè)主要是為了 全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排與招生政策等信息內(nèi)容，使學(xué)生及家長 增加 對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長與學(xué)校之間的聯(lián)系 ，提高學(xué)校的教學(xué)質(zhì)量，讓學(xué)校信息及時(shí)散布。 167。 確定客戶群體 確定網(wǎng)站的客戶群體 十分 重要。只有清楚確認(rèn)網(wǎng)站的客戶群體、客戶的需求、客戶的興趣，才可能在網(wǎng)站上提供客戶所需要的內(nèi)容和信息，留住目標(biāo)客戶群體，網(wǎng)站才能獲得成功。 校園網(wǎng)站的建設(shè)就是為了學(xué)生、家長和學(xué)校之間密切的溝通，讓家長及時(shí)關(guān)注自己的孩子，因 此家長、學(xué)生便是校園網(wǎng)的的客戶群體只要能滿足家長、學(xué)生的需求就證明網(wǎng)站是成功的。 4 167。 細(xì)化目標(biāo)，構(gòu)架網(wǎng)站內(nèi)容綱要 確定目標(biāo)市場和客戶群體后，下 一步 工作目標(biāo) 將 細(xì)化，構(gòu)架網(wǎng)站內(nèi)容綱要，主要包括網(wǎng)站核心內(nèi)容、主要信息、服務(wù)項(xiàng)目等。然后，將網(wǎng)站內(nèi)容 建設(shè)的基本架構(gòu) 交給有關(guān)業(yè)務(wù)人員審核批準(zhǔn)，形成部門網(wǎng)站設(shè)計(jì)的總體報(bào)告。 167。 整理網(wǎng)站結(jié)構(gòu)圖 確定內(nèi)容后，就可以勾畫網(wǎng)站結(jié)構(gòu)了。結(jié)構(gòu)圖有很多，順序機(jī)構(gòu)、網(wǎng)狀結(jié)構(gòu)等，應(yīng)依據(jù)自己網(wǎng)站的內(nèi)容反復(fù)討論后確定。多數(shù)復(fù)雜的網(wǎng)站會(huì)綜合應(yīng)用到幾種不同的結(jié)構(gòu)圖。畫出結(jié)構(gòu)圖的目的 ，主要是便于有邏輯地組織網(wǎng)站和鏈接，同時(shí)，可以根據(jù)結(jié)構(gòu)圖去分配工作和任務(wù)。 167。 主頁設(shè)計(jì) 網(wǎng)站主頁采用靜態(tài)的方式，即靜態(tài)的主畫面和靜態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主