WWW 伺服器建置課題：

• 什麼是伺服器？什麼是用戶端電腦？什麼是網路？什麼是作業系統？
  
  1. 作業系統：可以控管硬體的一組軟體！(插電的電腦若沒有作業系統，那...只是一團會電人的廢鐵！)
     
  2. 網路：透過共同支援的標準協定在不同的主機之間進行交談的一種方式，目前最熱門者為 TCP/IP，亦即俗稱之網際網路(Internet)
  3. 伺服器：啟動一支可以驅動某個埠口 (port) 服務的程式來在主機上面監聽，以提供網際網路的資料要求，稱為伺服器；
  4. 用戶端電腦：透過一支程式，這支程式會主動向伺服器要求資料，稱為用戶端電腦。
  
  
• WWW 伺服器的分類方式：
  
  1. 不同陣營：作業系統 + WWW伺服器軟體 + 資料庫 + 網頁程式設計
  2. Linux 陣營： Linux + Apache + MySQL + PHP --> LAMP
  3. Windows 陣營： Windows + IIS + MSSQL + ASP(.NET)
  
  
• 在 Windows 上面安裝 Apache + MySQL + PHP 的方法：透過 WebServ 軟體：
  
  1. 此軟體為集結 Apache + MySQL + PHP 的軟體群集
  2. 此軟體可以給 Windows XP 安裝，並且為自由軟體 (免費)
  3. 官方網站(計畫)位於：http://sourceforge.net/projects/webserv/
  4. 2008/12下載的版本可按此下載喔！
  5. 安裝方法，就是一直下一步！差不多啦！(有空我會將圖捉出來的！)
  
  
• 如何讓你的伺服器具有『合法的主機名稱』？
  
  1. 相關原理可以參考：這裡的說明喔！
  2. 可以申請需要費用的主機名稱，可以向中華電信提出申請，例如：http://nweb.hinet.net/。
  3. 如果想要免費的空間，可以到http://www.no-ip.com/申請！
  4. 動態 IP 申請的範例：按此察看囉！
  5. Windows 上面的 no-ip 設定軟體：http://www.5402.idv.tw/is/iptoip/no-ip/no-ip.htm
  6. 承上，軟體可按此下載。
  
  

基礎網頁設計：透過 NVU 建置

• 網頁設計其實很簡單，因為網站都是透過提供 HTML 配合多媒體檔案來展現的；
• 不同的瀏覽器所展現的結果多少會有不同∼因此在設計時最好要瞭解 HTML 的標準；
• 你可以使用『原始碼』來察看一下 Yahoo 的首頁內容到底有啥東西存在？(不過就是一個純文字檔，配合一堆多媒體圖片檔案等)
• 因此網頁設計就是：
  
  1. 你得要先有一些基礎的想法，例如：你想要建構什麼樣的網頁出來？(假如是你自己的生活記錄網站)
  2. 再者，開始建置你的一些多媒體圖片，例如數位相片、聲音檔案等等(注意！不要有版權方面的問題！)
  3. 最後透過 HTML 的語法，將這些多媒體資料放置在一個頁面的瀏覽中！
  4. 透過首頁的『超連結』將好多個網頁的連結放置在一塊，方便瀏覽者點選之用！
  5. 將你的網頁內容整個上傳到網站上，開始等待用戶端的要求瀏覽！
• HTML 的網頁設計，可以使用自由軟體：http://www.moztw.org/nvu/，按可按此下載！
• 請安裝 NVU 後，嘗試進行如下的網頁製作：
  
  1. 檔名：test1.html，內容：使用不同的顏色、不同的字體、不同的字型，去表達(1)你的姓名 (2)你的喜好 (3)你的經歷 (4)你最愛吃的食物等等，並注意Title與編碼的問題！
  2. 檔名：test2.html，內容：複製前一個網頁，然後將網頁內容加上背景。背景可以按此下載。
  3. 檔名：test3.html，內容：複製前一個網頁，在最上面一行加上標題『這是我的簡單介紹』， 並且姓名部分『加底線』與『粗體』該如何進行？
  4. 檔名：test4.html，內容：透過前一個網頁的複製，將上述的資料利用：『清單』來處理，該如何處置？
  5. 檔名：test5.html，內容：透過表格的利用，製作出自我介紹的網頁資料！可以加上大頭貼喔！
  6. 檔名：index.html，內容：將前面的五個網頁透過『超連結』放置到此頁面中！
  7. 檔名：test6.html，內容：如何放置圖片？透過圖片的標籤來製作！
  8. 檔名：test7.html，內容：加入跑馬燈特效！
  9. 檔名：test8.html，內容：加入表單！讓使用者可以填寫一些基本資料∼甚至可以做成問卷喔！
• 圖片的處理方面，可以使用小畫家、Photoshop、PhotoImpact，愛用國貨方面，所以建議使用 PhotoImpact！ 請看範例，如何製作出一個『小動畫』 GIF 圖檔！

額外的伺服器建置：利用 FTP 伺服器提供你的朋友上傳/下載位置

