【正文】 技術(shù)職稱： 學生專業(yè)： 學習中心名稱： 西南科技大學網(wǎng)絡教育學院制 畢業(yè)設計（論文） 任 務 書 題目名稱 文山中學網(wǎng)站設計與實現(xiàn) 題目性質(zhì) □真實題目 □虛擬題目 學生學號 指導教師 , 學生姓名 , 專業(yè)名稱 技術(shù)職稱 , 學生層次 學習中心名稱 , 年 月 日 畢業(yè)設計（論文）內(nèi)容與要求： 畢業(yè)設計領導小組負責人： （簽字） 年 月 日 畢業(yè)設計（論文） 成績考核表 過程評分 評閱成績 答辯成績 總成績 百分制 等級制 指導教師評語 建議成績 指導教師簽字： 年 月 日 論文評閱教師評語 建議成績 評閱教師簽字： 年 月 日 畢業(yè)答辯專家組評語 建議成績 答辯組長簽字： 年 月 日 畢業(yè)設計領導小組推優(yōu)評語 組 長簽字： 年 月 日 摘 要 隨著網(wǎng)絡的高速發(fā)展 ,及教育體制改革的深入 ,通過網(wǎng)絡自主學習與搜集信息 ,已經(jīng)成為每個人所必須做的事情，特別是計算機知識 ,因其自身知識更新快的特點 ,通過網(wǎng)站進行自主學習無疑是最佳的選擇。 關(guān)鍵字： Dreamweaver， photoshop，校園網(wǎng)站 Abstract With the rapid development of work and indepth reform of the education system, through the work of selfstudy and collected information has bee necessary for everyone to do, especially in puter knowledge, quick to update their own knowledge of the characteristics of their own through the website learning is undoubtedly the best option. Primary and secondary schools with school projects, the primary and secondary information in depth stepbystep process, information technology teacher professional stepbystep enrichment, the primary and secondary schools of the campus work platform is a wele change occurred gradually, such as from scratch and implement the platform management people, information technology staff training and are gradually being implemented。 設計思想 ........................................................ 2 167。 網(wǎng)站建設的總體規(guī)劃及設計 ........................................ 4 167。 網(wǎng)站框架介紹 .................................................... 8 167。 主頁的實現(xiàn) ..................................................... 11 結(jié)論 .................................................................. 18 致謝 .................................................................. 19 參考文獻 .............................................................. 20 1 引 言 在 Inter 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道 。 現(xiàn)在 網(wǎng)絡技術(shù)已經(jīng)成為現(xiàn)代信息技術(shù)的主流，人們對網(wǎng)絡的認識也隨著網(wǎng)絡應用的逐漸普及而迅速改變。創(chuàng)新性的教學能激活、啟動學生自主學習的動力系統(tǒng) ,能培養(yǎng)學生的創(chuàng)新意識、創(chuàng)新思維、創(chuàng)新情感和創(chuàng)新能力。 目前，校園網(wǎng)的建設與應用被越來越多的中小學視為實現(xiàn)教學改革，提高教學質(zhì)量以適應時代對人才培養(yǎng)需求的關(guān)鍵。 167。 校園網(wǎng)的建設一方面， 有利于及時了解 校園 的信息，有助于提高學校的科研教學水平；另一方面，校園網(wǎng)的建立及以其為基礎的管理信息系統(tǒng)的開發(fā)，也有利于學校管理水平的提高。相比較而言， photoshop 可以做出比較復雜的平面效果，但不適合于團隊開發(fā)，故目前普及面不是很廣。 Flash 網(wǎng)頁動畫設計軟件可以制作網(wǎng)頁互動動畫，也可以將一個較大的互動動畫制作為一個完整的網(wǎng)頁，這是一個非常靈活的設計軟件。我主要在網(wǎng)頁設計中用了一個 Flash 來體現(xiàn)校園情況。 （ 3） 信息發(fā)布 通過公告欄、校園新聞等欄目來實現(xiàn)，內(nèi)容有校園動態(tài)、活動安排等。 （ 3） 校內(nèi)電子郵件系統(tǒng)：通過網(wǎng)絡進行信息交換，隨時隨地地取得學校各教研室、各有關(guān)部門的資料，增進學校內(nèi)教師、學生以及各部門之間的溝通聯(lián)系。 167。 對于網(wǎng)站設計來說，這種溝通不僅應了解該網(wǎng)站要運行什么應用程序，需要如何連接單位現(xiàn)有系統(tǒng)等，還需知道這個網(wǎng)站希望達到什么樣的目的，即必須清楚網(wǎng)站的目標市場在那里。網(wǎng)站設計人員就需要了解建站 單位形象的突出點和單位標志的特點、意義等。只有清楚確認網(wǎng)站的客戶群體、客戶的需求、客戶的興趣，才可能在網(wǎng)站上提供客戶所需要的內(nèi)容和信息，留住目標客戶群體，網(wǎng)站才能獲得成功。然后，將網(wǎng)站內(nèi)容 建設的基本架構(gòu) 交給有關(guān)業(yè)務人員審核批準，形成部門網(wǎng)站設計的總體報告。多數(shù)復雜的網(wǎng)站會綜合應用到幾種不同的結(jié)構(gòu)圖。 主頁結(jié)構(gòu)圖 ，如圖 所示： □設為首頁□加入收藏 學會 logo 本站首頁 學校概況 校園新聞 心理健康 家長中心 學生頻道 注冊信息 聯(lián)系我 們 網(wǎng)站公告 校園新聞 知識就是力量（圖片） 我們學校有新的網(wǎng)站了，請大家多來關(guān)注一下很有意思的 ☆建設中國特色社會主義到路 ☆堅持以人為本德育為先 ☆ 20xx 年春季運動會計劃 ☆對中學生地方運動 心理健康 々 中學生心理健康的標 々 青少年心理健康主要 々 中學生心理健康的輔 々 考試心理自我調(diào)節(jié) 々 關(guān)注學生心理開展 教育動態(tài) ☆教育部國家語委發(fā)布現(xiàn)代漢語常用詞表 ☆ 社會期待高、工作強度大、心理壓力重 ☆ 清華大學黨委書記調(diào)任教育部副部長 ☆ 大力開展職業(yè)教育國際合作 專 題欄目 圖片 教師關(guān)心的 70個教育問題 一起學習未成年人保護法 20xx 年中考前線報道 站內(nèi)調(diào)查 談談你對此網(wǎng)站的意見○ ○ ○ ○ ○ 家長中心 ☆ 讓親子溝通無障礙 ☆ 英國教育家史賓塞的快樂教育 ☆明星媽媽的舔讀之情 ☆ 專家教你如何培養(yǎng)聰明的孩子 版權(quán) 圖 校園網(wǎng)主頁設計圖 5 167。 所以文山中學的 網(wǎng)頁 采用到了 色彩涉及到藝術(shù)知識，在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯(lián)想性 。 (2)收集整理需要的信息。 (6)全面負責單位 167。 167。最終以實現(xiàn)既能使用戶學到知識的同時 ,又提高用戶的學習興趣為目的。設計圖如圖 所示 ： 4 圖 校園網(wǎng)家長中心模塊設計圖 （ 4） 學生頻道：包括一些學習 資源，再線測試自己。 網(wǎng)頁的測試 (1)瀏覽器兼容性測試。用 Dreamweaver 檢查，本網(wǎng)頁是靜態(tài)網(wǎng)頁，鏈接的只是瀏覽頁面，圖片等，所以在 Dreamweaver 里指向鏈接屬性仔細檢查就可以了。 (1)鏈接有效性。 在靜態(tài)網(wǎng)頁中語言都是自動生成的所以語言的正確性一般情況下不會有太大的問題。 在網(wǎng)頁設計過程中主頁面的設計與子頁面的設計風格應該統(tǒng)一，采 用一致的主色調(diào)，布局的風格基本統(tǒng)一。 167。 (