Chapter 1數位化 FrontPage

實習教師　　楊　騏

學習索引

網站 vs 網頁

IP 、網域名稱與主機空間

網頁能做些什麼？

網站架設流程

回顧與結語

數位化 FrontPage 　　實習教師：楊　騏

瀏覽網站的經驗

數位化 FrontPage 　　實習教師：楊　騏

琳瑯滿目琳瑯滿目

瀏覽網站的經驗（續）

217 生活照217 生活照

數位化 FrontPage 　　實習教師：楊　騏

瀏覽網站的經驗（續）

217班網首頁

217班網首頁

數位化 FrontPage 　　實習教師：楊　騏

瀏覽網站的經驗（續）

Wow ～超厲害！Wow ～

超厲害！

數位化 FrontPage 　　實習教師：楊　騏

網站、網頁與首頁

網頁設計 FrontPage 　　實習教師：楊　騏

（課本 1-4 ）

網站？ 包含了許多網頁 抽象的概念

網頁？ 包含了文字、圖片、表格等 具體的檔案

4 . h t m l4 . h t m l

網站、網頁與首頁（續）

網頁設計 FrontPage 　　實習教師：楊　騏

http://www2.slhs.tp.edu.tw/~716/index.htmlhttp://www2.slhs.tp.edu.tw/~716/index.html

（課本 1-4 ）

首頁？ 可以是：

檔名 副檔名index html

default htm

asp

php http://www2.slhs.tp.edu.tw/~716/http://www2.slhs.tp.edu.tw/~716/

IP、網域名稱與主機空間

回想遙遠的高一計概……　　（課本 1-2 、 1-3）

IP 每一台連上網路的電腦，都有一組唯一的識別編

號網域名稱

相對於 IP ，方便理解和記憶主機空間

存放網頁、圖片、檔案網頁設計 FrontPage 　　實習教師：楊　騏

網頁能做什麼？

他是誰？他是誰？

數位化 FrontPage 　　實習教師：楊　騏

網頁能做什麼？（續）

她是誰？她是誰？

數位化 FrontPage 　　實習教師：楊　騏

網頁能做什麼？（續）

不要一直盯著我的素顏看嘛……不要一直盯著我的素顏看嘛……

人家會害羞～人家會害羞～

數位化 FrontPage 　　實習教師：楊　騏

網頁能做什麼？（續）

$12500數位化 FrontPage 　　實習教師：楊　騏

網站架設流程

（課本 1-5 ～ 1-6 ）

初步規劃網站 確定網站主題類型、風格、欲吸引的目標族群

蒐集網站資料 製作網站所需的素材

數位化 FrontPage 　　實習教師：楊　騏

網站架設流程

（課本 1-7 ）建立網站結構

網站導覽圖：一個網站中，網頁與網頁之間的層級結構圖

數位化 FrontPage 　　實習教師：楊　騏

網站架設流程

（課本 1-7 ）網站導覽圖之比較

數位化 FrontPage 　　實習教師：楊　騏

單純的影像單純的影像 有意義、能作用的導覽圖有意義、能作用的導覽圖

網站架設流程

（課本 1-9 ～ 1-10 ）網站空間申請設計網頁

插入文字、圖片、加以美化等發佈網站

發佈到網路上 經常更新網頁

數位化 FrontPage 　　實習教師：楊　騏

回顧

網站 vs 網頁

網站最基本的組成元素是什麼？？ 網頁

FrontPage 中的網站導覽圖是什麼？ 一個網站中，網頁之間的層級結構圖

什麼樣的檔案名稱可以作為網站首頁？ index.html default.php

數位化 FrontPage 　　實習教師：楊　騏

網站 網頁包含了許多網頁抽象的概念

包含了文字、圖片、表格等具體的檔案