搜索高級搜索

當前位置：論文格式網 -> 免費論文 -> 其他論文

動態網頁制作(二)

本論文在其他論文欄目，由論文格式網整理,轉載請注明來源www.donglienglish.cn,更多論文,請點論文格式范文查看
[教學策略]
本章所涉及到的知識點有動態網頁、靜態網頁、動態html、客戶端與服務器端，腳本、客戶端腳本等；需要掌握的操作有Java代碼的插入與css代碼應用。為了能到達更好的教學效果，在教學中我立足于教材但不拘泥與教材。我把整章大體分成asp部分的學習、java script部分學習、css部分的學習。每部分的學習是否吸引學生，好的切入點至關重要。學生對什么感興趣？新奇的、身邊的、直接關聯的。根據我校學生特點，我選擇以博客操作為切入點，以“在線考試系統登陸頁面”為研究對象，以“百年恩來”主題站點為素材，在教學中以師生共同發現問題、提出問題、解決問題為學習主線，應用任務教學法與半成品組裝法，讓學生處在“做中學、學中思、思中做”的狀態中，積極主動地完成知識的建構，達成學習目標。
Asp部分的學習，教師演示學生比較熟悉的博客后臺發表、修改、刪除主題等操作，共同觀察博客主頁相關主題的變化，讓學生之中關聯是應用了動態網站技術，在操作博客的同時展示數據庫相關記錄的變化，讓學生理解動態網站一般是基于數據庫基礎上的。然后在讓學生列舉其它常見的動態網頁技術的應用。由于博客系統中相當比較復雜，單個頁面分析比較困難，因此在分析asp工作原理時，我選用了“在線考試系統”，與“百年恩來”站點的首頁，讓學生比較分發到他們頁面的服務器的文件代碼與他們自己從ie端獲取代碼，得出靜態網頁兩邊的代碼相同而asp文件兩邊代碼不同的想象，然后通過排除法得出代碼處理動作發生在服務器端，接著讓學生自己分析這種處理是做了什么操作，讓學生剖析了asp文件代碼的同時，對操作中asp代碼與數據庫的信息交流過程有所了解，最后教師在把asp的工作步驟分解成小步，讓學生根據自己的理解去組裝，形成完整的asp的運行過程。最后指出，動態技術的還有同學們常用的搜索引擎，現在把動態html也成為動態網頁的重要組成部分。
java script部分的學習，分別展示加了java script效果前后的“百年恩來”網站，成品網站首頁加了歡迎來訪者的頁面效果、狀態欄效果，利用js為每個頁面加了鼠標特效，這些特效是經過精心選擇的，效果比較明晰，代碼相對不太復雜。所有代碼的應用方法，在相應的的txt文件中都有提示，因此教師只做簡單演示，大部分讓學生根據層層深入的任務自己去探索，在學生探索的過程中，教師不失時機地引導學生思考，如java script的特點、它是代碼是在哪端運行的，代碼是否需要編譯等。
Css部分的學習，演示博客的換膚功能，然后通過修改已經外聯了樣式表“百年恩來”網站中的css文件，來實現瞬間換膚功能，讓學生對換膚不再神秘，從而激發了他們的學習熱情。然后任務的引領下，通過自主學習與教師的啟發相結合，一步一步完成css的學習，最后總結。
[教學環境]
網絡機房、電子教室、投影儀
（一）Asp部分的學習
[課前準備]
準備好演示時使用的博客，準備好 “在線考試”系統登陸頁面和“百年恩來”網站首頁以及做好鏈接的兩個站點的word一個文件，當學生開機后統一分發的他們電腦桌面以便學生分析比較。
[教學過程]
師：在第四章的學習中大家都制作了個人網站，當前還有一種更加快捷的個人網站的創建方式，大家知道是什么？
生：個人博客
師：對，大家都擁有自己的個人博客，我們一起來回顧一下博客中網頁的創建、修改等操作。
[教師演示博客后臺操作，創建主題、修改主題、刪除主題，每次操作完總刷新一下首頁與相關主題，讓學生看到變化所在，同時同步下載博客數據庫，讓學生觀察每步數據庫的中記錄的變化，下載數據庫并且打開，看起來有些浪費時間，但學生直觀地看到數據庫的變化，體驗到數據庫對動態網站支持，因此就教學效果來看，是值得的]
師生共同總結：網站的動態生成是基于對數據庫的操作。
師：下面以asp站點為例子，來分析asp的工作原理，由于博客系統比較復雜，我們選擇大家比較熟悉的“在線考試系統”登陸界面來做分析。
任務一：登陸“在線考試系統”首頁，在ie中打開源程序，同時用記事本打開桌面上教師分發的“login.asp”文件，比較代碼的異同。
任務二：根據老師給的網址登陸“百年恩來”網站首頁，然后比較ie中的源程序與教師分發index.htm文件代碼的異同。
師：我們大家知道通過在ie中輸入網站，來訪問網站，ie端就是客戶端，發布網站那端就是服務器端，老師發到大家桌面上的文件，就是服務器上相應的源程序，而大家通過ie菜單打開的代碼就是其相應的客戶端程序代碼，大家通過比較有什么發現？
生：“百年恩來”首頁的服務器端代碼與客戶端代碼是相同的，而“在線考試系統”首頁的服務器端代碼與客戶端代碼是不相同的。
師：說明什么呢？對于靜態網頁來說，客戶端輸入網址，服務器端根據網址直接把相應頁面代碼發到客戶端，對于動態網頁，是進行了處理了，那這種處理是在服務器端完成還是客戶端呢？我們用排除法進行驗證。
任務三：右擊桌面的login.asp，用ie打開？觀察是否正常顯示？
生：不能正常顯示，顯示為源代碼。
師：說明asp文件代碼是在服務器端運行的，也就是處理過程發生在服務器端。服務器端是做了怎樣的處理呢？
任務四：再次比較登陸“在線考試系統”首頁在ie中源程序和桌面login.asp代碼，找出不同在什么地方。
生：html代碼沒有任何變化，但是%號中間的內容，有變化。
師：同學的觀察很仔細，asp文件代碼中包括html代碼也包括它自己的語言代碼，就是%以及其間的內容，這些內容在處理時聯通了數據庫，對數據庫進行了讀寫等操作，然后把操作后的結果展示出來。大家這時知道動態網頁為什么能“動”了吧。
生：通過對數據庫的操作，改變了網頁內容。
師：好，我們來理一下asp文件的工作流程。
任務五：把下列選項，按照大家理解的asp工作流程進行排序
服務器收到請求 b）客戶看到所需網頁 c) 服務器與數據庫交互數據完成“翻譯” d)在服務器端得到翻譯好的代碼 e）客戶輸入網址，發出請求 f）服務器發送翻譯好的代碼到客戶端
師：學到現在，我們對asp有了一定的體驗，那究竟什么是asp呢？asp是Active Server Page的縮寫，意為“動態服務器頁面”。其實它可有多重身份，它是一種動態網站技術，也是一種語言環境，也是一類文件的擴展名。當然動態網頁技術還有jsp、PHP等，日常應用中同學們比較熟悉的還有網絡搜索等。
任務五：下面我們通過填表，來總結一下動態網頁與靜態網頁特點
生：填表
靜態網頁動態網頁
運行于客戶端運行于服務器端
靜態網頁是實實在在保存在服務器上的文件只有當用戶請求時服務器才返回一個完整的網頁
沒有數據庫的支持以數據庫技術為基礎
每個網頁都有一個固定的URL 會隨不同客戶、不同時間，返回不同的網頁
師：動態網頁也可以是純文字內容的，也可以是包含各種動畫的內容，這些只是網頁具體內容的表現形式，無論網頁是否具有動態效果采用動態網站技術生成的網頁都稱為動態網頁。隨著網絡技術的發展，動態網頁涵蓋的范圍在不斷擴大，現在動態html也成為動態網頁的重要組成部分。那什么是動態html呢？我們下回分解。

