第 20 章 申請網頁空間並上傳網頁.

Presentation on theme: "第 20 章 申請網頁空間並上傳網頁."— Presentation transcript:

1 第 20 章 申請網頁空間並上傳網頁

2 本章重點 20-1 免費網頁空間 20-2 利用 Dreamweaver 上傳網站 20-3 使用 CuteFTP 上傳網站
20-4 讓網址更好記 - 申請轉址服務 20-5 讓網站的人氣更旺

3 20-1 免費網頁空間 通常有向 ISP 申請上網服務, 幾乎都有提供免費的網頁空間及電子郵件信箱等附加服務供您使用。
若覺得免費網路空間的容量不敷使用, 有些 ISP 也提供付費的網站空間供人申請, 但是申請方式與收費標準不一, 建議您到各 ISP 網站詢問。

4 20-1-1 選擇網頁空間的建議 若您沒有 ISP 附贈的免費網頁空間, 或是想要再申請多個免費空間, 可以上網搜尋提供此服務的網站。
Internet 上的免費網站空間很多, 在申請前最好比較各家網站的服務, 再決定要申請哪一家, 以下列出幾點供您參考比較。 網站主機在國內或國外：如果您的英文不太通, 那麼國內的免費網站空間是您的最佳選擇 (至少申請流程都是中文)；

5 選擇網頁空間的建議 如果沒有這方面的顧慮, 那麼可考慮申請國外的免費網站空間, 通常提供的服務比較多, 例如空間可能比較大, 可支援 CGI、ASP、…等, 不過網頁在瀏覽時的速度可能會比較慢一點。 網站空間的容量：免費的網站空間提供 10 MB 〜50 MB 不等的容量, 甚至有的網站會提供「無限空間」呢！ 您可先評估一下自己的網站需要多大容量, 再去申請一個適合的網站空間。

6 選擇網頁空間的建議 另外, 有些網站則是採取小額付費制, 只要繳交年費就可享用更大的網站空間、或是無廣告視窗、可提供網站轉址、…等服務。
是否可放 CGI、ASP、PHP 等程式：CGI、ASP、PHP 通常是用來製作計數器、留言版、討論區等元件, 或是其他互動式的表單處理。 如果您從網路上取得現成的程式、或者自己手動撰寫, 而想要把它們放到網站裡面, 那得事先看看有哪些免費空間可讓您放置這些程式, 由於這些程式會加重伺服器的負擔, 所以並非所有免費網站空間都有支援。

7 選擇網頁空間的建議 廣告的出現方式：免費網站空間通常有附帶廣告, 一般都是自動彈出快顯視窗, 有些則是將廣告內嵌在網頁中, 總之想免費使用的話, 就得忍受一下小小的不便啦！ 檔案上傳的方式：大部分的網站都允許您使用 FTP 的方式來上傳檔案, 不過有些只能使用該網站裡的圖形介面來上傳, 雖然操作方法並不難, 但得要逐一選取檔案才能上傳, 若是網頁檔案很多, 這樣的做法將會浪費不少時間。

8 選擇網頁空間的建議 流量限制：大部分的免費網頁空間還需特別注意一點, 即是會限制下載的流量。
也就是說萬一您的網站流量需求很大, 可能就要慎重評估各網站提供的限制了。

9 哪裡找免費的網站空間 其實只要在各大入口網站或搜尋引擎網站輸入 "免費網站" 或 "免費網頁空間" 等關鍵字, 就可以找到免費網站空間的資源, 以下列出幾個供大家參考：

10 哪裡找免費的網站空間 不論申請哪一家的免費網站空間, 只要依照網站中的指示輸入個人相關資料, 都可以順利完成申請。
若是還有疑問可參考各網站所列的問題集 (FAQ), 裡面彙整大多數網友會遇到的問題, 能讓您順利排除許多可能發生的狀況。

11 20-2 利用 Dreamweaver 上傳網站 網頁空間申請好了之後, 就可以將自己電腦裡的網站上傳到網路伺服器中。
接下來將分別介紹如何利用 Dreamweaver 內建的 FTP 功能, 或是使用其他 FTP 軟體來上傳網站, 請視自己的需求選擇上傳的方式。

