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