網頁放上網的方法

設定主題

網站種類繁多，從教學網站、音樂網站、媒體網站、下載網站……等，範圍十分廣泛，不同種類各自包含許多不同的內容，例如：教學網站可能劃分為史地類、音樂類、資訊類……，資訊類又可分為軟體、硬體、程式語言……等。這些內容豐富的網站，若單憑一幾之力，在短時間之內很難完整周全。若是網站內容多而雜亂，或只是一些零碎的皮毛資料，相信網友在瀏覽過一遍之後就興趣缺缺了，所以首先必須先鎖定一個主題，確定網站的內容，並將使用的對象作清楚的訂位。

良好的人機介面可以迅速確實發揮網站的所有功能，且提高使用者的使用意願，所以配合網站的主題，搭配整個順暢的介面流程與友善的使用者介面設計，這是進行網頁製作之前的重要功課，如果您尚未想清楚就貿然製作，相信往後您會花很多時間在修改與維護網頁上。
獲取工具

所謂「工欲善其事，必先利其器」，所以在建構一個優良網站之前必須先獲取相關工具軟體。
ftp軟體：將製作好的網頁上傳至伺服器上。

例如： cuteftp 、 ws-ftp 等。
網頁編輯軟體：幫助使用者迅速製作網頁。




種類
特色
優點
缺點
例子

html輔助類
設計者需知道 html 標籤的用法，此類軟體旨在使設計者能夠快速且方便的做出首頁，不必死記標籤，部份軟體甚至會有提示、偵錯、建議的功能。
設計師如虎添翼，免死記標籤，且具備諸多網頁其他輔助功能，設計師較能掌握整個網頁的架構，且在不同瀏覽器下較不易出問題。
初學者難以快速進入狀況。
Home site 3.01、
Hotdog4.X、
Htmlabc1.75

所見即所得類
給初學者入門用，用法簡單，如同在使用 word 般，不須知道 html 標籤的用法，螢幕上的樣子，就是上網後的樣子（這是個理想……）。
很簡單，只要十來分鐘，活生生的網頁就出爐了。
部份軟體在不同瀏覽器下，所呈現的樣子，可能會讓您很錯愕。
FrontPage、
Netscape Composer、
NetObject Fusion3.0


資料來源：網站建置百寶箱〈http://dob.tnc.edu.tw/〉繪圖軟體：增加網頁內容的可看性與豐富性。

例如： AUlead GIF Animator ：製作動畫的最佳工具、 Paint Shop Pro ：免費的影像編輯軟體、 Ulead PhotoImpact ：專門針對網頁製作的繪圖軟體、 Adobe Photoshop ：相當受歡迎的繪圖軟體……等。
網頁瀏覽器
例如： Internet Explorer 、 Netscape Communicator
其他軟體

例如： ACDSee 32 Browser ：迅速瀏覽圖片、 Macromedia Flash ：製作 Flash 動畫軟體、 Getright ：迅速下載檔案……等。

編寫網頁

這一步驟當然就是不可或缺的網頁實作，從這一個步驟開始，我們可以把腦袋瓜內的夢想一一實現，變成一頁頁的網頁呈現在無邊無際的網際網路世界裡！請見第三章認識網頁標籤、運用網頁編輯軟體。
申請網址

製作好網頁後，想讓所有人都能欣賞到大作，勢必得替網頁找個適當的家，目前國內外有許多入門網站或是搜尋引擎網站……等，提供免費的空間，讓使用者放置個人網頁。如何申請免費網址請見本教材第四章。
上傳檔案

申請免費網址之後當然就是要把放置在個人電腦的檔案放在該網站上，上傳檔案請見本教材第二章FTP單元。
維護網頁

茫茫網海唯有不斷根據時間、背景更替網頁內容，保持網頁新鮮度，才是吸引網友持續上站瀏覽的不二法門。


注意事項


內容組織層次分明。
檔案名稱的大小寫：由於部份伺服器的作業系統，如： Linux 、 UNIX ……等，英文字母的大小寫是有區別的，所以請注意大小寫的區別。
不同瀏覽器的可接受度：部份標籤並非所有的瀏覽器所支援的，所以製作完成的網頁最好以不同瀏覽器檢視，以確保使用不同瀏覽器使用者能擁有同樣的視覺效果。
畫面解析度：由於電腦螢幕解析度設定的不同，將會造成所看到的介面極大，所以最好能標示出欣賞該網頁最佳的解析度，以供使用者參考，當然通常也就是製作網頁者所使用的電腦螢幕解析度（您可以透過在電腦桌面上按下滑鼠右鍵選擇「內容」-->「設定」的「桌面區域」可得知），一般畫面解析度有 640*480 、 800*600 、 1024*768 三種，最常用的是800*600。
有意義的檔名：取個有意義的檔案將有助於檔案的維護、辨識與整理。
有層次與組織的檔案目錄層次：其實這與取有意義的檔案名稱具有相同的功能，可以幫助整理與辨識。因為隨著網頁內容的增多，檔案勢必越來越多，有層次的目錄與檔案搭配著有組織性的介面，對於網頁製作人而言將是必要的工作。
附圖一

