【正文】 希望各位評(píng)委老師和同學(xué)給予指正與建議。從當(dāng)初的 在網(wǎng)上 查閱 資料 ，到現(xiàn)在的網(wǎng)站運(yùn)行，這中間有很多值得回味的地方 。 主頁(yè)的實(shí)現(xiàn) 主頁(yè)設(shè)計(jì)代碼如下： !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 167。 (1)合理留出頁(yè)面空白，不能將頁(yè)面塞得太滿。 (3)網(wǎng)站便用性。 167。 （ 5） 注冊(cè)信息：注冊(cè)加入校園網(wǎng)站，方便資源的攝取。 網(wǎng)站建設(shè)項(xiàng)目的流程 網(wǎng)站建設(shè)流程圖如圖 所示： 2 圖 網(wǎng)站建設(shè)流程圖 167。 (3)制定網(wǎng)站開發(fā)的方案。 色彩搭配 網(wǎng)頁(yè)的色彩是樹立網(wǎng)站形象的關(guān)鍵之一，網(wǎng)頁(yè)的背景、文字、圖標(biāo)、邊框、超鏈接等 都要用到色彩。 167。 本網(wǎng)站的建設(shè)主要是為了 全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排與招生政策等信息內(nèi)容，使學(xué)生及家長(zhǎng) 增加 對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長(zhǎng)與學(xué)校之間的聯(lián)系 ，提高學(xué)校的教學(xué)質(zhì)量，讓學(xué)校信息及時(shí)散布。 網(wǎng)站建設(shè)的總體規(guī) 劃及設(shè)計(jì) 167。 167。由于利 用 Flash可以設(shè)計(jì)強(qiáng)大的動(dòng)畫效果，所以 Flash動(dòng)畫已發(fā)展成為一種獨(dú)特的藝術(shù)形式。 167。中小學(xué)校園網(wǎng)絡(luò)作為一種在中小學(xué)應(yīng)用的局域網(wǎng)，有其特定含義和應(yīng)用范疇，我們可以將校園網(wǎng)定義為：一種為學(xué)校學(xué)習(xí)活動(dòng)、教學(xué)活動(dòng)、科研活動(dòng)和管理活動(dòng)服務(wù)的校園內(nèi)局域網(wǎng)絡(luò)環(huán)境，并且它是建構(gòu)在多媒體技術(shù)和現(xiàn)代網(wǎng)絡(luò)技術(shù)之上并與因特網(wǎng)連接的。在不久的將來(lái)，網(wǎng)絡(luò)必將成 為和電話一樣通用的工具，成為人們生活、工作、學(xué)習(xí)中必不可少的一部分 。 各模塊的設(shè)計(jì) .................................................... 8 167。 開發(fā)工具的選用及介紹 ............................................ 2 第二章 網(wǎng)站總體分析與設(shè)計(jì) ............................................. 4 167。隨著中學(xué)校校園工程的展開，中學(xué)信息化進(jìn)程的逐步深入，專業(yè)信息技術(shù)老師的逐步充實(shí)，各中學(xué)的校園網(wǎng)平臺(tái)正在逐步發(fā)生可喜的變化，如從無(wú)到有、平臺(tái)管理落實(shí)到人、教職員工信息技術(shù)培訓(xùn)正在逐步展開并得到落實(shí)； 校園網(wǎng)是建構(gòu)在多媒體技術(shù)和現(xiàn)代網(wǎng)絡(luò)技 術(shù)之上的為教學(xué)活動(dòng)、科研活動(dòng)、管理活動(dòng)服務(wù)的并與因特網(wǎng)連接的校園內(nèi)的局域網(wǎng)絡(luò)環(huán)境，是一種教育科研網(wǎng)絡(luò)。s information, school profiles, teaching and research, mental health, campus news, a parent center, students Channel, registration, messages and other functions. Keywords:Dreamweaver,photoshop,school websites 目 錄 引 言 ................................................................. 1 第一章 需求分析 ....................................................... 2 167。 色彩搭配 ........................................................ 6 第 三 章 詳細(xì)設(shè)計(jì) ........................................................ 7 167。 Inter 是一個(gè)資源的網(wǎng)絡(luò)，其中擁有的信息資源幾乎覆蓋所有的領(lǐng)域。創(chuàng)新性教學(xué)體現(xiàn)了素質(zhì)教育的本質(zhì)和核心內(nèi)涵 ,是實(shí)施素質(zhì)教育的基本途徑 ,并具有重要的推動(dòng)作用。 通過(guò)網(wǎng)站 的建設(shè) ，宣傳展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排與招生政策等信息內(nèi)容，使學(xué)生及家長(zhǎng) 增加 對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長(zhǎng)與學(xué)校之間的聯(lián)系，在 Inter 網(wǎng)上，讓學(xué)生及家長(zhǎng)及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分事務(wù)，提高辦事效率 ,給學(xué)生、家長(zhǎng)與學(xué)校最方便的聯(lián)系橋梁。此次設(shè)計(jì)中采用photoshop 編輯圖片。 根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分： （ 1） 學(xué)校風(fēng)采 通過(guò)學(xué)校概括、教師風(fēng)采、學(xué)生頻道及部分圖片等內(nèi)容來(lái)展現(xiàn)。 （ 5） 以校園網(wǎng)絡(luò)為依托，建立各種課程的計(jì)算機(jī)輔助教學(xué)、多媒體教學(xué)課件演示。無(wú)論網(wǎng)站采用何種形式，什么樣的外觀，提供什么 的 內(nèi)容 ，都要以網(wǎng)站的最終目的為出發(fā)點(diǎn)來(lái)考慮。 4 167。 167。 網(wǎng)站設(shè)計(jì)的流程 167。 (1)軟件自動(dòng)生成 利用軟件生成站點(diǎn)，具有功能強(qiáng)、效率高、費(fèi)用低等優(yōu)點(diǎn)，但存在使用不方便、站點(diǎn)模式有限、不能滿足 校園 的實(shí)際情況等缺點(diǎn)。 各模塊的設(shè)計(jì) (1)學(xué)校概況：對(duì)校園的簡(jiǎn)單介紹，展現(xiàn)校園風(fēng)采。一般我們做的網(wǎng)頁(yè)測(cè)試不存在兼容性的問(wèn)題，在通用的這種瀏覽器上一般情況下都能正常的瀏覽。 (2)網(wǎng)頁(yè)語(yǔ)言正確性。 (1)每一頁(yè)面都應(yīng)該有一個(gè)導(dǎo)航條，讓訪客清楚自己訪問(wèn)的頁(yè)面所在的位置。 (4)每幅頁(yè)面中使用的顏色不要太多，彼此協(xié)調(diào)。不過(guò)我做的是靜態(tài)網(wǎng)頁(yè)，更新信息很不容易，所以在設(shè)計(jì)中需留有更新信息的空間。} a:active { textdecoration: none。 不過(guò)，在 網(wǎng)站建設(shè) 過(guò)程中，好多知識(shí)都是隨學(xué)隨用，就增加了很多不必要的麻煩。這次畢業(yè)設(shè)計(jì)過(guò)程中，得到了老師的大力支持，在設(shè)計(jì)過(guò)程中有指導(dǎo)老師的悉心指導(dǎo)，為我指點(diǎn)迷津，精心點(diǎn)撥，幫我開拓思路，對(duì)老師的感激之情我無(wú)法用語(yǔ)言來(lái)表達(dá)只能發(fā)自內(nèi)心的說(shuō)聲“謝謝”，同時(shí)也得到了同學(xué)、舍友的幫助，在此表示衷心的感謝！ 1 參考文獻(xiàn) [1] 孫東海 .網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)詳解 [M].北京：電子工業(yè)出版社 [2] 華之鳳 .網(wǎng)頁(yè)配色寶典 [M].中國(guó)電力出版社 [3] 卓文 .輕松學(xué)網(wǎng)頁(yè)設(shè)計(jì)與制作 [M].上海 :上?？茖W(xué)普及出版社 [4] 徐一明 .網(wǎng)頁(yè)設(shè)計(jì)與制作 [M].人民郵電出版社 。 這次網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn)我用到的軟件主要有 Photoshop、 Dreamweaver、 Word。} a:visited {textdecoration: none。 (2)首頁(yè)應(yīng)能時(shí)刻顯示最新信息，吸引訪問(wèn)者瀏 覽。 (3)對(duì)于表格、最好用絕對(duì)定位的方式即以像素為單位，這樣可避免屏幕分辨率對(duì)網(wǎng)頁(yè)內(nèi)容顯示的影 響。 在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中主頁(yè)面的設(shè)計(jì)與子頁(yè)面的設(shè)計(jì)風(fēng)格應(yīng)該統(tǒng)一，采 用一致的主色調(diào)，布局的風(fēng)格基本統(tǒng)一。 (1)鏈接有效性。 網(wǎng)頁(yè)的測(cè)試 (1)瀏覽器兼容性測(cè)試。最終以實(shí)現(xiàn)既能使用戶學(xué)到知識(shí)的同時(shí) ,又提高用戶的學(xué)習(xí)興趣為目的。 (6)全面負(fù)責(zé)單位 167。 所以文山中學(xué)的 網(wǎng)頁(yè) 采用到了 色彩涉及到藝術(shù)知識(shí)，在色彩搭配上要注意色彩的鮮明性、獨(dú)特性、合適性、聯(lián)想性 。多數(shù)復(fù)雜的網(wǎng)站會(huì)綜合應(yīng)用到幾種不同的結(jié)構(gòu)圖。只有清楚確認(rèn)網(wǎng)站的客戶群體、客戶的需求、客戶的興趣，才可能在網(wǎng)站上提供客戶所需要的內(nèi)容和信息，留住目標(biāo)客戶群體，網(wǎng)站才能獲得成功。 對(duì)于網(wǎng)站設(shè)計(jì)來(lái)說(shuō)，這種溝通不僅應(yīng)了解該網(wǎng)站要運(yùn)行什么應(yīng)用程序，需要如何連接單位現(xiàn)有系統(tǒng)等，還需知道這個(gè)網(wǎng)站希望達(dá)到什么樣的目的，即必須清楚網(wǎng)站的目標(biāo)市場(chǎng)在那里。 （ 3） 校內(nèi)電子郵件系統(tǒng)：通過(guò)網(wǎng)絡(luò)進(jìn)行信息交換，隨時(shí)隨地地取得學(xué)校各教研室、各有關(guān)部門的資料，增進(jìn)學(xué)校內(nèi)教師、學(xué)生以及各部門之間的溝通聯(lián)系。我主要在網(wǎng)頁(yè)設(shè)計(jì)中用了一個(gè) Flash 來(lái)體現(xiàn)校園情況。相比較而言， photoshop 可以做出比較復(fù)雜的平面效果，但不適合于團(tuán)隊(duì)開發(fā)，故目前普及面不是很廣。 167。創(chuàng)新性的教學(xué)能激活、啟動(dòng)學(xué)生自主學(xué)習(xí)的動(dòng)力系統(tǒng) ,能培養(yǎng)學(xué)生的創(chuàng)新意識(shí)、創(chuàng)新思維、創(chuàng)新情感和創(chuàng)新能力。 主頁(yè)的實(shí)現(xiàn) ..................................................... 11 結(jié)論 .................................................................. 18 致謝 .................................................................. 19 參考文獻(xiàn) .............................................................. 20 1 引 言 在 Inter 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道 。 網(wǎng)站建設(shè)的總體規(guī)劃及設(shè)計(jì) ........................................ 4 167。 關(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