3 appt07mai nc

341 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
341
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

3 appt07mai nc

  1. 1. <ul><li>超文本標示語言 (HTML) 是製作網頁最常用的標示語言。 </li></ul><ul><li>它含有一套稱為 標記 的特殊格式符號,用來定義網頁的版面和外觀。 </li></ul>7.1 超文本標示語言的簡介 在網頁瀏覽器內展示出來的 HTML 文件
  2. 2. <ul><li>HTML 文件 </li></ul><ul><ul><li>包含 HTML 標記的純文字檔案。 </li></ul></ul><ul><ul><li>可分成兩部分 </li></ul></ul><ul><ul><ul><li>起始部分 </li></ul></ul></ul><ul><ul><ul><li>主體部分 </li></ul></ul></ul><ul><li>以下的 HTML 文件展示如何使用 HTML 標記來製作網頁。 </li></ul>7.1 超文本標示語言的簡介
  3. 3. <HTML> <HEAD> <TITLE>Bonnie</TITLE> </HEAD> <BODY> Bonnie's Homepage <BR> <IMG src=&quot;bonnie.jpg&quot;> <BR> <A href=&quot;page2.html&quot;>Next Page</A> </BODY> </HTML> 定義 HTML 文件的 開始和結尾 定義起始部分 定義主體部分 文字 換行 圖像 超連結 7.1 超文本標示語言的簡介
  4. 4. <HTML> <HEAD> <TITLE>Bonnie</TITLE> </HEAD> <BODY> Bonnie's Homepage <BR> <IMG src=&quot;bonnie.jpg&quot;> <BR> <A href=&quot;page2.html&quot;>Next Page</A> </BODY> </HTML> 定義 HTML 文件的 開始和結尾 定義起始部分 定義主體部分 文字 換行 圖像 超連結 7.1 超文本標示語言的簡介
  5. 5. <ul><li>網頁編寫軟件 </li></ul><ul><ul><li>可幫助我們製作大規模的專業 網站 。 </li></ul></ul><ul><ul><li>除了可管理整個網頁及包含一些加入 多媒體元素 和互動控制於網頁內等額外功能外,網頁編寫軟件的基本功能與一般的文書處理器相近。 </li></ul></ul><ul><ul><li>專業的網頁編寫軟件亦包含一些特別的工具,用來管理及更新網站內數以百計的網頁。 </li></ul></ul>7.2 基本網頁編寫
  6. 6. <ul><li>網頁編寫軟件 </li></ul>Dreamweaver 的工作環境 一般工具列 插入列 文件工具列 文件視窗 屬性檢測器 面板群組 檔案面板 7.2 基本網頁編寫
  7. 7. <ul><li>網頁編寫軟件 </li></ul><ul><ul><li>Microsoft FrontPage 和 Dreamweaver 都是流行的網頁編寫軟件。 </li></ul></ul><ul><ul><li>你也可以從互聯網上下載一些免費的網頁編寫軟件,例如 FrontPage Express 和 Netscape Composer 來編寫網頁。 </li></ul></ul>Microsoft FrontPage Netscape Composer 7.2 基本網頁編寫
  8. 8. <ul><li>網站製作的流程 </li></ul><ul><ul><li>網站製作可分成數個步驟。 </li></ul></ul><ul><ul><li>這些步驟同時適用於製作簡單和複雜的網站。 </li></ul></ul>構思題材 1. 定義網站的目的。 2. 決定網站的版面。 搜集及組織材料 1. 決定網站所需的材料。 2. 搜集或製作相關的材料。 3. 組織搜集所得的材料。 4. 編輯材料,使之適合作演示 。 7.2 基本網頁編寫
  9. 9. <ul><li>網站製作的流程 </li></ul>建立網站 1. 使用網頁編寫軟件來建立網站。 上載 1. 登記一個網站。 2. 上載網頁。 7.2 基本網頁編寫
  10. 10. <ul><li>網站製作的流程 </li></ul>測試及修改 1. 使用網頁瀏覽器來測試網頁。 2. 如有需要,修改及重新上載網頁。 宣傳 1. 尋找方法來吸引用戶瀏覽網頁。 7.2 基本網頁編寫
  11. 11. <ul><li>加入超連結 </li></ul><ul><ul><li>超連結 是網頁其中一項重要的元素。 </li></ul></ul><ul><ul><li>它讓瀏覽者從一個網頁跳到其他網頁。 </li></ul></ul><ul><ul><li>超連結亦能連結至其他元素,例如文本、圖像及視像檔案。 </li></ul></ul>連接此網站的其他網頁 跳至此份文件的其他位置 啟動媒體播放器播放視像檔案 連接互聯網上的其他網站 開啟電郵軟件傳送電郵 7.2 基本網頁編寫 不同類型的超連結
  12. 12. <ul><li>加入超連結 </li></ul><ul><ul><li>如果超連結所指向的是網頁瀏覽器未能處理的檔案或指令,相應的應用軟件便會開啟。 </li></ul></ul>7.2 基本網頁編寫
  13. 13. <ul><li>加入超連結 </li></ul>7.2 基本網頁編寫 點擊超連結的結果及其所需的應用軟件 電郵程序或網頁瀏覽器 啟動電郵程序,並開 啟一封寄往此電郵地 址的新郵件 。 電郵地址 外掛程序 ( 例如 Flash Player) 及網頁瀏覽 器 啟動外掛程序來開啟該檔案 。 Flash 檔案 ( 例如 SWF 檔案 ) 網頁瀏覽器 開啟該圖像檔案。 圖像檔案 ( 例如 JPG 檔案 ) 網頁瀏覽器 開啟該網頁。 HTML 文件 所需的應用軟件 按此項目的結果 超連結的類型
  14. 14. <ul><li>使用 Dreamweaver 製作網頁 </li></ul><ul><ul><li>Dreamweaver 提供了一個用戶友好的界面來讓使用者製作網頁。 </li></ul></ul><ul><ul><li>下圖展示製作網頁時一些常用的功能。 </li></ul></ul>插入圖像 插入表格 粗體 改變字型大小 插入 超連結 7.2 基本網頁編寫 Dreamweaver 中製作網頁的功能
  15. 15. <ul><li>使用 Dreamweaver 製作網頁 </li></ul><ul><ul><li>Dreamweaver 提供了一個用戶友好的界面來讓使用者製作網頁。 </li></ul></ul><ul><ul><li>下圖展示製作網頁時一些常用的功能。 </li></ul></ul>插入圖像 插入表格 粗體 改變字型大小 插入 超連結 7.2 基本網頁編寫 Dreamweaver 中製作網頁的功能

×