12 設定欲上傳的伺服器位址 為了要讓 Dreamweaver 知道檔案要上傳到哪裡, 所以我們得先在 Dreamweaver 中設定要上傳的伺服器位址, 請如下操作： 1. 在 Dreamweaver 中, 我們可以利用檔案面板來進行網頁上傳工作。 為了方便上傳操作, 請按下檔案面板上的擴展 / 收合鈕, 將檔案面板以獨立的視窗顯示 (這樣可視範圍會比較大)。

13 設定欲上傳的伺服器位址 2. 接著按下左邊窗格的定義遠端網站, 設定遠端網站伺服器的位址：

14 設定欲上傳的伺服器位址

15 設定欲上傳的伺服器位址 3. 接下來要指定遠端網站伺服器的位址, 請在開啟交談窗後切換到進階頁次：

16 設定欲上傳的伺服器位址

17 設定欲上傳的伺服器位址 4. 接著會出現提示交談窗告訴您會重新建立快取, 請按下確定鈕, 即會回到檔案視窗。

18 設定欲上傳的伺服器位址

19 關於 FTP 主機位址 要注意的是, 「WWW 網站的位址」和「FTP 的上傳位址」是不一樣的,
例如要上傳網頁到 Hinet 的個人空間, FTP 位址必須輸入 "ftp.myweb.hinet.net", 所以一定要事先在提供服務的網站查清楚 FTP 上傳位址。

20 與遠端伺服器連接 設定好遠端網站後, 現在要和遠端主機連上線, 才能進行上傳的動作, 請按下連線至遠端主機鈕, Dreamweaver 就會自動與遠端伺服器連線。

21 遠端與本地端 在 Dreamweaver 中, 上傳的網站伺服器通常稱為遠端 (Remote), 而自己電腦裡的網站稱為本地端 (Local)。 不要把「遠端」想得有多遠, 不管網站伺服器是在台北、美國、你家樓下或是隔壁座位的電腦, 只要是供您上傳的主機, 都可叫做遠端網站 (Remote Site)。

22 20-2-3 上傳網頁 經過前面的設定後, 終於可以開始上傳網頁了, 由於這是我們第一次上傳, 所以當然是要將所有的檔案都傳送上去。
請在右邊窗格 (本地端) 點選最上層的根目錄 (或是選取所有檔案), 再按上傳檔案鈕, 即可整個網站內容上傳到遠端網站裡：

23 上傳網頁

24 上傳網頁

25 上傳網頁 檔案上傳完畢後, 您就可以開啟瀏覽器, 輸入自己所申請的網址測試網站是否能正常運作。

26 上傳網頁 以後若要再將網站上傳到同樣的遠端主機, 就不必再重新設定 FTP 主機位址, 只要按一下 鈕, 就可以立即與遠端網站連接。

27 網站上傳後看不到圖片？ 網站上傳後, 若在瀏覽網頁時發現要顯示圖片的地方出現 圖示, 表示該圖片無法顯示, 其原因可能有以下幾項：
網站上傳後, 若在瀏覽網頁時發現要顯示圖片的地方出現 圖示, 表示該圖片無法顯示, 其原因可能有以下幾項： 本地端的圖片檔案可能沒有上傳。 插入圖片時使用了絕對路徑, 而非相對路徑。 檔案大小寫不同, 或是使用了中文檔名。 圖片的格式不支援 (一般瀏覽器僅支援 JPG、GIF、PNG 3 種格式)。

28 上傳檔案後可能遇到的問題 有些情況會使得檔案無法成功上傳, 例如在上傳整個網站的過程中, 突然網路斷線或是遠端網站暫停服務, 那麼上傳狀態交談窗會出現檔案活動未完成的訊息來提示您。

29 上傳檔案後可能遇到的問題

30 上傳檔案後可能遇到的問題 若需要重新上傳無法成功上傳的檔案、或是有新的檔案需要上傳, 只要直接將檔案拖曳到欲存放的遠端資料夾中即可。

31 20-3 使用 CuteFTP 上傳網站 之前介紹過 CuteFTP 的下載功能, 現在我們要使用 CuteFTP 將網站上傳到遠端伺服器中。 請先參照 節的方法安裝並啟動 CuteFTP, 接著再設定要連結的伺服器位址：

32 使用 CuteFTP 上傳網站

33 使用 CuteFTP 上傳網站 連上 FTP 站台後, 就可以拉曳的方式傳輸檔案了：

