（中職）Dreamweaver實例教程第2章教學課件_第1頁
（中職）Dreamweaver實例教程第2章教學課件_第2頁
（中職）Dreamweaver實例教程第2章教學課件_第3頁
（中職）Dreamweaver實例教程第2章教學課件_第4頁
（中職）Dreamweaver實例教程第2章教學課件_第5頁
已閱讀5頁，還剩9頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

1、正版可修改PPT課件（中職）Dreamweaver實例教程第2章教學課件第二章網頁的基本操作 本章學習目標: 1）了解并掌握在網頁中添加文本及其格式化的方法。2）會在網頁中插入水平線、日期/時間等網頁元素。3）了解Web頁中常用的幾種圖像格式，掌握插入圖像、編輯圖像和設置圖像屬性的方法。4）了解圖像編輯器的使用方法，會在網頁中插入翻轉圖像和導航條。2.1 在網頁中添加文本 重點提示：1）普通文本的添加及其格式化方法。2）插入水平線、日期/時間等網頁元素的方法。3）設置網頁屬性。 2.1 在網頁中添加文本實例1：制作一個以文本為主體的網頁。本實例應掌握的知識:1)在網頁中添加文本的兩種方法。2)

2、 網頁中多個空格的輸入方法。3) 網頁中將文本進行分段的操作方法。4）設置文本字體。5）設置文本字號 6）設置文本顏色。7）設置文本的對齊方式。課堂練習要求如下：1、大標題文字具體格式包括“字體”為“黑體”，“大小”為“36像素”，“顏色”為“黑色”，“對齊方式”為“居中對齊”。2、小標題文字具體格式包括“字體”為“宋體”，“大小”為“24像素”，“顏色”為“紅色”，“對齊方式”為“兩端對齊”。3、其他文本具體格式包括“字體”為“宋體”，“大小”為“18像素”，“顏色”為“藍色”，“對齊方式”為“兩端對齊”。練習最終效果2.1 在網頁中添加文本其他1、文本屬性面板介紹2、插入日期/時間 3、插

3、入水平線 4、設置網頁屬性 2.2 在網頁中添加圖像 重點提示：1）網頁中圖像及頁面背景圖像的插入方法。2）圖像屬性的設置及圖像編輯器的使用。3）插入翻轉圖像和導航條。4）圖像和文本的混合排版2.2 在網頁中添加圖像實例2：在網頁中插入一幅圖像。 本實例應掌握的知識：1）在網頁中插入圖像的方法 。2）圖象屬性設置。3）為圖象建立超級連接的方法。實例3：為網頁添加背景。2.2 在網頁中添加圖像實例4：制作一個翻轉圖像。翻轉圖像又稱鼠標指針經過圖像。其效果是：當鼠標指針指向某圖像時，該圖像會被另外一幅圖像所代替；當鼠標指針移開時，又會變回原圖像。實例5：制作一個導航條。 2.2 在網頁中添加圖像課堂練習利用前面講述的實例，自己動手制作一個翻轉圖像和導航條。2.3 綜合實訓實例6：制作一個圖文混排的網頁。實例效果如下圖。（點擊進入助教視頻） 本 章 小 結 本章主要通過實例講述網頁基本元素（文本和圖像）的編輯方法。目的是讓讀者能夠自己創建一個圖文并貌的網頁。通過本章的學習，讀者應熟練掌握圖像的插入與編輯技巧，能夠靈活運用圖像制作出翻轉

溫馨提示

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

評論

0/150

提交評論