預定時間:6節
教學目的:
結合前次上課所學 英文打字練習,並熟悉符號之輸入、熟悉複製貼上之操作技巧。
應用於網頁設計上,手工打造簡單個人網頁,以便了解基礎網頁結構。
順便學習幾個常用的英文單字。例如:顏色
什麼是 H T M L ?
Hyper Text Markup Laguage 超文件標記語言
為一種電腦語言 用來標記一篇文章中何處應該用何種效果的顯示。一般網際網路上的網頁都是利用HTML來加註標籤,而後經過瀏覽器翻譯標籤,以顯示特定的效果。
簡言之 HTML 為設計網頁最基本的語法
參考網路資源 html 語法教學 http://www.dlps.tc.edu.tw/html_teach/
課程(一):使用記事本建立網頁檔案
記事本,存檔時,存檔類型選所有檔案,副檔名 .html
字型標籤: < font > 文字放這裡 </font>
大小:size =
1 ~7 ( 數字愈大,字體愈大 )
顏色:color =
red 紅色、green 綠色、blue 藍色、yellow 黃色、black黑色、white 白色
#紅紅綠綠藍色
數字:0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f
數字愈大,顏色愈亮
rgb (紅,綠,藍)
數字: 0 ~ 255 ( 由最暗到最亮)
範例: <font size=7 color=blue > 大家好 </font>
注意:要開兩個視窗,一個是記事本,一個是網頁瀏覽器
課程(二):加入圖片
標籤:<img src="圖片路徑及名稱">
img:images 的簡寫,圖片
src:source 的簡寫,資料來源
參數:圖片大小 高 height 寬 width 單位 像素(px)
參數:圖片大小 原圖片的百分之多少
作業:html 插入兩張圖,並且高度要一樣高,同時顯示在螢幕上
課程(三):跑馬燈
http://www.pcnet.idv.tw/pcnet/html/html.htm ( HTML 教學 )
https://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/marquee
behavior
設定文字如何在 marquee 內捲動。可用值為 scroll、slide、alternate。若無指定,預設值為 scroll。
bgcolor
透過色彩名或十六進位值指定背景顏色。
direction
設定 marquee 內的捲動方向。可用值為 left、right、up、down。若無指定,預設值為 left。