○HTML先修班:第一課○
課程內容:
- 設備─製作網頁所必備的
- 基本的HTML─什麼是HTML
- 基本的標籤(tags)─網頁上一定要有的標籤
- 主機(hosting)─網頁置放的地方
- 家庭作業─開始動手製作網頁
- 網頁上傳(uploading)─將做好的網頁放到網路上
一. 設備
製作網頁只需要幾樣東西:
1. 能上網的電腦
2. 文字編輯器(text editor),如Windows的記事本
3. 網路瀏覽器(browser)
二. 基本的HTML
製作網頁本質上是在撰寫文字,但你必須給予指令讓文字如何呈現。
例如,當你在Word裡面寫一封信,預設的字體通常是"新細明體"。如果你要改變字型,你必須下指令給Word來改變你希望的字型。Word將這些指令都隱藏在文件的實質內容裡,但在HTML這些都是公開呈現的。
HTML是用標籤包裝的文字,這些標籤會指示瀏覽器如何轉譯這些文字。HTML的標籤很容易辨識,因為它們都放在小於"<"和大於">"的符號裡面。
HTML的句子寫起來會像這樣:這句子裡面有 <i>斜體字</i>和<b>粗體字</b>。
瀏覽器會忠實呈現這個句子"這個句子裡面有斜體字和粗體字。",也會改變介於<i></i>和<b></b>之間的文字。
三. 基本的標籤(tags)
製作網頁只需要幾個HTML標籤就可以了。
這些主要的標籤有:
<HTML></HTML>
<HEAD></HEAD>
<TITLE></TITLE>
<BODY></BODY>
這些標籤是每個網頁都需要有的標籤。
HTML
任何網頁都必須有的第一個標籤就是HTML標籤。它告訴瀏覽器以下的內文都是HTML形式的符號,而非純文字或其他形式。結束的/HTML標籤是必須的,也是你的文件中最後的一個標籤。
HEAD
HEAD標籤是用來讓瀏覽器定義資訊的,可以讓瀏覽器使用者看到,也可以隱藏。屬於HEAD部份的標籤有TITLE、META、SCRIPT和STYLE。結束的/HEAD標籤是必須的。
TITLE
TITLE標籤屬於HEAD的部份屬性。它是網頁的標題,通常會被瀏覽器展現在上方的窗格中。結束的/TITLE標籤是必須的。
BODY
BODY標籤就是你的HTML資訊重點所在。它定義你的網頁最主要的部份。在BODY的屬性裡,你可以定義網頁的背景顏色、文字的顏色、連結的顏色和執行連結後的顏色。結束的/BODY標籤是必須的。
網頁寫作範本如下:
<HTML>
<HEAD>
<TITLE>
這個網頁的標題是HTML先修班:第一課
</TITLE>
</HEAD>
<BODY>
課程內容如下...
</BODY>
</HTML>
四. 主機(hosting)
置放網頁的地方叫做"主機"。主機有許多不同的選擇,有非常昂貴的商業主機,也有免費的網頁空間可以使用。
五. 家庭作業
你已經知道網頁的基本標籤,試著寫出你的第一個網頁。記得在瀏覽器裡測試你的新網頁。將它們以HTML檔案形式(.htm或.html)儲存起來,再用瀏覽起打開來看看。Netscape和IE瀏覽器的檔案選單中都有開啟舊檔的選項。
六. 網頁上傳
你已經在你的硬碟裡製作了網頁,現在你要把它們放到網路上去,這就是網頁上傳(uploading)。
首先你必須決定要把網頁放在哪裡。很多ISP業者都有提供免費的網頁空間,那通常是最簡單的選擇。
若你已經知道要將檔案上傳到哪裡去,你還需要以下的資訊:
使用者名稱
密碼
主機名稱(你要上傳檔案的機器名稱)
你的網址
有了這些資訊,你就可以將網頁和圖檔上傳到網站去。
連上網路
打開FTP(檔案傳輸)程式
輸入網站主機名稱
輸入使用者名稱
輸入密碼
連上網站
選擇你要上傳的檔案,按下傳輸鍵把它們送上網站
不要忘記傳輸你的網頁所需要連結的圖檔和其他多媒體檔案。
學習更多的HTML標籤...
首頁製作百寶箱
奇摩免費網頁
網路家庭個人網頁
網頁編輯工具下載
檔案傳輸工具下載
|