1 / 15

進階的教學網站

進階的教學網站. 孫小婷 Hsiao-Ting Sun. 進階版的教學網站. 如果你覺得 Blog 太過制式 你也可以自己做一個網站 這邊提供兩種自己做網站的方法 利用免費的網頁空間自己做網頁放上去 自己架機器自己裝 Web Server 把 html 放上去. 網頁概述. 網頁 v.s 網站 我的網頁要放在那裡呢 ? 網站開發的流程 如何設計一個網站. 網頁與瀏覽器. 網頁的定義 : 透過瀏覽器在 WWW 上所看到的畫面就是網頁 瀏覽器 IE 提供你閱讀網頁的程式 網址 http://www.kimo.com.tw.

candie
Download Presentation

進階的教學網站

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 進階的教學網站 孫小婷 Hsiao-Ting Sun

  2. 進階版的教學網站 • 如果你覺得Blog太過制式 • 你也可以自己做一個網站 • 這邊提供兩種自己做網站的方法 • 利用免費的網頁空間自己做網頁放上去 • 自己架機器自己裝Web Server 把 html放上去

  3. 網頁概述 • 網頁 v.s 網站 • 我的網頁要放在那裡呢? • 網站開發的流程 • 如何設計一個網站

  4. 網頁與瀏覽器 • 網頁的定義: • 透過瀏覽器在WWW上所看到的畫面就是網頁 • 瀏覽器 • IE • 提供你閱讀網頁的程式 • 網址 • http://www.kimo.com.tw

  5. 首頁??網頁?? • Homepage(首頁) • 單指網站的第一頁 • 網址打下去出現的第一頁 • Webpage(網頁) • 泛指所有網站的網頁

  6. 什麼是網頁??

  7. 什麼是網頁??

  8. 什麼又是網站? • 定義: • 網站就是網頁的集合 • 想一想: • 你可以想成網站就是網頁的家供別人觀看 • 也就是放網頁的地方並提供瀏覽

  9. 網站 伺服器 個人電腦 網址 http://www.mcsl.ice.cycu.edu.tw 打上網址 首頁 超鏈結 其它網頁 瀏覽器 網站與網頁

  10. 網站開發的流程

  11. 如何設計一個網站 • 設定主題 • 擬定網站架構圖 • 收集資料 • 撰寫網頁 • 發佈網頁 • 維護更新

  12. 範例一

  13. 利用免費網頁空間 • Yahoo 或 Pchome • 申請個人網頁 • 使用他的網頁精靈 • 亦可自己做好網頁上傳至空間 • 缺點 • 有空間及流量限制 • 只能跑靜態網頁

  14. 以Yahoo奇摩來申請 • 請點個人網頁 • 先申請一個帳號 • 使用網路精靈 • 自己修改樣版 • 利用photoimpact的網頁樣版 • 上傳 • 設定首頁檔案

  15. 如何將你的電腦設定為 web server • 簡易型(IIS) • 適用 WinXP • 缺點:超過10人使用就連不進去 • 進階型 • Apache安裝 • 可以超過10 人使用 • 安裝詳細過程請看附件pdf檔

More Related