在Dreamweaver網頁中插入滾動文字_第1頁
在Dreamweaver網頁中插入滾動文字_第2頁
在Dreamweaver網頁中插入滾動文字_第3頁
在Dreamweaver網頁中插入滾動文字_第4頁
在Dreamweaver網頁中插入滾動文字_第5頁
已閱讀5頁，還剩20頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

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

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

一、插入滾動文字§制作網頁文字滾動效果§制作網頁文字滾動效果

Ⅳ、關閉對話框

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

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論