如何製作個人網頁?

如 何 自 製 網 頁

一 ： 設 定 網 頁 資 料
在 製 作 網 頁 前 ， 請 先 設 定 你 的 網 頁 資 料 庫 。
網 頁 名 稱 ： 請 為 你 的 網 頁 定 下 一 個 名 稱 。
網 頁 描 述 ： 請 簡 介 你 的 網 頁 (如 內 容 、 特 色 等 )。
電 郵 地 址 ： 自 動 填 入 。
網 頁 分 類 ： 請 依 網 頁 的 主 題 作 出 分 類 。
完 成 設 定 後 ， 請 按 「 確 定 」 。

二 ： 設 定 網 頁 網 頁 標 題 ： 請 輸 入 你 的 網 頁 標 題 。
版 面 ： 請 選 擇 你 的 心 水 版 面 。
完 成 設 定 後 ， 請 按 「 下 頁 」 。

三 ： 編 輯 網 頁
按 進 入 ， 選 擇 顏 色 、 圖 案 、 標 題 。
輸 入 內 文 ， 選 擇 或 輸 入 你 的 圖 片 。
請 選 擇 電 郵 、 簽 名 冊 、 人 流 計 。
完 成 編 輯 後 ， 按 「 確 定 」 預 覽 你 的 網 頁 。

如 何 使 用 FTP
一 ： 以 瀏 覽 器 ﹝ Browser ﹞ 來 上 載 檔 案 。 如 ： I.E. 或 Netscape
一 ： 按 「 網 頁 製 造 及 管 理 」 。
二 ： 輸 入 「 登 入 編 號 」 及 「 密 碼 」 。
三 ： 按 「 Ftp 上 載 檔 案 」 。
四 ： 輸 入 你 的 「 有 線 寬 頻 上 網 客 戶 」 Password 。 五 ： 選 取 「 File 」 中 的 「 Upload File 」 。
六 ： 選 取 要 上 載 的 檔 案 。
七 ： 按 開 啟 舊 檔 。

方 法 二 ： 以 「 檔 案 傳 送 工 具 」 ﹝ CuteFTP ﹞ 來 上 載 檔 案
一 ： 你 必 須 先 成 為 「 有 線 寬 頻 上 網 客 戶 」 或 已 經 登 記 成 為 「 網 樂 同 盟 會 員 」 。

二 ： 你 需 要 完 成 或 撰 寫 你 的 個 人 網 頁 html 或 htm 檔 。

三 ： 下 載 CuteFTP ， 假 如 你 已 安 裝 可 直 接 到 步 驟 5 。

四 ： 下 載 完 成 後 ， 請 安 裝 CuteFTP 。

五 ： 啟 動 CuteFTP 後 ， 於 FTP Site Manager 內 ：
1 . 按 Add Site 鍵
2 . Site Label 欄 輸 入 #i-CABLE
3 . Host Address 欄 輸 入 upload.i-CABLE.com
4 . Host Type 欄 撰 Auto-detect 。
5 . UserID 欄 輸 入 你 的 登 入 編 號 。
6 . Password 欄 輸 入 你 的 密 碼 。



六 ： 在 核 對 所 鍵 入 的 登 入 編 號 及 密 碼 正 確 後 ， 便 成 功 進 入 你 的 戶 口 。

七 ： 在 右 畫 面 內 ， 於 public_html
上 雙 按 滑 鼠 之 左 鍵 進 入 public_html 的 子 目 錄 。 並 在 左 畫 面 內 ， 選 擇 你 要 上 載 之 檔 案 。 然 後 按 上 載 鍵 。

│ 上 載 鍵 ： │ 下 載 鍵 ： │

public_html 是 用 來 儲 存 及 供 網 友 觀 看 你 的 個 人 網 頁 的 地 方 ， 故 切 勿 刪 除 。

若 不 小 心 刪 除 了 public_html ， 必 須 重 新 建 立 。方 法 如 下 ： 在 右 畫 面 內 ， 按 滑 鼠 之 右 鍵 ， 選 取 Make New Directory ， 輸 入 public_html 後 按 OK 鍵 便 可 。

上 載 的 檔 案 中 ， 必 需 有 一 個 名 為 home.html 或 index.html 之 檔 案 。 這 個 檔 案 是 閣 下 個 人 網 頁 的 首 頁 。

* 切 勿 刪 除 以 下 檔 案 ：


.access_log
.counter
.error_log


八 ： 恭 喜 你 ， 你 已 成 功 上 載 檔 案 了 。

2006-12-03 13:08:10 補充：
整一個網頁通常需要四樣東西：網頁製作和管理、圖片製作、影像製作，網頁上傳工具。網頁製作和管理：frontpage 是初學者最容易學的一隻軟件，你可以去microsoft.com.hk去瀏覽有關資料。再深入一點可考慮 dreamwaver。有關 dreamwaver 的教學網站如下：(1) Dreamweaver MX 有聲教學http://resources.emb.gov.hk/%7Edwmx/ (2) Dreamweaver OnLine。織夢線上http://www.dreamweaver.com.tw/

