【正文】 段取代舊的、傳統(tǒng)的落后教學(xué)手段，實現(xiàn)教育資源共享是時代的需要 ， 用好校園網(wǎng)， 是實現(xiàn)教育現(xiàn)代化的需要。 甘肅工業(yè)職業(yè)技術(shù)學(xué)院 畢業(yè)設(shè)計 中小學(xué)網(wǎng)站建設(shè) 院 系： 信 息 工 程 系 專 業(yè)： 計算機應(yīng)用技術(shù) 指導(dǎo)教師： 劉冬暉 班 級： 計算機 0631 班 姓 名： 劉秀芳 2020 年 5 月 15 日 摘 要 隨著網(wǎng)絡(luò)的高速發(fā)展 ,及教育體制改革的深入 ,通過網(wǎng)絡(luò)自主學(xué)習(xí)與搜集信息 ,已經(jīng)成為每個人所必須做的事情，特別是計算機知識 ,因其自身知識更新快的特點 ,通過網(wǎng)站進行自主學(xué)習(xí)無疑是最佳的選擇。 隨著中小學(xué)校校 園 工程的展開，中小學(xué)信息化進程的逐步深入，專 業(yè)信息技術(shù)老師的逐步充實，各中小學(xué)的校園網(wǎng)平臺正在逐步發(fā)生可喜的變化，如從無到有、平臺管理落實到人、教職員工信息技術(shù)培訓(xùn)正在逐步展開并得到落實； 校園網(wǎng)是建構(gòu)在多媒體技術(shù)和現(xiàn)代網(wǎng)絡(luò)技術(shù)之上的為教學(xué)活動、科研活動、管理活動服務(wù)的并與因特網(wǎng)連接的校園內(nèi)的局域網(wǎng)絡(luò)環(huán)境，是一種教育科研網(wǎng)絡(luò)。 本課題主 要運用 dreamweaver 與 photoshop 整合的開發(fā)技術(shù)，實現(xiàn)了學(xué)校的信息、學(xué)校概況、教學(xué)科研、心理健康、校園新聞、家長中心、學(xué)生頻道、注冊、留言等功能。 1 課題 來源與背景 2 第 2 章 網(wǎng)站總體分析與設(shè)計 3 網(wǎng)站系統(tǒng)分析 3 網(wǎng)站建設(shè)的總體規(guī)劃及設(shè)計 5 色彩搭配 8 網(wǎng)站框架介紹 9 網(wǎng)站的測 評 15 主頁的實現(xiàn) 24 參考文獻 通過網(wǎng)站 的 建設(shè) ，宣傳展示學(xué)校風(fēng)采、優(yōu)點與特色，發(fā)布學(xué)校的活動安排與招生政策等信息內(nèi)容，使學(xué)生及家長 增加 對學(xué)校的了解，增強學(xué)生、家長與學(xué)校之間的聯(lián)系，在 Inter 網(wǎng)上，讓學(xué)生及家長及時得到學(xué)校發(fā)布的重要信息，同時也幫助了學(xué)校完成部分事務(wù)，提高辦事效率 ,給學(xué)生、家長與學(xué)校最方便的聯(lián)系橋梁。 校園網(wǎng)的建設(shè)一方面， 有利于及時了解 校園 的信息，有助于提高學(xué)校的科研教學(xué)水平；另一方面，校園網(wǎng)的建立及以其為基礎(chǔ)的管理信息系統(tǒng)的開發(fā)，也有 利于學(xué)校管理水平的提高。網(wǎng)絡(luò)教學(xué)一向被視為有效突破時空限制的教學(xué)通道。然而 ,目前這種基于數(shù) 字化、交互式、個別化、多媒體的現(xiàn)代遠(yuǎn)程教育平臺的新型教學(xué)模式 ,其理論與實踐都不夠豐富。創(chuàng)新性的教學(xué)能激活、啟動學(xué)生自主學(xué)習(xí)的動力系統(tǒng) ,能培養(yǎng)學(xué)生的創(chuàng)新意識、創(chuàng)新思維、創(chuàng)新情感和創(chuàng)新能力。創(chuàng)新性教學(xué)體現(xiàn)了素質(zhì)教育的本質(zhì)和核心內(nèi)涵 ,是實施素質(zhì)教育的基本途徑 ,并具有重要的推動作用。 中小學(xué)網(wǎng)站建設(shè) 第 2頁 目前，校園 網(wǎng)的建設(shè)與應(yīng)用被越來越多的中小學(xué)視為實現(xiàn)教學(xué)改革，提高教學(xué)質(zhì)量以適應(yīng)時代對人才培養(yǎng)需求的關(guān)鍵。對于校園網(wǎng)建設(shè)來說，其應(yīng)用是目的，網(wǎng)絡(luò)環(huán)境是基礎(chǔ)，網(wǎng)絡(luò)教學(xué)資源是核心，而人員培訓(xùn)與網(wǎng)絡(luò)維護是保障。 1． 3 開發(fā)工具的選用及介紹 現(xiàn)在非常流行的 Macromedia 公司出品的 Dreamweaver studio 8 提供了更多功能強勁的可視化設(shè)計工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持，是開發(fā)人員和設(shè)計師能夠快捷的創(chuàng)建代碼規(guī)范的應(yīng)用程序，集成程度非常高，開發(fā)環(huán)境精簡而高效，開發(fā)人員能夠運用 Dreamweaver 與他們的服務(wù)器技術(shù)構(gòu)建功能強大的網(wǎng)絡(luò)應(yīng)用程序連接到用戶的數(shù)據(jù)、網(wǎng)絡(luò)服務(wù)體系。相比較而言， photoshop 可以做出比較復(fù)雜的平面效果， 但不適合于團隊開發(fā)，故目前普及面不是很廣。 此次設(shè)計中采用 photoshop 編輯圖片。 Flash 網(wǎng)頁動畫設(shè)計軟件可以制作網(wǎng)頁互動動畫，也可以將一個較大的互動動畫制作為一個完整的網(wǎng)頁，這是一個非常靈 活的設(shè)計軟件。 至此 Flash 動畫被廣泛應(yīng)用在 網(wǎng)頁設(shè)計中， 從 logo 到網(wǎng)頁橫幅、按鈕，甚至整個網(wǎng)頁或網(wǎng)站，都可以用 Flash 動畫來實現(xiàn)。 我主要在網(wǎng)頁設(shè)計中用了一個 Flash 來體現(xiàn)校園情況。 優(yōu)點特色 通過教育動態(tài)、家長中心、心理健康等欄目來展現(xiàn)。 網(wǎng)站需求分析 提供 Inter 服務(wù)，通過與 Inter 的連接，可以培養(yǎng)教師和學(xué)生使用網(wǎng)絡(luò)來獲取學(xué)校資源信息，這對學(xué)生的培養(yǎng)更為重要。 校內(nèi)電子郵件系統(tǒng)：通過網(wǎng)絡(luò)進行 信息交換 ，隨時隨地地取得學(xué)校各教研室、各有關(guān)部門的 資料，增進學(xué)校內(nèi)教師、學(xué)生以及各部門之間的溝通聯(lián)系。 以校園網(wǎng)絡(luò)為依托，建立各種課程的計算機輔助教學(xué)、多媒體教學(xué)課件演示。 網(wǎng)站建設(shè)的總體規(guī)劃及設(shè)計 確定網(wǎng)站建設(shè)的目的 確定網(wǎng)站建設(shè)的目的，這是非常重要但又易于被人們忽略或輕視的 一 項工作。 對于網(wǎng)站設(shè)計來說，這種溝通不僅應(yīng)了解該網(wǎng)站要運行什么 應(yīng)用程序，需要如何連接單位現(xiàn)有系統(tǒng)等，還需知道這個網(wǎng)站希望達(dá)到什么樣的目的，即必中小學(xué)網(wǎng)站建設(shè) 第 4頁 須清楚網(wǎng)站的目標(biāo)市場在那里。無論網(wǎng)站采用何種形式，什么樣的外觀，提供什么 的 內(nèi)容 ，都要以網(wǎng)站的最終目的為出發(fā)點來考慮。網(wǎng)站設(shè)計人員就需要了解建站單位形象的突出點和單位標(biāo)志的特點、意義等。 確定客戶群體 確定網(wǎng)站的客戶群體 十分 重要。 校園網(wǎng)站的建設(shè)就是為了學(xué)生、家長和學(xué)校之間密切的溝通，讓家長及時關(guān)注自己的孩子，因此家長、學(xué)生便是校園網(wǎng)的的客戶群體只要能滿足家長、學(xué)生的需求就證明網(wǎng)站是成功的。然后，將網(wǎng)站內(nèi)容 建設(shè)的基本架構(gòu) 交給有關(guān)業(yè)務(wù)人員審核批準(zhǔn)，形成部門網(wǎng)站設(shè)計的總體報告。結(jié)構(gòu)圖有很多，順序機構(gòu)、網(wǎng)狀結(jié)構(gòu)等，應(yīng)依據(jù)自己網(wǎng)站的內(nèi)容反復(fù)討論后確定。畫出結(jié)構(gòu)圖的目的，主要是便于有邏輯地組織網(wǎng)站和鏈接，同時，可以根據(jù)結(jié)構(gòu)圖去分配工作和任務(wù)。他們能給你很多關(guān)于排版，色彩等方面的建議。 (1)、 傳播的媒介不同。 中小學(xué)網(wǎng)站建設(shè) 第 5頁 (2)、 最終的發(fā)布媒體不同。 (3)、 所能采用的文件格式的限制。 我選擇了兩種格式的圖片。有關(guān)訪問者和顧客行為的資料是分析投資收益的基礎(chǔ)。隨著時間的推移，收集的資料不斷增加，同時與 網(wǎng)上 業(yè)務(wù)相互影響也在不斷提高。由于這個過程是漸進的，因此有時被稱為漸進的個性化服務(wù)。 應(yīng)該 先從明確目標(biāo)入手，在收集到的信息 的 基礎(chǔ)上，確定網(wǎng)上業(yè)務(wù)服務(wù)特定客戶的策略。 主頁設(shè)計 網(wǎng) 站主頁采用靜態(tài)的方式，即靜態(tài)的主畫面和靜態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁方式介紹學(xué)校概況、校園新聞、心理健康、家長中心、學(xué)生頻道 等 信息。不同的色彩會使瀏覽者有不同的心理感受。網(wǎng)頁色彩涉及到藝術(shù)知識，讓美術(shù)教師參加網(wǎng)頁色彩設(shè)計，可能會出現(xiàn)比較理想的效果。背景色和前 景 色對比要大，以突出主要內(nèi)容 設(shè)計網(wǎng)站色彩?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點綴和襯托，絕不能喧賓奪主。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃 /橙色，黑 /灰 /白色三大系列色。 (2)、 收集整理需要的信息。 (4)、 對 校園 網(wǎng)站進行整體構(gòu)架搭建。 (6)、 全面負(fù)責(zé)單位主網(wǎng)站的宣傳。 (2)、 傳統(tǒng)建站方式 初期投入成本低，純粹做網(wǎng)頁，網(wǎng)站技術(shù)成分低，后期維護困難，靈活性差。本課題主要運用 dreamweaver 與 photoshop 整合的開發(fā)技術(shù)，實現(xiàn)了學(xué)校的信息、學(xué)校概況、教學(xué)科研、心理健康、校園新聞、家長中心、學(xué)生頻道、注冊、留言等功能。 各模塊的設(shè)計 學(xué)校概況：對校園的簡單介紹，展現(xiàn)校園風(fēng)采。 設(shè)計圖如： 如圖 33 校園網(wǎng)校園新聞模塊設(shè)計圖 中小學(xué)網(wǎng)站建設(shè) 第 11頁 心理健康： 包括生所存在的心理問題、心理問題的標(biāo)準(zhǔn)、心理輔導(dǎo)等欄目。 設(shè)計圖如： 中小學(xué)網(wǎng)站建設(shè) 第 12頁 如 圖 35 校園網(wǎng)家長中心模塊設(shè)計圖 學(xué)生頻道：包括一些學(xué)習(xí)資源，再線測試自己。 中小學(xué)網(wǎng)站建設(shè) 第 13頁 聯(lián)系我們：以郵件的方式聯(lián)系 ，有利于信息的溝通，信息不易丟失。 網(wǎng)站的測評 網(wǎng)頁的測試 當(dāng)你的主頁編制成功后，要以一個讀者的身份，利用瀏覽器測試文檔資料的正確性和可用性。目前主要瀏覽器 Inter Explorer ，只要能在這種瀏覽器上瀏覽就可以了。 (2)、鏈接正確性的測試。 在瀏覽器測試中頁面都能正常瀏覽，就是注冊信息、學(xué)生頻道、聯(lián)系我們等欄目的功能不能充分實現(xiàn)，只能是簡單的頁面瀏覽。測評的內(nèi)容主要有以下 幾 個方面。 靜態(tài)網(wǎng)頁只要確認(rèn)每一個頁面