【文章內(nèi)容簡介】 々 中學(xué)生心理健康的標 々 青少年心理健康主要 々 中學(xué)生心理健康的輔 々 考試心理自我調(diào)節(jié) 々 關(guān)注學(xué)生心理開展 教育動態(tài) ☆ 教育部國家語委發(fā)布現(xiàn)代漢語常用詞表 ☆ 社會期待高、工作強度大、心理壓力重 ☆ 清華大學(xué)黨委書記調(diào)任教育部副部長 ☆ 大力開展職業(yè)教育國際合作 ☆ 探討大學(xué)創(chuàng)業(yè)教育發(fā)展之路 ☆ 體育成績中考長分是解救還是負擔(dān) 專題欄目 圖片 教師關(guān)心的 70個 教育問題 一起學(xué)習(xí)未成年人保護法 2020 年中考前線報道 站內(nèi)調(diào)查 談?wù)勀銓Υ司W(wǎng)站的意見○ ○ ○ ○ ○ 家長中心 ☆ 讓親子溝通無障礙 ☆ 英國教育家史賓塞的快樂教育 ☆ 明星媽媽的舔讀之情 ☆ 專家教你如何培養(yǎng)聰明的孩子 ☆ 中國家長應(yīng)該如何向西方學(xué)習(xí) 版權(quán) 如圖 21 校園網(wǎng)主頁設(shè)計圖 色彩搭配 網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一，網(wǎng)頁的背景、文字、圖標、邊框、超鏈接等都要用到色彩。不同的色彩會使瀏覽者有不同的心理感受。合理的搭配色彩，會更好的表現(xiàn)主題，吸引用戶的注意 力。網(wǎng)頁色彩涉及到藝術(shù)知識，讓美術(shù)教師參加網(wǎng)頁色彩設(shè)計，可能會出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯(lián)想性。背景色和前 景 色對比要大，以突出主要內(nèi)容 設(shè)計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標志，標題，主菜單和主色塊。給人以整體中小學(xué)網(wǎng)站建設(shè) 第 7頁 統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網(wǎng)站的標準色彩不超過 3 種，太多則讓人眼花繚 亂。適合于網(wǎng)頁標準色的顏色有：藍色，黃 /橙色，黑 /灰 /白色三大系列色。 中小學(xué)網(wǎng)站建設(shè) 第 8頁 第 3 章 詳細設(shè)計 網(wǎng)站設(shè)計的流程 設(shè)項目的主要工作內(nèi)容 (1)、對校園網(wǎng)站的設(shè)計進行需求分析 。 (2)、 收集整理需要的信息。 (3)、制定網(wǎng)站開發(fā)的方案。 (4)、 對 校園 網(wǎng)站進行整體構(gòu)架搭建。 (5)、 制作并發(fā)布單位所有主要網(wǎng)站建立的相對靜態(tài)信息。 (6)、 全面負責(zé)單位主網(wǎng)站的宣傳。 網(wǎng)站建設(shè)方式 (1)、 軟件自動生成 利用軟件生成站點，具有功能強、效率高、費用低等優(yōu)點，但存在使用不方便、站點模式有限、不能滿足 校園 的實 際情況等缺點。 (2)、 傳統(tǒng)建站方式 初期投入成本低，純粹做網(wǎng)頁，網(wǎng)站技術(shù)成分低，后期維護困難，靈活性差。 網(wǎng)站建設(shè)項目的流程 附網(wǎng)站建設(shè)流程圖如下圖中小學(xué)網(wǎng)站建設(shè) 第 9頁 如圖 31 網(wǎng)站建設(shè)流程圖 網(wǎng)站框架介紹 本網(wǎng)站是一個比較小型的中小學(xué)網(wǎng)站 ,能夠?qū)崿F(xiàn)網(wǎng)絡(luò)教育的初步功能。本課題主要運用 dreamweaver 與 photoshop 整合的開發(fā)技術(shù)，實現(xiàn)了學(xué)校的信息、學(xué)校概況、教學(xué)科研、心理健康、校園新聞、家長中心、學(xué)生頻道、注冊、留言等功能。最終以實現(xiàn)既能使 用戶學(xué)到知識的同時 ,又提高用戶的學(xué)習(xí)興趣為目的。 各模塊的設(shè)計 學(xué)校概況：對校園的簡單介紹，展現(xiàn)校園風(fēng)采。 設(shè)計圖如： 不合格 審核驗收 需求分析 制定開發(fā) 方案 審核 開發(fā)設(shè)計 修改 開發(fā)完畢 整體測試 格合 發(fā) 布 提交項目 及源文件 項目結(jié)束 中小學(xué)網(wǎng)站建設(shè) 第 10頁 如圖 32 校園網(wǎng)學(xué)校概況模塊設(shè)計圖 校園新聞 ：辦公平臺所用的資料庫。 設(shè)計圖如： 如圖 33 校園網(wǎng)校園新聞模塊設(shè)計圖 中小學(xué)網(wǎng)站建設(shè) 第 11頁 心理健康： 包括生所存在的心理問題、心理問題的標準、心理輔導(dǎo)等欄目。 設(shè)計圖如： 如圖 34 校園網(wǎng)心理健康模塊設(shè)計圖 家長中心：學(xué)校和家長的溝通，家庭教育應(yīng)該注意的問題，如何做一名對子女負責(zé)人的家長，讓學(xué)生有 良好 的家庭教育。 設(shè)計圖如： 中小學(xué)網(wǎng)站建設(shè) 第 12頁 如 圖 35 校園網(wǎng)家長中心模塊設(shè)計圖 學(xué)生頻道：包括一些學(xué)習(xí)資源，再線測試自己。 注冊信息：注冊加入校園網(wǎng)站，方便資源的攝取。 中小學(xué)網(wǎng)站建設(shè) 第 13頁 聯(lián)系我們：以郵件的方式聯(lián)系 ，有利于信息的溝通，信息不易丟失。 專題欄目 ：學(xué)生和老師共享的平臺。 網(wǎng)站的測評 網(wǎng)頁的測試 當(dāng)你的主頁編制成功后，要以一個讀者的身份，利用瀏覽器測試文檔資料的正確性和可用性。 (1)、瀏覽器兼容性測試。目前主要瀏覽器 Inter Explorer ，只要能在這種瀏覽器上瀏覽就可以了。一般我們做的網(wǎng)頁測試不存在兼容性的問 題，在通用的這種瀏覽器上一般情況下都能正常的瀏覽。 (2)、鏈接正確性的測試。我們做的網(wǎng)頁一般都用 Dreamweaver 檢查，我們做的靜態(tài)網(wǎng)頁鏈接的只是瀏覽頁面，圖片等，所以在 Dreamweaver 里指向鏈接屬性仔細檢查就可以了。 在瀏覽器測試中頁面都能正常瀏覽，就是注冊信息、學(xué)生頻道、聯(lián)系我們等欄目的功能不能充分實現(xiàn)，只能是簡單的頁面瀏覽。 2．網(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)航是否清晰。 中小學(xué)網(wǎng)站建設(shè) 第 14頁 第 4 章 網(wǎng)頁設(shè)計應(yīng)注意的問題 當(dāng)網(wǎng)站在進行具體的頁面設(shè)計過程中，還應(yīng)注意以下事項，可幫助我們?nèi)〉檬掳牍Ρ兜男Ч? 在網(wǎng)頁設(shè)計過程中主頁面的設(shè)計與子頁面的設(shè)計風(fēng)格應(yīng)該統(tǒng)一，采用一致的主色調(diào)，布局的風(fēng)格基本統(tǒng)一。 (1)、每一頁面都應(yīng)該有一個導(dǎo)航條，讓訪客清楚自己訪問的頁面所在的位置。 (2)、每一個頁面都應(yīng)該有一個導(dǎo)航塊，讓訪客能隨時切換到其它板塊中，可以隨時訪問其它的頁面。 (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 號字體。 首頁是網(wǎng)頁設(shè)計中的重中之重，直接影響到用戶對網(wǎng)站的整個印象。除了要注意一般網(wǎng)頁設(shè)計中要注意的問題，還要特別注意 (1)、首頁相當(dāng)于一張大的導(dǎo)航圖，可以根據(jù)首頁中反映的信息，使訪問的人易于找到他感興趣的內(nèi)容。 (2)、首頁應(yīng)能時刻顯示最新信息，吸引訪問者瀏覽?？梢酝ㄟ^增加更新鏈接、或在主頁中開辟一片區(qū)域顯示更新 內(nèi)容。不過我做的是靜態(tài)網(wǎng)頁，更新信息很不容易，所以在設(shè)計中 需 留有更新信息的空間。 中小學(xué)網(wǎng)站建設(shè) 第 15頁 第 5 章 主頁 設(shè)計 與實現(xiàn) 頁 設(shè)計 由于是校園網(wǎng)的設(shè)計所以版面不應(yīng)該和個人主頁那樣隨意，我做的網(wǎng)頁主要是靜態(tài)的，因此一些信息只能通過圖片和文字來反應(yīng)，用簡單的文字鏈接頁面進行信息的瀏覽，以圖片的形式反映教育狀況頁面比較簡潔。 如圖 51 校園網(wǎ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。} 中小學(xué)網(wǎng)站建設(shè) 第 16頁 a:hover { textdecoration: none。} a:active { textdecoration: none。} /style /head body table width=755 height=650 border=0 align=center cellpadding=0 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