網頁寄存知識課程

網頁設計基本課程

第 1 課 : 網頁設計簡單介紹

網頁設計可以是非常容易或非常艱深, 主要視乎你網頁的複雜程度.

第 2 課 : 網頁設計基本概念

這網頁設計基本課程是為初學網頁設計者而設的, 所以只會介紹簡單的基本概念, 冀望初學者能夠知道如何開始編寫網頁.

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

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

第 3 課 : 網頁文件的基本結構

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

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

第 4 課 : 如何開始編寫網頁

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

文字編輯軟件
(Text Editor)

例 如 : Notepad, Wordpad, 等等..

你必需對 HTML 語言有相當認識, 才可使用文字編輯軟件編寫你的網頁.

HTML 文件編輯軟件
(HTML Editors)

例如 : HotDog, Netscape Gold, FrontPage, 等等..

就算你對HTML語言全無認識,也可以使用HTML文件編輯軟件寫出十分精彩的網頁.

HTML文件編輯軟件是非常適合初學者使用.

第 5 課 : 圖片軟件

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

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

第 6 課 : 用 Windows 記事本 (Notepad) 編寫一個簡單的網頁

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

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

  1. 開啟 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 的目錄內.

    web page design

  5. 第一個網頁 (myhtml.html) 就這麼容易完成了! 你當然十分焦急地想測試完成了的網頁.
  6. 請開啟你的瀏覽器 (Internet browser), 然後開啟 myhtml.html. 觀看網頁的內容 :

    web page design

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

第 7 課 : 用 HTML Editor 編寫一個簡單的網頁

這一課介紹如何用一個 HTML 文件編輯軟件 (HTML Editor) 編寫網頁.

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

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

  1. 開啟你的 Netscape 瀏覽器.
  2. 在 Netscape 瀏覽器的功能表按 Communicator ,然後選擇Page Composer.
  3. 這樣便開啟了 Netscape Composer, 你現在可以開始編寫網頁了. 其實, Netscape Composer 的使用方法和 Windows Words 差不多.
  4. 在 Netscape Composer 鍵入 "This is my second Homepage". 如下圖所示:

    Web page design with netscape composer

  5. 在 Netscape 瀏覽器的功能表按 File, 然後選擇 Save As 將檔案儲存.
  6. 將以上的網頁儲存為 myhtml2.html 檔案名稱.
  7. 看! 不消一分鐘就完成了第二個網頁!
  8. 你現在可以用 Netscape 瀏覽器開啟 myhtml2.html 來觀看網頁的內容.

第 8 課 : 網頁設計總結

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

註: 請參考 Flash ActionScript Tutorial, 如要學習 Flash.

2001年2月 網頁寄存知識

網頁寄存知識