圖片參考：http://cls.admin.yzu.edu.tw/cai-editxp/gif/edit4-1-1.jpg


如果你已是會員，直接輸入帳號與密碼登入，如果還不是會員，則需要先註冊為會員，以取得帳號與密碼，如附圖二：
附圖二

圖片參考：http://cls.admin.yzu.edu.tw/cai-editxp/gif/edit4-1-2.jpg


取得帳號與密碼登入後可進入附圖三畫面，在這裡可以選擇網址並簽訂「PC home Online免費網頁」使用契約：
附圖三

圖片參考：http://cls.admin.yzu.edu.tw/cai-editxp/gif/edit4-1-3.jpg


完成以上的手續之後，便可以從「PC home Online 網路家庭」取得20MB免費的網站空間以及網址，如附圖四：
附圖四

圖片參考：http://cls.admin.yzu.edu.tw/cai-editxp/gif/edit4-1-4.jpg


筆者取得網站空間，選擇的網址是「education」，因此得到一個新的網站空間與網址：http://home.pchome.com.tw/education/gefjulo/ 。

從取得網站空間的首頁可以看到「PC home Online 網路家庭」提供了「蓋窩功能」、「實用工具」、「宣傳網站」、「帳號管理」等線上服務，使用者可以充分利用。
參、如何申請免費電子郵件信箱


申請免費電子郵件信箱的方法與申請免費網站空間一樣，「PC home Online 網路家庭」免費電子郵件（http://home.pchome.com.tw/）為例，如果已經是會員，可以輸入帳號及密碼直接登入，如果不是會員，需要先註冊為會員，註冊方法同前。取得帳號及密碼之後，電子郵件帳號便是「會員帳號[email protected]」，假設會員帳號是「abcd」取得的免費電子郵件帳號便是「abcd @pchome.com.tw」從附圖五的畫面登入，新會員也可以從這個畫面註冊：
附圖五

圖片參考：http://cls.admin.yzu.edu.tw/cai-editxp/gif/edit4-1-5.jpg


登入後即可進入附圖六的畫面，往後便可以以此郵件收發信件：
附圖六

圖片參考：http://cls.admin.yzu.edu.tw/cai-editxp/gif/edit4-1-6.jpg

企業網站建置規劃：企業網站建置
我們提供專業完整的網站建置服務，依客戶需求打造企業專屬網站、幫助企業樹立良好的企業形象，打開市場《 網站建置超值方案 》
1、量身規劃設計企業專屬網站
2、舊網站製作改版、網站重新建置
3、購物平台網站製作 0800800807

參考資料http://www.innet.com.tw

網站種類繁多，從教學網站、音樂網站、媒體網站、下載網站……等，範圍十分廣泛，不同種類各自包含許多不同的內容，例如：教學網站可能劃分為史地類、音樂類、資訊類……，資訊類又可分為軟體、硬體、程式語言……等。這些內容豐富的網站，若單憑一幾之力，在短時間之內很難完整周全。若是網站內容多而雜亂，或只是一些零碎的皮毛資料，相信網友在瀏覽過一遍之後就興趣缺缺了，所以首先必須先鎖定一個主題，確定網站的內容，並將使用的對象作清楚的訂位。

用FTP軟件便可放上網。
你有申請web hosting service 嗎？無論免費或要比錢的,都有user name 及 password 比你,用FTP client 就可打通FTP,將網頁抄上去,記住你網頁的首頁名稱改為 index.htm 或 index.php 或 .asp (唔知你用乜黎做）。
申請免費web hosting可以去yahoo 度搵下。
如要under 自己domain就複習少少,首先要買個domain,然後申請hosting.而家一個domain name 都好平,七八十元就有一年,而web hosting 都係五六百蚊,都係一年,可以去到20GB空間。

2006-11-09 17:43:01 補充：
嘩,你玩晒啦,圖文並茂咁,明恰我者。