（二）javascrip的學習
[課前準備]
用javascrip修飾“百年恩來”網站，成品網站首頁加了歡迎來訪者的頁面效果、利用js為每個頁面加了鼠標特效，這些特效是經過精心選擇的，效果比較明晰，代碼相對不太復雜。
學生開機后，用電子教室軟件發送沒有修飾的“百年恩來”網站與包含多個文本文件的素材文件夾到學生桌面。
[教學過程]
師：演示加效果前后的“百年恩來”網站，這些動態的效果是如何實現的呢？教師用記事本打開未修飾過的“百年恩來”網站首頁，同時打開素材中的“花隨著鼠標旋轉效果txt”文本文件，拷貝相關代碼到指定位置，保存，然后用ie瀏覽，效果顯示出來。
任務一：為首頁添加花隨著鼠標旋轉效果
分層任務：進一步根據提示相應效果代碼中的提示，完成在添加狀態欄走馬燈效果。
師：看來大家都已經會操作了，那這些代碼是什么呢？它是javasript代碼。代碼是通俗的說法，比較專業的說法叫腳本。用來寫這些代碼的語言就叫腳本語言如javasript語言。這些腳本語言根據針對不同分為服務器端腳本語言和客戶端腳本語言。
想一想：回顧一下我們剛才效果的瀏覽過程，javasript客戶端腳本語言還是服務器端腳本語言。
生：客戶端
師：對它的腳本可以直接在ie上運行，不需經過服務器編譯，可見java script是一面向瀏覽器的網頁腳本語言，比較常見的還有vbsript語言，都是動態html的組成部分。

首頁上一頁 1 2 3 下一頁尾頁 2/3/3

相關論文


上一篇：美麗家鄉——電子小報的分析與制作	下一篇：IP地址及其管理

Tags：動態網頁制作

【收藏】【返回頂部】

人力資源論文	金融論文
會計論文	財務論文
法律論文	物流論文
工商管理論文	其他論文
保險學免費論文	財政學免費論文
工程管理免費論文	經濟學免費論文
市場營銷免費論文	投資學免費論文
信息管理免費論文	行政管理免費論文
財務會計論文格式	數學教育論文格式
數學與應用數學論文	物流論文格式范文
財務管理論文格式	營銷論文格式范文
人力資源論文格式	電子商務畢業論文
法律專業畢業論文	工商管理畢業論文
漢語言文學論文	計算機畢業論文
教育管理畢業論文	現代教育技術論文
小學教育畢業論文	心理學畢業論文
學前教育畢業論文	中文系文學論文

最新文章

熱門文章

計算機論文

推薦文章