網頁設計可以是非常容易或非常艱深, 主要視乎你網頁的複雜程度。這網頁設計基本課程是為初學網頁設計者而設的, 所以只會介紹簡單的基本概念, 冀望初學者能夠知道如何開始編寫網頁。
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) 編寫一個簡單的網頁
有了編寫網頁的基本概念, 可以開始實習編寫一個簡單的網頁。
我們會在這裡試用 Windows 記事本 (Notepad) 編寫一個簡單的網頁, 然後介紹如何用一個 HTML 文件編輯軟件 (HTML Editor) 編寫網頁。
- 開啟 Windows 記事本。
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 Editor 編寫一個簡單的網頁
接著用一個 HTML 文件編輯軟件 (HTML Editor) 編寫一個網頁。
互聯網上有很多免費的文件編輯軟件, 你可以選擇喜愛的使用, 這裡會使用 Netscape Composer 來編寫一個簡單的網頁.
(註: Netscape Composer 是附設在 Netscape 瀏覽器的一個功能)
- 開啟你的 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月
Leave a Reply