【 為什麼單獨使用? 】 |
1. 首先開啟「記事本」(方法是「開始」-「程式集」-「附屬應用程式」-「記事本」就能開啟了!)
![]() 【圖-01說明】利用滑鼠右鍵的「貼上」或是按「CTRL+V」都可以將複製的東西貼上。 ![]() 【圖-02說明】點選「檔案」裡的「儲存檔案」,就可以將檔案儲存。將檔案存檔後,就大功告成了! (在硬碟底下建個子目錄,我們就在C:底下建一個名為 demo 的子目錄,並將我們編輯的網頁存成 demo.htm 好了。) ![]() 【圖-03說明】網頁的副檔名是htm或是html,所以千萬記得,請在檔名的地方請直接輸入完整檔名及副檔名,否則記事本會將之存成:檔名.txt,那麼瀏覽器就讀不出來啦!如本例就直接輸入demo.htm然後存檔即可。 |
![]() |
1. 以上看到的就是一篇最簡單架構的網頁。沒錯,網頁其實就是一堆標籤(所謂標籤就是指被<>包起來的語法)集合起來的,透過瀏覽器的消化整理,就便成了美侖美奐的網頁了。
2. 簡單而言,通常一份完整的網頁包含了二個部份:抬頭(HEAD)、文件本體(BODY)。也就是各位在上面所看到的 <HEAD></HEAD >以及 <BODY></BODY> 。 3. 在抬頭的部份 <HEAD></HEAD> 中,有另一組標籤 <TITLE></TITLE> 。打在 <TITLE></TITLE> 這裡面的文字會出現在瀏覽器視窗最上頭藍色部份裡,當作一篇網頁的主題。 4. 您可能會發現,為什麼一直沒提到 <HTML></HTML> 這一組標籤,嗯!因為它可有可無。這一組標籤是告訴瀏覽器說:我是一份 HTML 文件喔!也就是說它是一個網頁的格式啦!通常都包在網頁的最上下兩端,將所有的原始碼都包起來。 |
![]() |
1. 剛剛有存檔了嗎?您的網頁應該是存在 c:\demo\demo.htm 。 2. 在您瀏覽器的位址輸入欄裡輸入 C:\demo\demo.htm 或是 file:///C|/demow/demo.htm 吧!(因為每個瀏覽器開硬碟檔案的程序都不太一樣,所以用這樣的方法比較一致。) 3. 如何看到您的第一個網頁了嗎? ![]() 【圖-04說明】要在硬碟中瀏覽我們做過的成品很簡單,首先我們開啟瀏覽器,然後輸入我們剛剛存檔的位置 c:\demo\demo.htm 看看,看是否能正確顯示無誤。您也可以按網頁範例【demo.htm】,立即看看這篇網頁的樣子。 |
![]() |
1. 一般而言,一個網站的首頁名稱均訂為 index.htm 或是 index.html 一定要小寫喔!,只要一進該網站,瀏覽器便會自動的找出
index.htm 這個檔,並且自動的去瀏覽 index.htm 的內容。 2. 檔案大小寫一定要注意,沒事的話,檔名最好全部都用「英文小寫字母」來命名,因為,在我們的電腦中,INDEX.HTM 和 index.htm 是一樣的檔案,但上了網路之後,網站伺服器可是會認為這是不同的兩個檔案,此時,若是沒注意,那可就糗大了! 3. 您發現了嗎?同一個標籤,好像都有兩個,唯一不同的是,後面的那一組多了一個〝 / 〞,如:<BODY></BODY>。前面的 <BODY> 是起始標籤,後面的 </BODY> 是結束標籤。大部分的標籤都是二個一組,不過也有單一個的喔!這留著以後說。 |