中學網站設計與實現畢業設計(論文(編輯修改稿)

　

【文章內容簡介】 頁方式介紹學校概況、校園新聞、心理健康、家長中心、學生頻道等信息。 主頁結構圖 ，如圖 所示： □設為首頁□加入收藏 學會 logo 本站首頁 學校概況 校園新聞 心理健康 家長中心 學生頻道 注冊信息 聯系我 們 網站公告 校園新聞 知識就是力量（圖片） 我們學校有新的網站了，請大家多來關注一下很有意思的 ☆建設中國特色社會主義到路 ☆堅持以人為本德育為先 ☆ 20xx 年春季運動會計劃 ☆對中學生地方運動 心理健康 々 中學生心理健康的標 々 青少年心理健康主要 々 中學生心理健康的輔 々 考試心理自我調節 々 關注學生心理開展 教育動態 ☆教育部國家語委發布現代漢語常用詞表 ☆ 社會期待高、工作強度大、心理壓力重 ☆ 清華大學黨委書記調任教育部副部長 ☆ 大力開展職業教育國際合作 專 題欄目 圖片 教師關心的 70個教育問題 一起學習未成年人保護法 20xx 年中考前線報道 站內調查 談談你對此網站的意見○ ○ ○ ○ ○ 家長中心 ☆ 讓親子溝通無障礙 ☆ 英國教育家史賓塞的快樂教育 ☆明星媽媽的舔讀之情 ☆ 專家教你如何培養聰明的孩子 版權 圖 校園網主頁設計圖 5 167。 色彩搭配 網頁的色彩是樹立網站形象的關鍵之一，網頁的背景、文字、圖標、邊框、超鏈接等 都要用到色彩。不同的色彩會使瀏覽者有不同的心理感受。合理的搭配色彩，會更好的表現主題，吸引用戶的注意力。 所以文山中學的 網頁 采用到了 色彩涉及到藝術知識，在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯想性 。 1 第 三 章 詳細設計 167。 網站設計的流程 167。 設項目的主要工作內容 (1)對校園網站的設計進行需求分析 。 (2)收集整理需要的信息。 (3)制定網站開發的方案。 (4)對 校園 網站進行整體構架搭建。 (5)制主網站的宣傳。 (6)全面負責單位 167。 網站建設方式 合 作并發布單位所有主要網 站建立的相對靜態信息。 (1)軟件自動生成 利用軟件生成站點，具有功能強、效率高、費用低等優點，但存在使用不方便、站點模式有限、不能滿足 校園 的實際情況等缺點。 (2)傳統建站方式 初期投入成本低，純粹做網頁，網站技術成分低，后期維護困難，靈活性差。 167。 網站建設項目的流程 網站建設流程圖如圖 所示： 2 圖 網站建設流程圖 167。 網站框架介紹 文山中學網站是一個比較小型的中學網站 ,能夠實現網絡教育的初步功能。本課題主要運用 dreamweaver 與 photoshop 整合的開發技術，實現了學校的信息、學校概況、校園新聞、家長中心、學生頻道、注冊、留言等功能。最終以實現既能使用戶學到知識的同時 ,又提高用戶的學習興趣為目的。 167。 各模塊的設計 (1)學校概況：對校園的簡單介紹，展現校園風采。設計圖如： 不合格 審核驗收 需求分析 制定開發 方案 審核 開發設計 修改 開發完畢 整體測試 格合 發 布 提交項目 及源文件 項目結束 3 圖 校園網心理健康模塊設計圖 （ 2） 校園新聞 （ 3） 家長中心：學校和家長的溝通，家庭教育應該注意的問題，讓學生有 良好 的家庭教育。設計圖如圖 所示 ： 4 圖 校園網家長中心模塊設計圖 （ 4） 學生頻道：包括一些學習 資源，再線測試自己。 （ 5） 注冊信息：注冊加入校園網站，方便資源的攝取。 167。 網站的測評 167。 網頁的測試 (1)瀏覽器兼容性測試。目前主要瀏覽器 Inter Explorer ，只要能在這種瀏覽器上瀏覽就可以了。一般我們做的網頁測試不存在兼容性的問題，在通用的這種瀏覽器上一般情況下都能正常的瀏覽。 (2)鏈接正確性的測試。用 Dreamweaver 檢查，本網頁是靜態網頁，鏈接的只是瀏覽頁面，圖片等，所以在 Dreamweaver 里指向鏈接屬性仔細檢查就可以了。 167。 網站測評 網站 建成之后，為了避免出現不必要的錯誤，需要 對其 進行測評。測評的內容主要有以下 幾 個方面。 (1)鏈接有效性。 靜態網頁只要確認每一個頁面能正常瀏覽，保證信息不缺失就 可以了。 (2)網頁語言正確性。檢查網頁中英文拼寫與網頁 HTML 語法書寫是否正確。 在靜態網頁中語言都是自動生成的所以語言的正確性一般情況下不會有太大的問題。 (3)網站便用性。檢 查 網站整體結構是否清晰以及網站頁面導航是否清晰。 5 第 四 章 網頁設計應注意的問題 167。 在網頁設計過程中主頁面的設計與子頁面的設計風格應該統一，采 用一致的主色調，布局的風格基本統一。 167。 (1)每一頁面都應該有一個導航條，讓訪客清楚自己訪問的頁面所在的位置。 (2)每一個頁面都應該有一個導航塊，讓訪客能隨時切換到其它板塊中，可以隨時訪問其它的頁面。 167。 (1)合理留出頁面空白，不能將頁面塞得太滿。整個頁面不能全部為內容，應該合理的留出空間。 (2)插入圖形不能刪除它的 width 和 height 屬性，不然做出的頁面看起來很凌亂。 (3)對于表格、最好用絕對定位的方式即以像素為單位，這樣可避免屏幕分辨率對網頁內容顯示的影 響。屏幕的分辨率一般做網頁時為 1024*768。 (4)每幅頁面中使用的顏色不要太多，彼此協調。一般而言，控制在三種以內，如實在需要可通過調整透明度或飽和度來產生新的顏色。 (5)頁面中的字體盡量使用標準字體，字號適中，大多為 12 號字體。 167。 首頁是網頁設計中的重中之重，直接影響到用戶對網站的整個印象。除了要注意一般網頁設計中要注意的問題，還要特別注意 (1)首頁相當于一張大的導航圖，可以根據首頁中反映的信息，使訪問的人易于找到他感興趣的內容。 (2)首頁應能時刻顯示最新信息，吸引訪問者瀏 覽。可以通過增加更新鏈接、或在主頁中開辟一片區域顯示更新內容。不過我做的是靜態網頁，更新信息很不容易，所以在設計中需留有更新信息的空間。 1 第 五 章 主頁設計與實現 167。 由于是校園網的設計所以版面不應該和個人主頁那樣隨意，我做的網頁主要是靜態的，因此一些信息只能通過圖片和文字來反應，用簡單的文字鏈接頁面進行信息的瀏覽，以圖片的形式反映教育狀況頁面比較簡潔。 主頁的實現 主頁設計代碼如下： !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb2312 / title無標題文檔 /title style type=text/css ! {fontsize: 14px} body,td,th {fontsize: 12px。} a:link {textdecoration: none。} a:visited {textdecoration: none。} a:hover { textdecoration: none。} a:active { textdecoration: none。} /style /head body table width=755 height=650 border=0 align=center cellpadding=0 2 cellspacing=0 !DWLayoutTable tr td height=19 colspan=3 valign=toptable width=100% border=0 cellpadding=0 cellspacing=0 !DWLayoutTable tr td width=755 height=19 valign=top img src=../image/ width=16 height=16 / 設為首頁 img src=/image/ width=18 height=18 /加入收藏 /td /tr /table/td /tr tr td height=130 colspan=3 valign=toptable width=100% border=0 cellpadding=0 cellspacing=0 !DWLayoutTable tr td width=755 height=130img src=../image/ width=755 height=130 //td /tr /table/td /tr tr td height=35 colspan=3 valign=toptable width=100% border=0 cellpadding=0 cellspacing=0 !DWLa