frontpage2003 ch1
DESCRIPTION
TRANSCRIPT
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 實習教師:楊 騏
網站 網頁包含了許多網頁抽象的概念
包含了文字、圖片、表格等具體的檔案