以记事本制作网页.ppt

程式語言 以記事本製作網頁 以記事本製作網頁 準備好製作網頁的前置工作後，本單元要實際製作個人網頁了。 透過本單元，同學應學會以 HTML 撰寫一個簡易的網頁，並熟悉一些常用的 HTML 標記。 一個簡單的範例 以記事本製作網頁的步驟 開啟記事本 撰寫 HTML 文件（含標記及文字內容） 另存新檔 - 存檔類型：所有的檔案(*.*) 副檔名務必為『.htm』 以瀏覽器（Explorer）開啟該 HTML 檔 記事本存檔步驟（一） 選『檔案』/『另存新檔』 記事本存檔步驟（二） 儲存於：目錄資料夾．．很重要！ 存檔類型：所有的檔案(*.*)．．很重要！ 輸入『檔案名稱』，務必給予『.htm』副檔名。 看圖例～ 記事本存 htm 圖例 標記與文字內容 HTML 文件是由一堆標記與一堆文字所組成。 標記語法 標記就好比是程式語言的指令 tag內容文字/tag font color=red這裡是紅字/font tag是標記的意思 標記範圍以tag為開始，以/tag為結束 table．．．．/table pre．．．．．/pre 字體大小變化 font size=4變化大小/font 1:8 2:10 3:12（標準預設值） 4:14 5:18 6:24 7:36 文字顏色 font color=red變紅色/font blue、black、yellow、green、white、pink、purple、orange 亂打也會變色，例：pighead 紅綠藍（RGB）三色值 字體變化 b粗體/b i斜體/i u加底線/u 標題 title海青排球社/title 『海青排球社』這幾個字會出現在瀏覽視窗的標題列上。 文字置中 center文字會置中/center 文字未置中 文字置中 插入圖片 img src=“filename” image source filename 是要填入圖檔的檔名 圖檔的格式，最好是GIF或JPG 此標記不必以/img來結束 圖片無法瀏覽常犯錯誤 副檔名給錯 檔案目錄錯誤 連結（瀏覽時出現手指） a href=“filename”按這裡/a anchor hyperlink reference filename是要連結的檔案，可以是圖檔，也可以是HTML文件，也可以是別站的網頁。 在瀏覽時，當滑鼠移到『按這裡』，就會變成『手指』符號，表示按下去會進行結連。 修改網頁的步驟 以記事本修改內容 存檔 進瀏覽器觀看，如果沒看到修改結果，必須按『重新整理』才會顯現修改後結果。 * * * 選『所有檔案』，輸入檔案名稱。 這就是圖片無法瀏覽的結果 *