2006-12-03 13:11:37 補充：
(3) DreamWeaver tutorial (English)http://www.siteground.com/tutorials/dreamweaver/css_styles.htm(4) 網頁設計教學網站http://www.flycan.com/deux2/

【奇摩個人網頁網站製作方式】
1.到Yahoo!奇摩 - 個人網頁去完成免費個人網站登錄申請手續↓
★Yahoo!奇摩-個人網頁
2.開始使用奇摩所提供的網頁製作精靈依指示步驟開始製作網頁，奇摩提供有多種不同搭配組合的網頁製作範例可以直接套用，
首頁必須命名為index
3.到個人網頁你的檔案總管以HTML的方式加入你所需要的免費小程式，
例如奇摩免費的留言版與討論版並記下程式連結網址↓
★Yahoo!奇摩-個人網頁
4.點選右上角檔案總管登錄免費會員帳號與密碼，進入你的個人網頁檔案總管裡，
再點選管理小程式，開始做奇摩免費的留言版與討論版的版面設定。
5.遇到疑問時可以到Yahoo!奇摩大魔域 - 個人網頁製作討論區去請教網友↓
★Yahoo!奇摩大魔域 - 個人網頁製作討論區
6.凡申請奇摩的免費會員，即可免費使用奇摩免費信箱，奇摩免費照片簿，奇摩免費個人網頁空間，奇摩免費留言版，奇摩免費討論區，奇摩免費個人家族，奇摩大魔域，奇摩免費上網人數計數器，奇摩免費音樂檔，奇摩免費圖片檔，奇摩免費E-mail郵件賀卡....等等奇摩程式，一切都是免費的。
7.你的網址就是↓
http://home.kimo.com .tw/你的奇摩會員帳號/
8.特別注意事項所有上傳的檔案《包括圖片檔音樂檔網頁》盡量以英文或加上阿拉伯數字來命名，可以使用繁體中文來為檔案命名。
9.盡量使用奇摩個人網頁區的上傳網頁或檔案總管裡的線上瀏覽器來上傳網頁與各種《包括圖片檔音樂檔網頁》檔案資料
10.使用FTP上傳更新網頁時，必須先刪除舊網頁之後，才可以開始上傳更新網頁。

FTP程式設定
第三欄
Yahoo!奇摩FTP上傳設定↓
中文版
伺服器：homeftp.kimo.com.tw
帳 號：您的Yahoo!奇摩會員帳號
密 碼：您的Yahoo!奇摩會員密碼

英文版
Yahoo!奇摩FTP上傳設定
Host：homeftp.kimo.com.tw
User：您的Yahoo!奇摩會員帳號
Password：您的Yahoo!奇摩會員密碼

其他FTP程式與FTP軟體教學參考網站↓
★【FTP程式】軟體王-網路商店
★網站建置百寶箱〈http--dob.tnc.edu.tw -〉歡迎您
★史萊姆的第一個家

使用FTP程式上傳網頁注意事項：
1.先刪除右側奇摩檔案總管裡的舊網頁後，才可以開始上傳左側你電腦中的新網頁
2.首頁必須命名為index
3.所有檔案資料包括網頁包括圖片照片包括音樂包括資料夾都必須以英文或加上阿拉伯數字編號來命名，可以使用繁體中文來命名
4.所有檔案包括網頁包括圖片照片包括音樂都可以直接上傳到奇摩檔案總管裡同層位置
5.所有自動產生的網頁連結路徑files:///C://Documen ts and Settings/Administrat or/桌面/..都必須刪除，
改為src="檔案名稱.副檔名"即可

第二：使用front page自己做成的網頁
1.可以直接使用奇摩個人網頁的上傳網頁線上瀏覽器來直接上傳所有資料
請使用奇摩個人網頁右上方【上傳網頁】鍵，直接以線上瀏覽器來上傳更新網頁或圖片檔
2.一次可以傳10個檔案，可以連續多傳幾次
3.其他注意事項同上述的2到5點說明
4.可以先將自動產生的資料夾裡的圖片檔複製到桌面再上傳
5.所有的檔案在上傳時，盡量不要傳入任何的資料夾，只要上傳到與網頁同址同層位置即可
6.所有的圖片貼圖語法即為src="圖片檔案名稱.副檔名"

【微軟提供的FrontPage試用版】
你必須先安裝Microsoft Office FrontPage
你可以先到開始功能表中察看是否有Microsoft Office FrontPage
如果你的電腦中沒有Microsoft Office FrontPage可以到下列網站下載試用版↓
★【FrontPage台灣】★
http://www.microsoft .com/taiwan/products /office/frontpage/