• FTP 可以提供上傳與下載的功能；
• FTP 會打開兩個埠口，一個是命令用的 port 21 ，另一個是資料傳輸用的 (可能是 port 20 或者是隨機產生)；
• FTP server 可以利用 Filezilla FTP server 來提供：http://filezilla-project.org/download.php?type=server(官網)或按這裡下載喔！
• Filezilla FTP server 的安裝：
  1. 點選 FileZilla_Server-xxx.exe 執行，並且按下『執行』；
  2. 在 License Agreement(授權同意) 處，點選：『 I Agree 』繼續；
  3. 在 Choose Components 處，保持『 Standard 』的樣式，直接『 Next 』即可；
  4. 再繼續『 Next 』；
  5. 在 Startup settings (開始設定) 中，保留『 Install as service, started with Windows (default) 』預設，及 14147 埠口；
     這個埠口就是用來管理你的 FTP 伺服器，並不是給用戶端使用的埠口啦！
  6. 繼續保留『 default 』預設值；
  7. 最終點選『 Install 』然後安裝完畢後點選『 Close 』即可。
• Filezilla 的啟動與設定：
  1. 第一次啟動，會問你管理員密碼，因為我們尚未設定，所以密碼是空的！請依底下填寫：
     Server Address: 127.0.0.1
     Port: 14147
     Administration password: 這裡留白
     Always connect to this server：請打勾圈起來
     
  2. 接下來請設定你的使用者！這個使用者假設是 alex 好了，請『Edit』-->『Users』，會看到一個新視窗；
     1. 在右側『Users』的地方點選『Add』新增用戶；
     2. 在出現的畫面中，上面的視窗輸入『alex』這個用戶(你可以自行改變)；
     3. 在中間『Account settings』的地方，點選『Password』，然後開始輸入密碼；
     4. 在左側的Page地方，點選『Shared folders』分享目錄，然後
        
        • 點選『Add』，假設你要分享 D:\tools\，請點選該槽；
        • 在『Files』的地方選擇『Read, Write, Delete』，若是唯讀，請只要 Read 即可；
        • 在『Directory』的地方更要注意！若要開放上傳，才勾選『Create, Delete』！
     5. 最後按下左下角的『OK』吧！！
  3. 開放你的 Windows 成為 PC 時，請務必開啟防火牆，讓你的防火牆可以放行 port 21 以及你的 filezilla server 程式！
• 使用用戶端程式來下載：
  • 使用 IE 等瀏覽器來下載！不過可能無法續傳。使用方法：在瀏覽器網址列輸入： ftp://IP，本例中為：『ftp://localhost』即可；
  • Filezilla 用戶端程式來下載：http://filezilla-project.org/download.php?type=client(官網)或按此下載
• 練習：請使用上個星期學過的主機名稱，配合本週學到的 FTP ，架設你的 FTP 伺服器，並向同學提供帳號，讓他上傳檔案給你試看看。

討論區的建置：

• 先確認你的伺服器支援了 MySQL 以及 PHP 模組；
• 開始啟動你的 MySQL 伺服器！記得 port 是 3306 喔！
• 記住你的 MySQL 相關資料庫資訊才行！
• 可使用 phpmyadmin 來處理你的 MySQL 資料庫系統！
  1. 嘗試使用 Webserv 的 phpmyadmin 來建立資料庫，以及使用者的帳號；
  2. MySQL 的主機名稱為： localhost
  3. MySQL 的使用者帳號為： dicuser
  4. dicuser 可用的資料庫為： dicdatabase
  5. dicuser 的密碼假設為： 123456
• 開始安裝 phpBB3 喔！可由 http://www.phpbb.com來下載， 亦可按此下載的啦！
• 安裝有夠簡單！將剛剛下載的檔案在你的 html 首頁目錄底下解開，就能夠利用網頁安裝！
• 安裝的網頁可能是： http://localhost/phpbb3/ 喔！
• 依據網頁一直給他下一步即可！
• 討論區的管理與維護：
  1. 如何建立新的討論版？
  2. 如何使用 smtp 的方法來傳送認證信件？
  3. 如何選擇版主？
  4. 如何建立不同的權限版面？(不會讓人家看到的版面！)

部落格的建置：

• 我們這裡使用 Wordpress 這套軟體，相關連結與中文說明如下：
  1. 官網所在：http://wordpress.org/
  2. 台灣人做的一個部落格說明這軟體： http://www.wordpress.com.tw/
  3. 簡體中文的說明： http://cn.wordpress.org/
  4. 鳥哥提供的 2.7 (2009/01/10) 下載：按此下載
• 同樣給他依據前一個討論區的建置方式，建立這個部落格吧！將上述下載的檔案在 WWW 可以讀取的目錄解開， 本課程中即在： C:\webserv\wwwroot\htdocs\ 目錄下！
• 透過與討論區類似的方法來建立部落格吧！
• 請使用 wordpress 建立專屬於您的部落格網站！並且開放你的朋友申請！ 結合前幾週談到的主機名稱來處理吧！

同學提供的個人主機名稱(免費的 no-ip 囉！)：