34 使用 CuteFTP 上傳網站

35 20-4 讓網址更好記 - 申請轉址服務 不論您是申請付費或是免費的網頁空間, 通常只要在完成申請手續後, 便可取得一個網址。然而通常網站空間服務提供者給的網址都不太好記。例如： 轉址服務簡單地說就是：「可以讓您的網址變得又短又好記」。 例如 idv.st 這個提供轉址服務的網站, 只要加入會員後, 就會依據您所申請的帳號加上該站台的網域名稱來當作您的網址,

36 讓網址更好記 - 申請轉址服務 假如您申請的帳號為 "digitalweb", 則您的網址就是 " 不管您原本的網址有多難記、或是一直不停地換網址, 只要設定好轉址服務, 別人就可以永遠用同一個簡單的網址連上您的網站。

37 申請轉址服務 目前提供轉址服務的網站大多為免費, 不過也有些較具規模的站台是採取收費的方式來提供服務, 不過既然是採取收費制, 所提供的服務當然就會比較好。 至於要選擇免費或是收費的轉址服務, 就得視您的需求而定, 以下提供幾家提供免費轉址服務的網站供您參考：

38 申請轉址服務

39 申請轉址服務 不論申請哪一家的轉址服務, 只要依照網站中的指示即可順利完成申請。
若是還有疑問可參考各網站的相關說明與解答, 多半可找到有幫助的答案。 當申請好轉址後, 往後只要輸入轉址後的簡短網址, 即可連結至您的網站, 不需再擔心網址太長的問題了。

40 申請轉址服務

41 20-5 讓網站的人氣更旺 好不容易將網頁上傳到 Internet 上了, 但是網站何其多, 別人怎麼知道您的網站到底在哪裡呢？

42 廣發 英雄帖 要推廣網站, 最簡單的方法就是發 給每個親朋好友, 並簡單介紹一下網站的內容、特色, 請他們到您的網站來逛逛。 如果不太好意思這樣做, 也可以在 的簽名檔中加上網站位址、簡介, 這樣不管是寄信給別人、或發佈信件到 BBS、新聞群組, 都可以名正言順地替網站打打廣告。

43 在各大 BBS 發佈消息 每天有很多人在 BBS 上閒逛, 因此您可以把網站簡介發佈在相關的討論群組裡面, 例如 但切記不要一次發很多封, 也不要到不相干的群組裡打廣告, 否則反而會被別人嫌, 造成反效果呢！

44 20-5-3 到各大搜尋引擎網站登錄 假設您今天想去逛逛有關電影介紹的網站, 但完全不知道網址, 這時您會到哪裡查詢呢？
對了！想必 Google、Yahoo! 奇摩、PChome、…等網站將是您的第一選擇；因此我們最好也在這些網站登錄自己的網站, 讓別人在尋找相關資料時能發現您精心設計的網站！ 不過有些大型入口網站所提供的網站登錄服務需要另外付費, 若不想額外付費又想達到宣傳效果, 也有網站提供免費服務, 但相對地排列順序自然就沒有付費者來得前面囉！

45 到各大搜尋引擎網站登錄

46 20-5-4 在網頁中加入關鍵字讓網頁更容易被搜尋
當我們在製作網頁時, 可以在網頁中加入一些隱藏的關鍵字 (不會顯示在網頁上), 使瀏覽者更容易透過搜尋引擎找到您的網頁。 請在 Dreamweaver 中開啟要新增關鍵字的網頁, 然後如下操作：

47 在網頁中加入關鍵字讓網頁更容易被搜尋 日後若要修改網頁關鍵字的內容, 或想將此功能刪除, 請執行『檢視 / 檔頭內容』命令開啟檔頭內容檢視區, 接著按下關鍵字鈕, 即可在屬性面板中做修改：

48 在網頁中加入關鍵字讓網頁更容易被搜尋

49 在網站或部落格中加入連結 若是您的親朋好友也有建立網站, 那麼大家不妨互相交換一下網站的連結, 或是製作網站的 Logo, 放在別人的網站裡, 透過網網相連的方式, 也能夠為自己的網站提高知名度喔！ 另外現在非常流行的部落格, 也是宣傳網站的最佳去處喔！

50 在網站或部落格中加入連結