網頁設計基本課程

網頁設計可以是非常容易或非常艱深, 主要視乎你網頁的複雜程度。這網頁設計基本課程是為初學網頁設計者而設的, 所以只會介紹簡單的基本概念, 冀望初學者能夠知道如何開始編寫網頁。

Table of Contents

網頁設計基本概念

編寫網頁的語言稱為 HTML。
HTML 的全名是 Hyper Text Markup Language。

網頁文件的副檔名一般為 .html 或 .htm
例如 : myhomepage.html, mypictures.htm, 等等 ….

以下是網頁文件的基本結構:

<html>
<Head>
     <Title>你網頁的標題</Title>
</Head>
<Body>
     你網頁的內容
</Body>
</html>

所有網頁文件的基本結構都是一樣的, 不同之處只不過是 ‘網頁的標題’ 和 ‘網頁的內容’ 而已。

你可以使用以下軟件編寫你的網頁:

文字編輯軟件 (Text Editor)	例如 : Notepad 你必需對 HTML 語言有相當認識, 才可使用文字編輯軟件編寫你的網頁。
HTML 文件編輯軟件 (HTML Editors)	例如 : HotDog, Netscape Gold, FrontPage, 等等.. 就算你對HTML語言全無認識, 也可以使用HTML文件編輯軟件寫出十分精彩的網頁。 HTML文件編輯軟件是非常適合初學者使用。

如果你需要在你的網頁加插入一些圖片, 你也需要一個可以編輯或製造圖片的軟件。

互聯網上有很多可以編輯或製造圖片的軟件, 例如: PaintShop Pro, PhotoShop, 等等….。如果你是這方面的新手, 建議你使用 PaintShop Pro 這軟件, 因為比較容易學習。

有了編寫網頁的基本概念, 可以開始實習編寫一個簡單的網頁。

我們會在這裡試用 Windows 記事本 (Notepad) 編寫一個簡單的網頁, 然後介紹如何用一個 HTML 文件編輯軟件 (HTML Editor) 編寫網頁。

2. 在記事本內輸入以下內容 :

<html> 
<Head> 
<Title> My first Homepage </Title> 
</Head> 
<Body> 
I am learning to make a Homepage. 
</Body> 
</html>

3. 這麼容易就完成了第一個網頁了! 接下來當然要將這個網頁儲存。按下記事本功能表內的 File, 然後選擇 Save As.

4. 將以上的網頁儲存為 myhtml.html 的檔案名稱, 並儲存在一個名為examples 的目錄內。

5. 第一個網頁 (myhtml.html) 就這麼容易完成了! 你當然十分焦急地想測試完成了的網頁。

6. 請開啟你的瀏覽器 (Internet browser), 然後開啟 myhtml.html. 觀看網頁的內容 :

7. 就這麼容易完成了第一個網頁!

接著用一個 HTML 文件編輯軟件 (HTML Editor) 編寫一個網頁。

互聯網上有很多免費的文件編輯軟件, 你可以選擇喜愛的使用, 這裡會使用 Netscape Composer 來編寫一個簡單的網頁.

(註: Netscape Composer 是附設在 Netscape 瀏覽器的一個功能)

2. 在 Netscape 瀏覽器的功能表按 Communicator ,然後選擇Page Composer。

3. 這樣便開啟了 Netscape Composer, 你現在可以開始編寫網頁了。其實, Netscape Composer 的使用方法和 Windows Words 差不多的。

4. 在 Netscape Composer 鍵入 “This is my second Homepage”. 如下圖所示:

5. 在 Netscape 瀏覽器的功能表按 File, 然後選擇 Save As 將檔案儲存。

6. 將以上的網頁儲存為 myhtml2.html 檔案名稱。

7. 看! 不消一分鐘就完成了第二個網頁!

8. 你現在可以用 Netscape 瀏覽器開啟 myhtml2.html 來觀看網頁的內容。

編寫網頁就是這麼簡單, 只要多練習, 相信很快便會成為網頁編寫高手。

網頁寄存知識編寫於 2001年2月