在Dreamweaver網(wǎng)頁中插入滾動文字

Dreamweaver網(wǎng)頁文字滾動效果的制作——黃先竹§制作網(wǎng)頁文字滾動效果一、插入滾動文字教師演示在網(wǎng)頁中插入滾動文字

大家好§制作網(wǎng)頁文字滾動效果Ⅰ、定位插入點

Ⅱ、執(zhí)行“插入對象”→“標簽”一、插入滾動文字方法：§制作網(wǎng)頁文字滾動效果§制作網(wǎng)頁文字滾動效果Ⅲ、選擇“HTML標簽”→選取“marquee”指令代碼→插入

一、插入滾動文字§制作網(wǎng)頁文字滾動效果§制作網(wǎng)頁文字滾動效果

Ⅳ、關(guān)閉對話框

Ⅴ、在Dreamweaver窗口代碼視圖中插入點“<marquee></marquee>”代碼處輸入文字一、插入滾動文字§網(wǎng)頁文字滾動效果§網(wǎng)頁文字滾動效果建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果輸入文字后，不按回車鍵結(jié)束，鼠標在設(shè)計視圖中任意位置單擊在網(wǎng)頁編輯窗口中無法顯示滾動效果，需要按F12鍵在瀏覽器中查看。提示：§制作網(wǎng)頁文字滾動效果“direction”屬性設(shè)置字幕內(nèi)容的滾動方向。二、設(shè)置滾動文字屬性1、改變滾動文字運動方向§制作網(wǎng)頁文字滾動效果Ⅰ、切換到“拆分”視圖Ⅱ、光標定位到“<marquee>”代碼右側(cè)，按下“空格”鍵，打開標簽列表框二、設(shè)置滾動文字屬性方法：§制作網(wǎng)頁文字滾動效果空格§制作網(wǎng)頁文字滾動效果Ⅲ、雙擊“direction”，→雙擊選擇方向標簽§制作網(wǎng)頁文字滾動效果down：向下滾動left：向左滾動right：向右滾動up：向上滾動二、設(shè)置滾動文字屬性direction用法建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果教師演示：“大家好”文字向上滾動二、設(shè)置滾動文字屬性任務(wù)學(xué)生完成：更改“index.html”網(wǎng)頁中已有滾動文字“溫馨之家”滾動方向向右建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果對比網(wǎng)頁網(wǎng)頁A網(wǎng)頁B§制作網(wǎng)頁文字滾動效果“scrolldelay”屬性設(shè)置滾動速度。二、設(shè)置滾動文字屬性2、改變文字滾動速度在代碼視圖中設(shè)置速度快慢的參數(shù)值§制作網(wǎng)頁文字滾動效果繼續(xù)輸入空格§制作網(wǎng)頁文字滾動效果建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果操作：將“溫馨之家”參數(shù)值分別設(shè)置為“50”和“500”，觀看其效果二、設(shè)置滾動文字屬性任務(wù)建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果除了今天學(xué)習(xí)的滾動效果，同學(xué)們還想做什么效果呢？知識拓展思想有多遠，你就能走多遠！建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果1、熟練掌握在Dreamweaver中掌握插入滾動文字的方法，認識滾動文字代碼2、理解并掌握設(shè)置文字滾動方向改變文字滾動速度的方法課堂小結(jié)建議總結(jié)Proposals§制作網(wǎng)頁文字滾動效果