FRONTPAGE.

Presentation on theme: "FRONTPAGE."— Presentation transcript:

1 FRONTPAGE

2 課程介紹

3 97年度第1學期各科教學、作業、考試進度表進度表
東海大學附屬實驗高級中學97年度第1學期進度表

4 網路發展及電腦網路簡介 Internet 發展史
1968 年美國國防部高級研究計劃署 (ARPA 現改為 DARPA) 開始進行一項實驗性的封包交換網路的計劃，因而發展出 ARPANET 當時發展該網路之主要目的在於連接其分散於全美各地的電腦系統， 讓美國科學家及研究人員可以分享資料、共用軟硬體設備、並可藉 此網路交換電子郵件。

5 ARPANET 於 1969年開始正式運作，在最初只有四個節點，並以
56Kbps 的線路互相連結。 1980 年發展出 TCP/IP 通訊協定，奠定了後來 Internet 的基礎。 Transmission Control Protocol / Internet Protocol

6 1983年，美國軍方選定 TCP/IP 作為標準的通訊協定，ARPANET開始 全面採用 TCP/IP 通訊協定。
為確保軍事機密的安全，ARPANET 分為兩個部份: ARPANET 開放給民間的研究機構使用。 MILNET 專供國防、軍事用途的網路。

7 美國國家科學基金會(NSF - National Science Foundation) 建立另 一個以 TCP/IP 為通訊協定的網路 NSFNET，Internet 也就開始架構 在 NSFNET 上，剛開始是以56 Kbps 的數據專線連接六個超級電腦中 心。

