本帖最後由 tony0938 於 2015-4-13 09:01 編輯
設計主題:影像網頁元件用語法設計-1 實作題1 [例題20] 使用 IMG 標籤加入圖形鄉下的小房子[例題21] 製作一個利用縮圖來連結到其原來的大型圖形魔法小精靈
[例題22] 要連到文繞圖的效果 魔法小精靈文繞圖的處理
要連到文繞圖的效果,可使用ALIGN的指令來處理。設定步驟如下:
1.輸入<IMG SRC="Magic_s.JPG"
2.設定ALIGN=RIGHT將圖形設定在右邊,文字則落在左邊;反之,設定ALIGN=LEFT將圖形設定在左邊,文字則落在右邊。
3.依需要將圖形設定在你所希望設定的位置。
4.輸入>完成圖形及位置的設定。
5.接下來設定文字。
[例題23] 兩個圖形的文繞圖處理 文繞圖處理要連到文繞圖的效果,可使用ALIGN的指令來處理。設定步驟如下:
1.輸入<IMG SRC="Magic_s.JPG"
2.設定ALIGN=RIGHT將圖形設定在右邊,文字則落在左邊;反之,設定ALIGN=LEFT將圖形設定在左邊,文字則落在右邊。
3.依需要將圖形設定在你所希望設定的位置。
4.輸入>完成圖形及位置的設定。
5.接下來設定文字。
必須注意事項在上課中已經有做完整說明,請學員請配合設計完成後繳交喔!
範例檔案:影像網頁元件用語法設計-1示範檔 (歡迎下載) ...請注意開檔案請用DREAMEAVER舊檔方式開啟
教學題做完的同學請把檔案回傳給我,以方便老師幫你們做檢查喔! 歡迎其他班別學員一起學習喔! 新加入學員可以將已經上線的學習作業檔、線上教育訓練檔、作品呈現檔下載下來 若是還有不了解之處學員們可利用回覆視窗與我聯絡喔! 聯成電腦 版主位置:職訓多媒體&網頁設計班 tony黃正升老師 1040412
|