學科知識網(wǎng)站設計與制作1

學科知識網(wǎng)站設計與開發(fā)化學學科網(wǎng)站班級：姓名：學號：________設計時間：__指導教師：___________《化學學科》網(wǎng)站的設計與開發(fā)1．確定教學內(nèi)容范圍該網(wǎng)站對初中和高中的學生均適用,在內(nèi)容上包括化學資訊、化學專題、化學實驗、備考資訊、課外知識和學法指導。在首頁你可以搜索相關(guān)的初高中化學知識，下載有用的信息，還可以通過教師園地來掌握學習化學的正確方法。除此之外，通過學科動態(tài)，你可以了解今年的中考或高考有什么變化，做到知己知彼。該網(wǎng)站能夠幫助學生更好的學習化學以及與化學有關(guān)的知識。2．分析學習者特征初中生和高中生朝氣蓬勃，風華正茂，在各方面都表現(xiàn)出積極向上的趨勢。但是他們也只是剛剛達到成熟時期，他們的認識能力、水平還不是很高，所以要求網(wǎng)站具有很好的邏輯結(jié)構(gòu)，條理清晰，引導學生感知、理解知識，在講解方面要做到循序漸進，讓學生逐步理解，這樣才能理解的更加透徹，從而做到舉一反三。有些初高中學生的意志力比較薄弱，很難促使自己全心地投入學習，這就要求網(wǎng)站具有一定的趣味性，讓學生在輕松之余掌握學習知識。學生們在學習中會遇到多種多樣的問題，我們要盡量幫助他們找到正確的學習方法，讓他們少走彎路，更好地將精力投入到學習中去。3．明確教學目標該網(wǎng)站通過對初高中化學知識的詳細講解，使學習者在牢固的掌握化學知識的基礎(chǔ)上獲得更全面的相關(guān)知識。網(wǎng)站的設計要生動，學生的學習才能主動，學生可以自由的進行學習，在研究相關(guān)化學問題是要讓學生感受到化學問題研究的樂趣和成功的喜悅，此外，考慮全體學生普遍具有的學習準備狀態(tài)和一些共同的心理特征的同時，也要考慮學生的個性差異，制定相應的學法指導，使每個學生都學有所得，從而得到充分的發(fā)展。4．鏈接結(jié)構(gòu)圖化學學科化學學科網(wǎng)站化學實驗化學資訊化學專題備考資訊學法指導首頁化學實驗化學資訊化學專題備考資訊學法指導首頁轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層 轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層轉(zhuǎn)下一層5．故事版本頁主題：首頁文件名：index.html文件夾：學科網(wǎng)站故事版編號：001一級標題：藍色與橘色漸變字體正文：五號黑色字體背景色：白色頁面內(nèi)容技術(shù)要求LLogo首頁化學資訊化學專題化學實驗備考資訊學法指導資源下載區(qū)信息廣角考試動態(tài)友情合作相關(guān)內(nèi)容及圖片表格的編輯Css樣式超鏈接的設置JavaScript的引用PHOTOSHOPDREAMWEAVER鏈接源鏈接目標鏈接源鏈接目標注釋化學資訊002化學專題003化學實驗004備考資訊005學法指導006圖像文件名文件夾尺寸beijing.jpgimage100*50jieshao.jpgimage本頁主題：化學資訊文件名：hxzx.html文件夾：學科網(wǎng)站故事版編號：002一級標題：藍色與橘色漸變字體正文：五號黑色字體背景色：白色頁面內(nèi)容技術(shù)要求LLogo首頁化學資訊化學專題化學實驗備考資訊學法指導新聞熱點課外博覽教學教研化學圖庫刊物推薦相關(guān)內(nèi)容及圖片表格的編輯Css樣式超鏈接的設置JavaScript的引用PHOTOSHOPDREAMWEAVER鏈接源鏈接目標鏈接源鏈接目標注釋首頁001化學專題003化學實驗004備考資訊005學法指導006圖像文件名文件夾尺寸beijing.jpgimage100*50jieshao.jpgimage本頁主題：化學專題文件名：hxzt.html文件夾：學科網(wǎng)站故事版編號：003一級標題：藍色與橘色漸變字體正文：五號黑色字體背景色：白色頁面內(nèi)容技術(shù)要求LLogo首頁化學資訊化學專題化學實驗備考資訊學法指導高考專題中考專題競賽專題詳細解析相關(guān)內(nèi)容及圖片表格的編輯Css樣式超鏈接的設置JavaScript的引用PHOTOSHOPDREAMWEAVER鏈接源鏈接目標鏈接源鏈接目標注釋首頁001化學資訊002化學實驗004備考資訊005學法指導006圖像文件名文件夾尺寸beijing.jpgimage100*50jieshao.jpgimage本頁主題：化學實驗文件名：hxsy.html文件夾：學科網(wǎng)站故事版編號：004一級標題：藍色與橘色漸變字體正文：五號黑色字體背景色：白色頁面內(nèi)容技術(shù)要求LLogo首頁化學資訊化學專題化學實驗備考資訊學法指導初高中所有的重要實驗講解配有實驗裝置圖表格的編輯Css樣式超鏈接的設置JavaScript的引用PHOTOSHOPDREAMWEAVER鏈接源鏈接目標鏈接源鏈接目標注釋首頁001化學資訊002化學專題003備考資訊005學法指導006圖像文件名文件夾尺寸beijing.jpgimage100*50jieshao.jpgimage本頁主題：備考資訊文件名：bkzx.html文件夾：學科網(wǎng)站故事版編號：005一級標題：藍色與橘色漸變字體正文：五號黑色字體背景色：白色頁面內(nèi)容技術(shù)要求LLogo首頁化學資訊化學專題化學實驗備考資訊學法指導高考資訊中考資訊難點資訊相關(guān)內(nèi)容及圖片表格的編輯Css樣式超鏈接的設置JavaScript的引用PHOTOSHOPDREAMWEAVER鏈接源鏈接目標鏈接源鏈接目標注釋首頁001化學資訊002化學專題003化學實驗004學法指導006圖像文件名文件夾尺寸beijing.jpgimage100*50jieshao.jpgimage本頁主題：學法指導文件名：xfzd.html文件夾：學科網(wǎng)站故事版編號：006一級標題：藍色與橘色漸變字體正文：五號黑色字體背景色：白色頁面內(nèi)容技術(shù)要求LLogo首頁化學資訊化學專題化學實驗備考資訊學法指導策略研究第二課堂學法總結(jié)相關(guān)內(nèi)容及圖片表格的編輯Css樣式超鏈接的設置JavaScript的引用PHOTOSHOPDREAMWEAVER鏈接源鏈接目標鏈接源鏈接目標注釋首頁001化學資訊002化學專題003化學實驗004備考資訊005圖像文件名文件夾尺寸beijing.jpgimage100*50jieshao.jpgimage6．素材列表識別信息項目化學學科網(wǎng)站表格應用范圍所有html頁編號設計人高志紅相關(guān)規(guī)格表顏色規(guī)格表文字段落備注字體字號字型顏色背景行間距對齊方式寬度間距縮進基本標準默認字體小四默認黑色圖片1倍左對齊00正文默認字體小四默認黑色圖片1倍左對齊00頁端標語宋體二號默認紫色圖片1倍左對齊00正文標題宋體四號加粗橘色圖片1倍左對齊00表格內(nèi)容默認字體小四默認黑色圖片1倍左對齊00正文鏈接默認字體小四默認黑色圖片1倍左對齊00框架目錄鏈接默認字體四號默認黑色圖片1倍左對齊00框架目錄文字默認字體四號默認黑色圖片1倍左對齊00項目列表1宋體三號默認藍色紅色1倍左對齊00項目列表2默認字體四號默認黑色圖片1倍左對齊00腳注7.制作技術(shù)在制作網(wǎng)站時，首先，確定網(wǎng)站的主題，然后，對網(wǎng)站進行布局和規(guī)劃。確定此網(wǎng)站是由幾個子頁所組成。在確定了這些步驟后，然后就是下載所需要的資料，資料來源主要是一些與化學習題、實驗等學習相關(guān)的文本和圖片，這些資源大部分來自互聯(lián)網(wǎng)上，下載完成后要有規(guī)則的分類存放，圖片都放在image文件夾中，文本性的東西放在文本文件夾中，這樣在用資料的時候可以很容易找到，為網(wǎng)站的制作節(jié)省了時間。準備條件都完成了之