5.1.1動態(tài)HTM.doc

動態(tài)html環(huán)境要求：學(xué)生完成上機登記后，安裝360安全瀏覽器1.1引入： 欣賞兩張網(wǎng)頁，“練習(xí).html”和“index.html”1.2什么是動態(tài)html？思考：動態(tài)html和動態(tài)網(wǎng)頁一樣嗎？ gif圖片動態(tài)效果是動態(tài)html效果嗎？動態(tài)html：是一種網(wǎng)頁制作方式，網(wǎng)頁在脫離網(wǎng)絡(luò)環(huán)境的狀態(tài)下，能夠產(chǎn)生動態(tài)效果。如：光標(biāo)劃過一段文字，文字變成藍色。動態(tài)網(wǎng)頁：服務(wù)器端可以根據(jù)客戶端的不同請求動態(tài)產(chǎn)生網(wǎng)頁內(nèi)容，動態(tài)網(wǎng)頁的后綴名通常根據(jù)所用的程序設(shè)計語言的不同而不同，一般為.asp、.aspx、cgi、.php、.perl、.jsp等。動態(tài)網(wǎng)頁可以根據(jù)不同的時間、不同的瀏覽者顯示不同的信息。常見的留言板、論壇、聊天室都是用動態(tài)網(wǎng)頁實現(xiàn)的。2.1如何在網(wǎng)頁中添加動態(tài)html效果？三種方式： frontpage中的web組件 css層疊樣式表 JavaScript客戶端腳本語言2.2.1任務(wù)一：通過web組件添加動態(tài)字幕在frontpage軟件中打開“練習(xí).html”網(wǎng)頁，完成如下操作：操作要求：將文字“各位同學(xué)來到我的主頁”添加字幕效果。操作提示：“插入web組件動態(tài)效果字幕”完成后保存網(wǎng)頁，通過瀏覽器打開網(wǎng)頁查看效果。2.2.2任務(wù)二：通過css層疊樣式表添加動態(tài)效果什么是css層疊樣式表？用于定義HTML內(nèi)容在瀏覽器內(nèi)顯示的樣式, 比如文字, 顏色, 視覺上的靜態(tài)效果, 布局等等. 如果說HTML是網(wǎng)頁開發(fā)的根本, 那么CSS就是修飾網(wǎng)頁的那支美工筆。css樣式表文件的后綴名為.css。Css樣式表引入方式：通過在網(wǎng)頁的.區(qū)域插入標(biāo)簽引入css樣式表，并且通過兩次“屬性=屬性值”的方式進行聲明，其中href屬性來表示引入樣式表的位置，rel屬性進行聲明，表示引入的是樣式表單。操作要求：在代碼視圖中，通過標(biāo)簽，在“練習(xí).html”引入css/menu.css文件,實現(xiàn)動態(tài)效果。（注意輸入代碼時，輸入法為英文輸入法）完成后保存網(wǎng)頁，通過瀏覽器打開網(wǎng)頁查看效果。2.2.3任務(wù)三：通過javascript腳本語言實現(xiàn)動態(tài)效果什么是javascript客戶端腳本語言？是一種可以嵌套在網(wǎng)頁中使用的，直接在客戶端進行編寫使頁面發(fā)生動態(tài)變化的腳本語言。Javascript文件的后綴名為.jsJavascript在網(wǎng)頁中的引用方式：Javascript代碼在網(wǎng)頁的.區(qū)域添加.標(biāo)簽，將javascript代碼放在標(biāo)簽來實現(xiàn)。操作要求：在frontpage中新建一個網(wǎng)頁，試一試“js”文件夾中的，javascript特效。注意瀏覽特效時先保存網(wǎng)頁，再通過IE瀏覽器打開。提高任務(wù)：在網(wǎng)頁中引入外部js文件，實現(xiàn)Javascript效果。引入方式： 操作要求：在“練習(xí).html”網(wǎng)頁中，引入“js/index.js”3.1在開源的網(wǎng)絡(luò)環(huán)境中，css樣式文件，js動態(tài)效果文件都能夠在網(wǎng)上找到，同學(xué)們在使用時