http://bit.ly/fxMKWEB
來架網站吧！！ 我的架站經驗談～
你的網站是...
我要做什麼主題？
什麼方向？
大概要放什麼內容？
還是什麼服務？
前端網頁注意
不要再用舊式寫法啦～與網頁外觀相關的請用CSS
<font>, <b>, <i>, <u>, <body bgcolor=””>......已經在HTML5標準中剔除了！- 也請用CSS排版，不要再用表格排版
HTML是內容，請合乎語意！
<strong>(強調), <blockquote>(段落引用), <abbr>(縮寫), <article>(文章), <footer>(頁尾)...
麻煩請標注一下這個網頁的編碼
除了會影響維護容易性以外，也會影響搜尋引擎(Google)檢索
後端網頁注意
會攸關這個網站安全程度如何（尤其是電子商務和金錢相關的更要小心）
放在網頁空間常遇到的狀況
資料庫伺服器位址要另外指定（非localhost）
資料庫名稱，很可能前面一定要有你的帳號
如果是自幹系統出來的話，資料庫連接語法不能寫死啊～
範例: 採用PDO -不要寫死！！
db_config.php:
<?php
$DB_SERV = "localhost"; // 資料庫伺服器名稱
$DB_USER = "yuan"; // 資料庫使用者名稱
$DB_PASS = "passwd"; // 資料庫使用者密碼
$DB_NAME = "my_db"; // 指定要使用哪個資料庫
$FORM_PREFIX = "uj_"; // 資料表的前綴字元
connect.php:
<?php
require_once("db_config.php"); // 讀取連結資料庫資訊
// 連接資料庫
$db_connect = new PDO("mysql:dbname={$DB_NAME};host:{$DB_SERV};charset=utf8", $DB_USER, $DB_PASS);
// 查詢uj_users表格
$result = $db_connect->query("SELECT * FROM ".$FORM_PREFIX."users");
範例: 採用傳統寫法 -不要寫死！！
db_config.php:
<?php
$DB_SERV = "localhost"; // 資料庫伺服器名稱
$DB_USER = "yuan"; // 資料庫使用者名稱
$DB_PASS = "passwd"; // 資料庫使用者密碼
$DB_NAME = "my_db"; // 指定要使用哪個資料庫
$FORM_PREFIX = "uj_"; // 資料表的前綴字元
connect.php:
<?php
require_once("db_config.php"); //讀取連結資料庫資訊
// 連接資料庫
$db = mysql_connect($DB_SERV,$DB_USER,$DB_PASS) or die(mysql_error());
// 指定這個資料庫
mysql_select_db($DB_NAME,$db);
// 查詢uj_users表格
$db_table = mysql_query("SELECT * FROM ".$FORM_PREFIX."users") or die(mysql_error());
自己準備空間出來
機器要24hr開機且連上網路
至於設備...
- 直接拿電腦當伺服器
- 購買NAS檔案伺服器
- 可愛的樹莓派（流量小）
- 對你的分享器”刷機” ...嘿嘿嘿
我朋友的伺服器
可愛的樹莓派
價錢:
- 單機板: A型 $25美元，B型$35美元（建議買B型）
- 臺灣官方組合價2330元/組: ModelB + 16G SD卡 + 電源組
流量小 <-這點很重要
- Raspberry Pi台灣樹莓派官網
對你的分享器”刷機”
如果你的分享器有外接USB隨身碟的功能的話，可以靠刷機，當場變成伺服器
知名的第三方ROM
警告！刷機有風險，有可能導致分享器報銷，請確定了解自己再做什麼以後再下手
你的電腦本身是不是外部IP
可用此方法檢查:
- 打開終端機（命令提示字元）輸入:
ifconfig
（Windows 則輸入: ipconfig）
- 到我的IP是多少？來比對是否一樣
浮動的對外IP
如果你每一次連線時得到的IP不一樣
可使用提供動態DNS對應服務:
設定浮動的對外IP
存放網站的檔案容量要足夠
一般來說500MB的容量應該就很夠了
除非是圖片、影片很多...
如果有大量圖片or影片的話，建議另外找空間存放
上傳方式
絕對不要挑到”只能透過管理網頁界面上傳”的空間
CPanel
VistaPanel
自訂404和其他錯誤頁面
有沒有提供Email
通常什麼時後會用到？？
- 顧客向你註冊帳號時，要寄給他電子信箱驗證信
- 通知顧客已成功訂購、出貨
定時寄送廣告郵件 ←做人不要這樣嘛～
就算沒提供，是否支援用外部SMTP...其他方式寄送？？
不過...挑選空間更重要的...
請打聽評價是否夠穩...
VPS?? 能吃嗎？
- 虛擬主機: 同臺主機內不同網站"共用"同資源(CPU, RAM......)
- VPS: 類似虛擬電腦的概念，給你一個獨立的系統，完全由你DIY
當然價格也比虛擬主機高一點
付費...就是有保障
可用空間變大、可允許流量變大、可建立更多個資料庫、可綁定多個網址.....
- 重點是...
因為是付費，所以空間不能隨便掛點
因為是付費，資料不能隨便消失、砍帳號
使用phpinfo函式來查詢資訊
phpinfo.php:
<?php
phpinfo();
那這網址............
啥鬼！？？？？？？
頂級域名？二級域名？
二級域名
- *.twbbs.org
- *.twgg.org
- *.cu.cc
- *.no-ip.org
是與PTT那票人合作的
期限是一年
不過快到期前可免費續用
申請需要一個禮拜的審核時間
其他免費網域推薦
不過據說因為太容易取得而造成濫用，已被Google封殺，不檢索進搜尋裡
不過現在越來越模糊了
簡單來說就是...你喜歡就好
- .cc 原是澳洲海外領地科科斯群島國家及地區，台灣無名小站就用這
- .tv 原是圖瓦魯國家及地區，不過有影音網站喜歡用
- .im原是英國海外屬地萌島國家及地區，不過有即時通軟體的官網網址就用
價錢大不同
國內
- .tw 一年800元
- .idv.tw 一年400元
通用
- .com 一年10美金 (約NT$300)
- .org 一年11美金 (約NT$330)
他國
- .in 一年9美金 (約NT$270)
- .io 一年99美金 (約NT$2970)
- .cc 一年35美金 (約NT$1050)
以上為粗略估計，每家域名提供商的價錢不一樣 (範例中的台幣美金換算是*30估算的)
購買域名注意
請注意域名是否合法？？
雖然現在名稱有模糊化，但部份名稱還是有規定在。
申請容易，但不合規定被抓到的話，隨時會被收回。
如果要購買臺灣的域名，請向臺灣提供商購買
雖然國外也有賣.tw域名，但會貴很多很多
相反的，如果要買國際/通用域名，請向國外購買
請注意價錢是第一年？還是以後都是？
有好幾家標榜價錢低廉，但到第二年價差就差非常多
好域名就趕快搶吧～先搶先贏！！
老實說...我最近趁特價的時候，就敗了～
有了域名以後，你可以...
- http://yuaner.tw
- http://blog.yuaner.tw
- http://img.yuaner.tw
- http://album.yuaner.tw
- ftp://ftp.yuaner.tw
- me@yuaner.tw
設定好你的子網域吧～
我忘記最多能做多少連線數測試，印象中我的伺服器差不多在50人以上同時連線就差不多炸掉了 QQ
流量分析工具
-
非常可愛的計數器...
Yahoo 站長工具 （已倒閉...哭哭）
Firefox 設定不要追蹤我
在"編輯"→"偏好設定"→"個人隱私"那邊就能找到。
Chromium 設定不要追蹤我
在"自訂及控制"（工具列的選項紐）→"設定"→"顯示進階設定"那邊就能找到。
那看到這個呢......？
我"只是"搜尋，完全沒用啥高深的技術......
不要讓搜尋引擎爬到啊......囧
Facebook的摘文
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
Code來源: 打造方便分享的網頁|Open Graph Protocol篇
這份投影片完全就是用網頁寫的！！
採用模板deck.js
←
→
http://bit.ly/fxMKWEB
/
#
本投影片是採用創用CC BY-NC-SA 4.0授權