網站上傳管理與維護
1
存取介面
手機、電腦、iPad…
2
Network Network
申請網站空間
不管是附屬網站或是虛擬伺服器,每一個網站不一定非得要是一台獨立的主機
通常一台 ISP 的 Web 伺服器中可能包含了許多個網站
3
4
網站架構
5
超連結路徑
6
網頁編碼方式
首先要檢查目前的網頁編碼方式 1. 請開啟網頁 2. 執行『 修改 / 頁面屬性』 命令 3. 切換到標題 / 編碼方式頁次 4. 檢視和修改目前的語系編碼
7
檢視目前的語系編碼
8
修改預設的語系編碼
9
製作多國語言的網頁
10
製作多國語言的網頁
11
製作多國語言的網頁 從上面的例子可以發現,要製作多國語言的網頁,就必須使用 Unicode (UTF-8)編碼 要用 Unicode (UTF-8) 編碼模式來編輯網頁時,至少要具備 2 個條件
要使用支援 Unicode 編碼方式的輸入法:例如要輸入日文字,必須使用支援Unicode 編碼的日文輸入法,例如 Windows 內建的日文輸入法,才能確保輸入的日文字正確呈現在網頁上
作業系統裡要有 Unicode 字型:這是集合各國文字於一身的字型,如果沒有任何 Unicode 字型,就無法顯示以 Unicode 編碼的網頁文字
12
修改預設的瀏覽方式
在按下 F12 鍵預覽網頁時,會開啟預設的 IE 瀏覽器來進行預覽
1. 請執行 『檔案 / 於瀏覽器中預覽 / 編輯瀏覽器清單』 命令
13
修改預設的瀏覽方式
14
修改預設的瀏覽方式
15
修改預設的瀏覽方式
2. 按下確定後,可以看到瀏覽器名單中多出了剛剛加入的程式
16
將網站上傳到Web 伺服器
申請個人網站空間 上傳的網站 讓網址更好記-申請轉址服務 推廣的網站
如何申請網域名稱
台灣網路資訊中心:http://www.twnic.net/index3.php
國外的領域名稱系統:http://www.netsol.com/ 國外的領域名稱系統:http://www.dotster.com/ 荻恩斯科技:http://kevin.adsldns.org 台灣地區免費動態DNS系統(中文):
http://www.adsldns.org 國外的免費 DNS 系統:http://www.no-ip.com
17
18
申請個人網站空間
大部份的 ISP (網路服務提供者) 都有提供網站空間的服務,但申請方式與收費標準不一,可以參考各 ISP 網站的說明
如果有使用 ISP 提供的服務 (例如寬頻上網),通常會贈送幾 MB 的網頁空間供使用
網路上也有免費提供的網站空間,其容量對一般個人網站而言已很夠用
19
申請個人網站空間
申請前的注意事項
免費與付費網站空間
免費網站空間
付費網站空間與虛擬主機
什麼是『虛擬主機』?
20
申請前的注意事項
網路上有許多網站空間的資源,但是提供的服務和費用各有不同,建議在申請之前,先查看業者提供的服務是否符合的需要,以免申請了不適用的網站空間
可朝下列方向在比較參考 網站主機在國內或國外 如果英文不太通,那麼國內的網站空間是最佳的選擇
(至少申請流程都是中文) 如果沒有語言的顧慮,可以考慮申請國外的網站空間
國外的免費網站空間容量通常比國內更大 但因距離較遠,速度可能會比較慢
21
申請前的注意事項
網站空間的費用與容量
網站空間的容量因費用的不同,從數 MB 至 數 GB 不等,可以先估算自己的網站檔案大小,再決定要申請多大的網站空間
有些免費網站空間雖然容量不小,但是連線速度較慢
有些網站則是只要繳交年費就可享用更大的網站空間
這些都是在申請前必須考慮的要素
22
申請前的注意事項
是否支援程式或資料庫: 有些網站在製作時會以程式搭配資料庫來撰寫網頁內容,例如 ASP、PHP、JSP...等
然而程式的運作會加重伺服器的負擔,因此大多數免費網站空間並不支援程式的功能
若的網站現在或未來有搭配程式或資料庫的需求,就應該選擇支援這些服務的網站空間
23
申請前的注意事項
檔案的上傳方式: 大部份的網站空間都允許用 FTP 的方式 有些空間只能使用該網站專屬的圖形介面來上傳,操作方法比較簡單
廣告與流量的限制: 免費網站空間
通常會附帶廣告,比如自動開啟的廣告視窗,或是將廣告內嵌在網頁中等等
同時許多免費空間還有流量的上限 因此在申請免費空間之前,最好先確定該網站空間的廣告方式和流量限制是否會影響的網站
24
免費與付費網站空間
如何取得網站空間? 只要在各大搜尋引擎網站 (如 Google、Yahoo!奇摩) 搜尋「 網站空間」 或「 網頁空間」 等關鍵字,就可以找到許多相關的資源
然而網頁空間有免費和付費的區別
25
免費網站空間
免費網站空間通常 提供的容量較小,大多不支援程式或資料庫 同時可能還有連線速度較慢的問題
不過如果的網站是屬於個人網站,容量約 10MB 或更小,也沒有搭配程式的需求 (例如單純使用 html 或 flash 製作的網站),則免費空間應該是最適合的選擇
下面幾個有提供免費空間
26
付費網站空間與虛擬主機
網站是屬於商務或大型網站 需要穩定的設備、較大的頻寬和網站空間時 可以考慮付費購買虛擬主機服務
然而各廠商使用的伺服器設備與軟體不盡相同,因此在選購時,除了要考慮費用、空間大小和流量等問題,應該多多比較和了解各家的差異,以免租到不穩定的虛擬主機
27
付費網站空間與虛擬主機
各家廠商提供的空間大小和費用等資訊隨時可能更動,請自行上網了解詳細的資訊
不論申請哪一種網站空間,建議先看一下該網站的使用說明或問題集 (FAQ),可以預先排除許多可能發生的問題
28
什麼是『虛擬主機』?
通常架設網站時會以一部電腦做為放置檔案的主機,而需要花費人力物力來維護主機的設備
所謂的虛擬主機(Virtual Server),就是付費租用服務廠商伺服器上的空間來放置網站,可節省主機設備的成本
且由於是付費服務,可使用的資源比免費網頁空間多,有些還會提供附加服務,例如架設網站、網頁設計、流量統計、計數器、留言板...等等
29
什麼是『虛擬主機』?
除了功能的差異,虛擬主機和免費網頁空間最大的差別,在於虛擬主機允許擁有專屬的網址 例如:http://www.的帳號+主機名稱.com
免費網頁空間的網址會附帶該空間的網址 例如 http://www.免費空間名稱.com/的帳號/... 可能需要再申請轉址服務,才能有簡單好記的網址
30
上傳的網站
網頁空間申請好了以後,接著就要將電腦裡的網站上傳到 Web 伺服器了
Dreamweaver 已經內建了 FTP 功能,所以不需另外安裝 FTP 軟體
使用 Dreamweaver 直接上傳網站,務必申請支援 FTP 功能的網站空間,並取得上傳時必需的資訊 例如 FTP 帳號、登入密碼、FTP 位址等等 底下以智邦的網站空間為例來說明上傳的操作
31
上傳的網站
設定欲上傳的伺服器位址
與遠端伺服器連接
上傳整個網站
網站上傳後看不到圖片?
上傳檔案時可能遇到的問題
32
設定欲上傳的伺服器位址
為了讓 Dreamweaver 知道檔案要上傳到哪裡,首先要進行如下的設定:
1. 上傳網頁:透過 Dreamweaver 的檔案面板 為了方便後續的操作,請先按下檔案面板上的擴展/收合鈕 ,將檔案面板以獨立的視窗顯示(這樣可視範圍會比較大)
33
設定欲上傳的伺服器位址
34
設定欲上傳的伺服器位址
2. 然後按下左側窗格的定義遠端網站連結,設定遠端網站伺服器位址
35
設定欲上傳的伺服器位址
透過檔案交談窗來定義遠端網站連結後 會自動切換到進階頁次的遠端資訊類別 指定遠端網站伺服器的位址
36
設定欲上傳的伺服器位址
37
設定欲上傳的伺服器位址
4. 選好以 FTP 的方式上傳網站後,如下圖操作
38
設定欲上傳的伺服器位址
5. 接著將會更新網站的快取,請按下交談窗的確定鈕,回到檔案視窗
39
設定欲上傳的伺服器位址
40
與遠端伺服器連接
登入該伺服器,請按下連線至遠端主機鈕 ,Dreamweaver 就會自動與遠端伺服器連接
左側窗格會顯示遠端網站的檔案
41
與遠端伺服器連接
42
與遠端伺服器連接
若連接失敗,請檢查帳號、密碼或 FTP 位址有無輸入錯誤
有時也可能是網路太慢造成連結錯誤,可以稍等一下再連結
43
上傳整個網站
開始上傳網頁 1. 若是第一次上傳,要將網站所有相關檔案都上傳到遠端網站上
請在右側窗格 (本地端) 點選最上層的根目錄 (或是選取所有檔案)
再按下上傳檔案鈕 即可將整個網站的內容上傳到左側窗格的遠端網站裡
44
上傳整個網站
45
上傳整個網站
2. 詢問是否要傳送整個網站及相關檔案,請按下確定鈕
46
上傳整個網站
47
上傳整個網站
3. 檔案上傳完畢後,只要開啟瀏覽器,輸入之前申請的網址,就能瀏覽和測試自己的網站
48
上傳整個網站
若要再將網站上傳到同樣的遠端主機,不必再重新設定 FTP 主機位址
只要再按一次 鈕,就可以立即與遠端網站連接並傳輸檔案
49
網站上傳後看不到圖片?
網站上傳後,若在瀏覽自己的網頁時,如果發現有些圖片無法顯示 (圖片顯示為 ),原因可能有以下幾項:
本地端的圖片檔案可能沒有放在網站資料夾下,以致於沒有上傳
插入圖片時使用了絕對路徑,而非相對路徑 檔名大小寫不同,或是使用了中文檔名 圖片的格式錯誤 (一般瀏覽器僅支援 JPG、GIF、
PNG 3 種格式的圖片)
50
上傳檔案時可能遇到的問題
在上傳檔案時,有時會因為某個檔案過大,造成連結逾時,此時系統會顯示傳輸錯誤的訊息
發生這種情況時,建議先略過該檔案,將其他檔案傳輸完畢後,再傳輸這些較大的檔案
51
上傳檔案時可能遇到的問題
若在上傳網站的過程中突然遇到網路斷線,或是遠端網站暫停服務,也會造成傳輸的錯誤
此時可以按下同步鈕,重新整理遠端的檔案,再利用檔案同步化命令來上傳遺漏的檔案
52
讓網址更好記-申請轉址服務
什麼是轉址服務?
購買正式網址
申請轉址服務
53
什麼是轉址服務?
完成網站空間的申請手續後,就會取得一個網址,這個網址就是讓別人連結到的網站的位址
有些免費網站空間的網址很長 若申請了中華優惠網的免費空間,的網址應該是
http://www.chinesefreewebs.com / 帳號 若不方便記憶,就可以考慮申請轉址服務
所謂轉址服務,就是讓的網址變得又短又好記 例如 idv.st 這個提供轉址服務的網站,只要加入會員後,就會以申請的帳號加上該站台的網域名稱來當做網址,假設申請的帳號為 "flag",則的網址就是 http://flag.idv.st
54
什麼是轉址服務?
設定轉址服務後,別人只要在瀏覽器輸入這個簡易的網址,就可以連結到的網站了
提供轉址服務的網站也有免費和付費服務的區別,採取收費制的網站所提供的服務自然會比較好,至於要選擇免費或是收費的轉址服務,就得視的需求而定
以下幾家網站有提供免費轉址服務
55
購買正式網址
如果網站是放在虛擬主機或有固定 IP 的主機上 可向財團法人台灣網路資源中心TWNIC
(http://www.twnic.net) 這個機構付費購買一個正式的網址 如 http://flag.idv.tw 或 http://flag.com.tw
正式的網址可以表現網站的特色,也方便別人搜尋和記憶
56
申請轉址服務
底下以 idv.st 這個網站為例,來說明如何申請轉址服務,其他網站的申請方式大致相同,可以在網站上找到詳細的使用說明,只要按照步驟一步步操作就可以完成申請了
1. 假設已經申請了的免費空間網址,但覺得免費空間的網址又長又難記,即可考慮申請轉址
首先請連上 idv.st 網站 (http://www.idv.st)
57
申請轉址服務
58
申請轉址服務
2. 連結到會員使用條款網頁,請詳細閱讀後按下同意鈕,繼續其他申請步驟
59
申請轉址服務
3. 接下來開始填寫專屬網址及個人基本資料
60
申請轉址服務
4. 填寫完基本資料,就完成會員登記
申請轉址服務
5. 按F12開啟瀏覽器來看是否能正常轉換網址
61
62
推廣的網站
知道的網站到底在哪裡呢? 已經將網站上傳到網路上後,要靠「 廣告」 來打知名度
不用花大錢去電視上做廣告 實網路本身就是一個超大型的廣告媒體
63
推廣的網站
廣發 E-mail 英雄帖
在部落格加上網站連結
到各大搜尋引擎網站登錄
讓網頁更容易被搜尋
在網頁中加入關鍵字
修改網頁關鍵字
為什麼加入關鍵字的網頁比較容易被搜尋到
64
廣發 E-mail 英雄帖
要推廣的網站,最簡單的方法就是發 E-mail 給每個親朋好友,並簡單介紹一下網站的內容、特色,請他們到網站來逛逛
也可以在E-mail 的簽名檔中加上網站位址、簡介,可以順便替網站打打廣告
65
在部落格加上網站連結
部落格是現在最熱門的網路媒體
註冊自己的部落格
66
在部落格加上網站連結
若的親朋好友也有建立部落格或網站,可以和大家互相交換網站的連結,或是製作網站的 Logo,放在別人的網站裡
透過這樣網網相連的方式,也能夠為自己的網站提高知名度
67
到各大搜尋引擎網站登錄
搜尋網站:Yahoo!奇摩、蕃薯藤、Google…等 向這些搜尋站台登錄自己的網站,讓別人在尋找相關資料時能發現精心設計的網站
到各大搜尋引擎網站登錄
以google為例 到google首頁
/google完全手冊 登錄或移除網站
68
69
讓網頁更容易被搜尋
雖然網站已經登錄了,但是在搜尋的時候卻還是搜尋不到自己的網站嗎?這可能是因為還沒有為網站加入關鍵字
以下就來看看在網站中加入關鍵字的方法
70
在網頁中加入關鍵字
當在製作網頁時,可以在網頁中加入一些隱藏的關鍵字 (關鍵字不會顯示在網頁上),使瀏覽者更容易透過搜尋引擎找到的網頁
1. 請開啟要新增關鍵字的網頁 2. 插入列/常用/檔案標籤/關鍵字 或插入功能表/html /檔案標籤/關鍵字
3. 輸入關鍵字 開啟檔頭標籤功能選項
檢視功能表/檔頭內容
71
在網頁中加入關鍵字
72
修改網頁關鍵字
請執行 『檢視/檔頭內容』 命令
開啟檔頭內容檢視區,選取關鍵字圖示
即可在屬性面板中做修改
73
為什麼加入關鍵字的網頁比較容易被搜尋到
搜尋網站在進行搜尋時 網站名稱<title> 搜尋程式會先瀏覽網頁 <head></head> 標籤之間是否有 <meta name="keywords">
若有則做為該網頁的關鍵字 不過網路浩瀚無垠,等搜尋網站的程式抓到的網頁資料,約需幾週甚至一個月以上的時間
Google也於2010年4月加入網站速度為搜尋的考量因素之一
SEO 搜尋引擎排名 Search Engine Ranking Factors
搜尋引擎排名因素在 2010年有何變化呢? 大致有以下幾個方向: (1)網站信賴度將仍舊延續2009年的態勢, 只有提升網站信賴度才能在SERP有優秀的表現
(2)搜尋引擎將更朝向個人化的設計, 每個人看到的搜尋結果將更符合個人需求 (3)語意分析在2009年已經有不少成果, 這些成果將會廣泛應用在搜尋引擎技術上 (4)社交網路將更緊密與搜尋引擎結合, 唯有Search+Social才能打開搜尋行銷的大門 (5)jQuery, HTML5與CSS3等技術將更廣泛運用在網頁設計上 (6)行動設備的網路存取將開始影響網站流量, 所以企業是否準備好Mobile版本的內容呢?
(7)介於blogging與MicroBlogging的MiniBlogging(如tumblr,posterous等)將紛紛開始搶佔市場
(8)RSS的運用正確與否將影響SEO的成效 (9)影音與圖檔的運用將更影響SEO成效 (10)SEO成效將更取決於網站優化的整體效果, 因此不要只把重點放在SEO本身
75
參考資料:http://www.dns.com.tw/seo/?p=590
Effective SEO
Effective SEO : 什麼是有效的搜尋優化策略? 網站速度是否為SEO的重要因素?
Is Load-Speed the Ultimate Google Ranking Factor?
Using site speed in web search ranking Google搜尋排序要考量網站速度 龜速網站只能進後段班
76