---

網頁製作介紹：一起來Yahoo奇摩學習網頁製作

授課講師︰鄭錦德、鄭錚樺

更新日期︰2005/05/17

---

一、學員簽到、本週課程簡介 

1. Yahoo!奇摩個人網頁提供15MB網頁空間，無論是製作個人網頁、履歷表、相簿、活動公告等…15種以上各式範本供您選擇。

2. 簡單好操作的介面，就可以輕鬆擁有專業級個人網頁，豐富的圖片檔、網頁製作元件，製作網頁更方便。

3. 多種CGI程式，包括：留言版、討論區、計數器、奇摩搜尋引擎…等，讓您網站功能多更多，讓我們現在就開始製作吧，GO！

二、介紹如何使用Yahoo奇摩個人網頁︰範例網頁（一）、範例網頁（二）

• 在Yahoo奇摩首頁中找到「個人網頁」連結進入。

• 按下會員登入。

•  輸入剛剛申請的帳號及密碼→登入。

• 按下網頁製作精靈。

• 選擇一個你喜歡的範本（可以按下更多樣式來選擇）。

• 在網頁名稱處輸入︰「我的網站」。

• 在網頁標題處︰輸入「我的網頁—學員姓名」→確定。

• 注意！內文請利用【記事本】撰寫後存檔（以利往後在作FrontPage首頁時會運用到），再把文字複製過來貼上

• 上傳圖片，把剛剛儲存的圖片上傳到網頁上，請按瀏覽去尋找你所儲存圖片的資料夾。

• 也可以利用奇摩圖庫選擇圖片。

• 輸入個人資訊，以及選擇加入計數器、留言版、討論區→下一步。

• 連結設定處，請選擇「增加連結」。

請在增加的連結名稱加入︰

• 台灣電力公司︰http://www.taipower.com.tw/home.php

• 新竹市青草湖社區大學︰http://www.bamboo.hc.edu.tw

• 新竹市風城社區大學︰http://fcu.org.tw

• 新竹市香山社區大學︰http://www.hscu.hc.edu.tw/

• 小麻雀資訊教與學網站http://www.bamboo.hc.edu.tw/~jdz

• 小恐龍資訊教與學網站︰http://fcu.org.tw/~okwawa

• 輸入完成後→完成。

• YA！恭喜您，您的網頁已經完成囉！請把您的網站網址記起來，告知親朋好友！

三、實作完成，並且寄一封邀請函給授課教師來欣賞您的網站！請按下「寄發邀請函」！

• 在收件者處︰輸入okwawa@fcu.org.tw，並完成以下的內文，最後部驟「寄出」。

• 如何修改已完成的網頁內容呢？ 請您參照以下步驟來修改您的網頁：

1. 登入奇摩免費網頁後，按檔案總管。

2. 在您要修改網頁的檔案旁邊按下編輯筆。

3. 如果您是用網頁製作精靈完成的網頁會跳窗要選擇用何種編輯器修改您的網頁。

4. 修改完以後再存檔就可以了。

四、利用記事本儲存計數器的HTML碼、留言版的網址及討論區的網址（利於往後在作FrontPage時會運用到）

• 計數器的HTML碼，從檢視功能表中→原始碼

• <!-- 奇摩計數器 程式碼開始處 -->
  <img border=0 src="http://counter.kimo.com.tw/cgi-bin/count.cgi?dd=c_l&frgb=FFFFFF&st=1&md=10 " width="90" height="10">
  <!-- 奇摩計數器程式碼結束處 -->

• 留言版網址http://tw.home.yahoo.com/member/cgi-bin/board.z?tid=okwawa@B1088230518&rand=1088246608&m=S

• 討論區http://tw.home.yahoo.com/member/cgi-bin/forum.z?tid=okwawa@F1088230518&rand=1088246608&m=S

三、參觀其他學員網站及觀摩網頁（www）

今日活動作品分享︰

學員網站︰

四、下週課程預告

1. 請學員們關閉電腦

2. 下週課程︰應用軟體的下載、安裝、設定與使用

五、參考資料

1. 小恐龍e起來耍庫

2. Yahoo奇摩網站

---

jdz@mail.bamboo.hc.edu.tw   、   okwawa@fcu.org.tw