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

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

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

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

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

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

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