修改網頁語法方式《一》↓
1.進入Yahoo!奇摩首頁
2.點選中間【個人網頁】鍵
★【Yahoo!奇摩-個人網頁】★
http://tw.home.yahoo .com/
3.點選右上方【檔案總管】鍵
4.登入Yahoo!奇摩會員帳號與密碼
5.等待網頁下載完成
6.拖曳右方捲軸到達你想修改的網頁
7.點選你想修改的網頁右方【鉛筆圖案】鍵
8.開始進行網頁修改
9.網頁修改完畢按【儲存】鍵

【其他參考建議】
使用Yahoo!奇摩個人網頁檔案總管裡的【上傳檔案】鍵來上傳網頁：
1.進入Yahoo!奇摩
http://tw.yahoo.com/
2.點選【個人網頁】鍵
http://tw.home.yahoo .com/
3.點選右上方【檔案總管】鍵
檔案總管
4.登錄Yahoo!奇摩會員帳號與密碼→按【登入】鍵→進入你的檔案總管裡
5.使用你的檔案總管裡，最下方的【上傳檔案】鍵來上傳檔案
6.一次可以傳5個檔案，可以連續多傳幾次

修改網頁語法方式《二》↓
1.先開啟FrontPage主程式
2.點選左上角【檔案】鍵→再點選【開啟舊檔】鍵→以捲軸尋找儲存在你電腦中的網頁→開啟你電腦中的網頁
3.點選FrontPage主程式左下方【HTML】鍵，就可以進入網頁語法編輯程式

你必須先安裝Microsoft Office FrontPage
你可以先到開始功能表中察看是否有Microsoft Office FrontPage
如果你的電腦中沒有Microsoft Office FrontPage可以到下列網站下載試用版↓
★【FrontPage台灣】★
http://www.microsoft .com/taiwan/products /office/frontpage/

修改網頁語法方式《三》↓
使用文字文件檔或記事本或WordPad
來備份或修改網頁語法
再以全選複製貼上的方式
來更新網頁

網頁與圖片以及音樂檔上傳以後必須先看清楚，在奇摩你的個人網頁【檔案總管】中，
出現的是甚麼樣的檔案類型副檔名《區分英文大小寫》，
再修正網頁連結語法

特別注意事項：
【網頁制作常見的各種檔案類型】
1.網頁與圖片以及音樂檔類型分為以下各種檔案類型↓
.jpg類型.JPG類型.gif類型.GIF類型.MSWMV類型.pdf類型
.bmp類型.BMP類型.wmf類型.WMF類型.ico類型.ICO類型
.png類型.PNG類型.jpe類型.JPE類型.txt類型.TXT類型
.swf類型.htm類型.html類型.php類型.wma類型.mid類型
.Xml類型.xls類型.ppt類型.pps類型.exe類型.wmv類型
.mp3類型.js類型.WMV類型.au類型.class類型.MSWMM類型
.FLA類型.doc類型.dwg類型.asp類型.cgi類型.wmz類型
.mpeg類型.com類型.ASF類型.dll類型.asx類型.bin類型
.shtml類型
...等等網頁與圖片以及音樂檔各種類型《類型副檔名區分英文大小寫》
2.網頁與圖片以及音樂檔上傳以後必須先看清楚，在奇摩你的個人網頁【檔案總管】中，
出現的是甚麼樣的檔案類型副檔名《區分英文大小寫》，
再修正網頁連結語法


網頁圖片與音樂無法開啟顯示的原因↓
網頁圖片與音樂檔案無法開啟顯示問題：
第一：網頁圖片與音樂檔案是可以直接上傳的，不必傳在資料夾中。
第二：網頁後面的路徑包含../../image/也必需全部刪除，只留圖片與音樂檔名及圖檔類別名即可。
第三：圖片與影片與音樂的檔名分為很多種，有BMP,WMF,GIF,gif,jpg, JPG,jpe,bmp,MAV,swf, mmv,wmv.mp3.mid.mimd等等名稱，圖片與影片與音樂的檔名也不可含有中文或符號，請先確認正確的圖片與音樂類型須分大小寫，如有不符規定的符號名稱，也必需連同網頁後面的程式碼一起更名後再上傳
第四：你可以先到你的奇摩免費個人網中檔案總管裡登錄帳號密碼後，查看你已經上傳完的照片與音樂檔案，在奇摩的檔案總管中出現的是甚麼樣的檔名及圖檔與音樂類別，再依照上述方法加以更正檔名及圖檔與音樂類別名。
6.如果你是使用FTP程式來上傳更新網頁的話，
就必須先刪除你的奇摩免費個人網中檔案總管裡的舊網頁，
舊網頁刪除後，才可以開始使用FTP程式來上傳更新網頁