8 1988 年 6月由 Merit、IBM、MCI (ANS) 合作以 T1 (1
1988 年 6月由 Merit、IBM、MCI (ANS) 合作以 T1 (1.544 Mbps)連 接 13 個 NSFNET 節點，成為Internet 的骨幹。 ARPANET 在1990 年 6月正式終止運作。 1992 年，ANS 將NSFNET 骨幹提昇至 T3 (45 Mbps)。

9 1991年底，美國總統簽署了「高效能計算」法案 (HPC - The High Performance Computing Act)， 預定以五年的時間 ( ) 來建 立 NREN (National Research and Education Network) 高速網路，預 計其傳輸速度將超過 1 Gbps，且涵蓋範圍並及於中小學， 目前已有五 個測試中心以155 Mbps骨幹相連並正測試發展中。

10 由於 Internet 採用的 TCP/IP 通訊協定被廣泛的使用，在擴充上相當 容易，因此 Internet 擴充的速度相當快速。原來只有美國 NFSNET 而 已， 由於其成效卓著，世界個國也就開始陸續加入其行列，發展至今 Internet 已經成為一個橫跨全球的超大型網路群。

11 目前 Internet 大約是以每個月15% 的速度快速成長中， 其應用也逐漸 不再侷限於學術研究發展上， 商業上的網路應用也急遽的增加中。截至 1994 年 6 月止，其涵蓋範圍已經超過 90 個國家， 所連結的網路群大 約為 24000個，而串接在上面的各式各樣電腦 更高達 22,000,000 部。

12

13 LAN:區域網路 WAN:廣域網路(如跨縣市) MAN:都會型網路(都市裡區域網路的結合) Intranet :企業內的私用網路 Extranet :企業間之網路

14

15

16

17

18

19

20 網際網路的概念 www: 全球資訊網 (world wide web)
全球資訊網是一種以多媒體方式提供各類資料的服務,透過瀏覽器軟體就可以接受文字,影像,動畫等

21 檔案傳輸(File Transfer Protocol) 簡稱 FTP

22 IE 瀏覽器

23 馬上練習 請搜尋有關(環境保護)的資料. 1.進入雅虎-搜尋-環保 2.將查詢到資料及圖片存起來 3.利用word 將資料整理書面報告

24 馬上練習 請搜尋有關(環境保護)的資料. 1.進入雅虎-搜尋-環保 2.將查詢到資料及圖片存起來 3.檔案-另存新檔-存檔類型html

25

26 組織我的最愛-加入-刪除

27

28

29

30

31

32

33

34

35

36

37

38 課程介紹 FrontPage 界面介紹 FrontPage 基本操作 FrontPage 表格編排網頁 FrontPage 超連結
網頁上傳

39 FrontPage界面介紹 網頁檢視 網頁編輯區 檢視列 網頁下載參考時間

40 FrontPage 基本操作 新增網頁

41 FrontPage 基本操作 網頁檢視 一般模式 預覽模式 HTML 模式

42 FrontPage 基本操作 圖片與動畫 加入圖片 插入美工圖案中的圖片檔 插入 Internet 上的圖片檔 圖片的管理與編輯

43 FrontPage 基本操作 加入圖片 插入圖片美工檔案選擇所需圖片

44 FrontPage 基本操作 插入 Internet 上的圖片檔 將Internet上之圖片儲存至檔案夾內
插入圖片從檔案選擇剛剛儲存的檔案

45 FrontPage 基本操作 網頁中的圖片格式 GIF 和 JPEG 圖檔的特色 PNG GIF JPEG 透明圖 可 交錯圖 壓縮方式
非失真式 失真式 儲存的色彩 256 色 全彩

46 FrontPage 基本操作 佈景主題 新增佈景主題 更換佈景主題 背景 DIY 不同的佈景主題 佈景主題中的 Page Banner
白手起家做背景 更改佈景主題的設定 更改背景 更改文字顏色

47 FrontPage 基本操作 佈景主題

48 FrontPage 基本操作 背景

49 FrontPage 表格編排網頁 利用表格來編排網頁的版面 建立表格 快速修改表格 表格的內容屬性設定 儲存格的內容屬性設定 插入表格
利用手繪表格工具建立表格 快速修改表格 表格的選取 調整表格寬度及高度 加欄或加列 刪除表格及儲存格 表格的內容屬性設定 儲存格的內容屬性設定

50 FrontPage 表格編排網頁 插入表格

51 FrontPage 表格編排網頁 手繪表格 檢視工具列資料表

52 FrontPage 表格編排網頁 表格的內容屬性設定

53 FrontPage 超連結 加入超連結 連結 網頁書籤 連結強化效果 影像地圖

54 FrontPage 超連結 設定超連結

55 FrontPage 超連結 超連結顯示設定

56 FrontPage 超連結 連結 選取超連結內容滑鼠右鍵超連結 填寫信箱名稱

57 FrontPage 超連結 網頁書籤 選取書籤內容插入書籤確定

58 FrontPage 超連結 書籤連結 選取超連結內容滑鼠右鍵超連結 選擇書籤位置 選擇連結後圖文框顯示

59 FrontPage 超連結 連結強化效果 格式背景啟用強化效果強化格式設定 強化效果

60 網頁特效運用 影像地圖 插入圖片 檢視工具列圖片 影像地圖編輯方式有矩形作用區、圓形作用區、多角型作用區以及醒目提示作用區。

61 網頁特效運用 STEP 1 STEP 3 STEP 2 影像地圖 選擇矩形作用區 窗選圖片位置 撰寫超連結位置

62 網頁特效運用 網頁切換 加入計數器 網站更新日期 製作訪客留言板 在網站中加入音樂 在網頁中加入影片 閃亮網頁篇

63 網頁特效運用 網頁切換 格式網頁切換

64 網頁特效運用 網頁切換代碼 代號 花樣 方塊漸小 8 垂直百葉窗 16 水平向外撥裂 1 方塊漸大 9 水平百葉窗 17 由右上向左下撥裂
方塊漸小 8 垂直百葉窗 16 水平向外撥裂 1 方塊漸大 9 水平百葉窗 17 由右上向左下撥裂 2 圓形漸小 10 水平棋盤 18 由右下向左上撥裂 3 圓形漸大 11 垂直棋盤 19 由左上向右下撥裂 4 由下向上擦拭 12 隨機碎片隱藏 20 由左下向右上撥裂 5 由上向下擦拭 13 垂直向內撥裂 21 隨機水平條紋擦拭 6 由左向右擦拭 14 垂直向外撥裂 22 隨機垂直條文擦拭 7 由右向左擦拭 15 水平向內撥裂 23 前２３項隨機選取

65 網頁特效運用 加入計數器 安裝方法如下： 1.使用個人的帳號及密碼登入本校 mail server 內．
2.輸入 ~Kaiz/autocount.sh 並按下 enter 鍵(注意: K 為大寫)． 3.若沒有任何錯誤訊息出現，表示您已經安裝完成了． 4.最後，只要依螢幕上的提示在適當的地方加入標記文字即可．

66 網頁特效運用 網站更新日期 插入日期及時間選取顯示格式

67 網頁特效運用 使用範本建立留言板 新增網頁網頁範本訪客留言

68 網頁特效運用 留言版範本

69 網頁特效運用 加入表單欄位 插入表單 選擇欲增加之物件

70 網頁特效運用 在網站中加入音樂 加入背景音樂 按滑鼠右鍵選網頁內容輸入背景聲音位置 格式網頁內容

71 網頁特效運用 在網站中加入音樂 使用 Plug-in 加入聲音檔案 插入Web 元件 Plug-in

72 網頁特效運用 在網頁中加入影片 插入視訊

73 網頁特效運用 動態顯示按鈕 文字的動態顯示按鈕 圖片的動態顯示按鈕 橫幅廣告管理員 跑馬燈 加入跑馬燈 跑馬燈的設定

74 網頁特效運用 動態顯示按鈕 插入Web 元件 動態效果 動態顯示按鈕

75 網頁特效運用 設定動態顯示按鈕 動態顯示按鈕預覽

76 網頁特效運用 動態顯示按鈕 插入Web 元件 動態效果 跑馬燈 撰寫顯示文字 設定格式

77 網頁特效運用 橫幅廣告管理員 插入Web 元件 動態效果 橫幅廣告管理員 設定圖片及超連結 設定格式

78 FrontPage 分割網頁 建立框架 新增網頁 網頁範本 框架頁 選擇所需框架頁

79 FrontPage 分割網頁

80 FrontPage 分割網頁 設定框架屬性 按滑鼠右鍵框加內容設定初始網頁名稱路徑

81 網頁上傳 STEP1：連線至 telnet mail.ntust.edu.tw STEP2：建立目錄 STEP3：上傳網頁
login:B91030XX  <---輸入學號 Password:       <---輸入 密碼 STEP2：建立目錄 chmod <enter>       ^   ^ 空隔 mkdir www      www 要小寫 chmod 755 www STEP3：上傳網頁 STEP4：個人網頁連結

82 網頁上傳 上傳網頁(視窗模式) 個人網頁連結 輸入網址： http://mail.ntust.edu.tw/~B91030XX/
建立 www 資料夾 將個人網頁資料放置於 www 資料夾內 個人網頁連結

83 網頁上傳 注意事項： 其他功能設定請參閱 Mail Server 上相關文章
首頁檔名必須為 index.html 或 Welcome.html 首頁必須放置於 www 資料夾內 其他功能設定請參閱 Mail Server 上相關文章