SlideShare a Scribd company logo
1 of 15
[object Object],[object Object],7.1  超文本標示語言的簡介 在網頁瀏覽器內展示出來的 HTML  文件
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],7.1  超文本標示語言的簡介
<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  超文本標示語言的簡介
<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  超文本標示語言的簡介
[object Object],[object Object],[object Object],[object Object],7.2  基本網頁編寫
[object Object],Dreamweaver  的工作環境 一般工具列 插入列 文件工具列 文件視窗 屬性檢測器 面板群組 檔案面板 7.2  基本網頁編寫
[object Object],[object Object],[object Object],Microsoft FrontPage Netscape Composer 7.2  基本網頁編寫
[object Object],[object Object],[object Object],構思題材 1.  定義網站的目的。 2.  決定網站的版面。 搜集及組織材料 1.  決定網站所需的材料。 2.  搜集或製作相關的材料。 3.  組織搜集所得的材料。 4.  編輯材料,使之適合作演示 。 7.2  基本網頁編寫
[object Object],建立網站 1.  使用網頁編寫軟件來建立網站。 上載 1.  登記一個網站。 2.  上載網頁。 7.2  基本網頁編寫
[object Object],測試及修改 1.  使用網頁瀏覽器來測試網頁。 2.  如有需要,修改及重新上載網頁。 宣傳 1.  尋找方法來吸引用戶瀏覽網頁。 7.2  基本網頁編寫
[object Object],[object Object],[object Object],[object Object],連接此網站的其他網頁 跳至此份文件的其他位置 啟動媒體播放器播放視像檔案 連接互聯網上的其他網站 開啟電郵軟件傳送電郵 7.2  基本網頁編寫 不同類型的超連結
[object Object],[object Object],7.2  基本網頁編寫
[object Object],7.2  基本網頁編寫 點擊超連結的結果及其所需的應用軟件 電郵程序或網頁瀏覽器 啟動電郵程序,並開 啟一封寄往此電郵地 址的新郵件 。 電郵地址 外掛程序 (  例如  Flash Player)  及網頁瀏覽 器 啟動外掛程序來開啟該檔案 。 Flash  檔案 ( 例如 SWF  檔案 ) 網頁瀏覽器 開啟該圖像檔案。 圖像檔案 ( 例如 JPG  檔案 ) 網頁瀏覽器 開啟該網頁。 HTML  文件 所需的應用軟件 按此項目的結果 超連結的類型
[object Object],[object Object],[object Object],插入圖像 插入表格 粗體 改變字型大小 插入 超連結 7.2  基本網頁編寫 Dreamweaver  中製作網頁的功能
[object Object],[object Object],[object Object],插入圖像 插入表格 粗體 改變字型大小 插入 超連結 7.2  基本網頁編寫 Dreamweaver  中製作網頁的功能

More Related Content

Viewers also liked

Visual vocabualry
Visual vocabualryVisual vocabualry
Visual vocabualryrdanyus
 
Notitermales no 30
Notitermales no 30Notitermales no 30
Notitermales no 30Termales
 
Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010
Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010
Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010becreebsr
 
Interpreting Historic Laws
Interpreting Historic LawsInterpreting Historic Laws
Interpreting Historic Lawszbrooks
 
Edfi 560 final
Edfi 560 finalEdfi 560 final
Edfi 560 finalreedj1117
 
Eje cafetero
Eje cafeteroEje cafetero
Eje cafeteroluisa1577
 
Mareike Kleine UNC-CH 20120907
Mareike Kleine UNC-CH 20120907Mareike Kleine UNC-CH 20120907
Mareike Kleine UNC-CH 20120907UNCEurope
 
Dibujos que te_dejan_pensando_naturaleza
Dibujos que te_dejan_pensando_naturalezaDibujos que te_dejan_pensando_naturaleza
Dibujos que te_dejan_pensando_naturalezaBalvina
 
Clase 05 2010 V Placa
Clase 05 2010 V PlacaClase 05 2010 V Placa
Clase 05 2010 V PlacaMiguel Neira
 
PresentacióN Dani
PresentacióN DaniPresentacióN Dani
PresentacióN Daniguest29052
 
Mariana 6º C
Mariana  6º CMariana  6º C
Mariana 6º Cbecreebsr
 

Viewers also liked (18)

Visual vocabualry
Visual vocabualryVisual vocabualry
Visual vocabualry
 
Hallgrímur pétursson
Hallgrímur péturssonHallgrímur pétursson
Hallgrímur pétursson
 
Notitermales no 30
Notitermales no 30Notitermales no 30
Notitermales no 30
 
Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010
Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010
Opiniões de alunos dos Cursos EFA sobre a Maratona de Leitura, 2010
 
Interpreting Historic Laws
Interpreting Historic LawsInterpreting Historic Laws
Interpreting Historic Laws
 
Edfi 560 final
Edfi 560 finalEdfi 560 final
Edfi 560 final
 
Eje cafetero
Eje cafeteroEje cafetero
Eje cafetero
 
Marathon 2012
Marathon 2012Marathon 2012
Marathon 2012
 
Xeografia
XeografiaXeografia
Xeografia
 
Invest puertollano present
Invest puertollano presentInvest puertollano present
Invest puertollano present
 
Mareike Kleine UNC-CH 20120907
Mareike Kleine UNC-CH 20120907Mareike Kleine UNC-CH 20120907
Mareike Kleine UNC-CH 20120907
 
Dibujos que te_dejan_pensando_naturaleza
Dibujos que te_dejan_pensando_naturalezaDibujos que te_dejan_pensando_naturaleza
Dibujos que te_dejan_pensando_naturaleza
 
Clase 05 2010 V Placa
Clase 05 2010 V PlacaClase 05 2010 V Placa
Clase 05 2010 V Placa
 
PresentacióN Dani
PresentacióN DaniPresentacióN Dani
PresentacióN Dani
 
Mariana 6º C
Mariana  6º CMariana  6º C
Mariana 6º C
 
O tráfico en Galicia
O tráfico en GaliciaO tráfico en Galicia
O tráfico en Galicia
 
Turismo rural en costa rica
Turismo rural en costa ricaTurismo rural en costa rica
Turismo rural en costa rica
 
Tekkland
TekklandTekkland
Tekkland
 

Similar to 3 appt07mai nc

《网页设计与制作》第一章:网页制作基础
《网页设计与制作》第一章:网页制作基础《网页设计与制作》第一章:网页制作基础
《网页设计与制作》第一章:网页制作基础greentask
 
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練Joseph Chiang
 
Search engine-optimization-starter-guide-zh-tw
Search engine-optimization-starter-guide-zh-twSearch engine-optimization-starter-guide-zh-tw
Search engine-optimization-starter-guide-zh-twsmallwriter
 
部落格製作與數位圖像編修
部落格製作與數位圖像編修部落格製作與數位圖像編修
部落格製作與數位圖像編修guest8a0fc8
 
HTML教學
HTML教學HTML教學
HTML教學TONY LEE
 
Build your Web browser & apps with nw.js
Build your Web browser & apps with nw.jsBuild your Web browser & apps with nw.js
Build your Web browser & apps with nw.jsYeti Sno
 
Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)Peggy Li
 
华北电商圈网友交流沙龙
华北电商圈网友交流沙龙华北电商圈网友交流沙龙
华北电商圈网友交流沙龙Wang Feng
 
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南donotbeevil
 
ICT-old-ch19-converted.pptx
ICT-old-ch19-converted.pptxICT-old-ch19-converted.pptx
ICT-old-ch19-converted.pptxliutommy1
 
网页制作基础
网页制作基础网页制作基础
网页制作基础loo2k
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004oldtaotao
 
資訊實務讀書會 第一堂課:Basic HTML
資訊實務讀書會 第一堂課:Basic HTML資訊實務讀書會 第一堂課:Basic HTML
資訊實務讀書會 第一堂課:Basic HTMLMaplewing Tamishi
 
鳳山高中/網頁應用程式開發入門 I
鳳山高中/網頁應用程式開發入門 I鳳山高中/網頁應用程式開發入門 I
鳳山高中/網頁應用程式開發入門 ILorex L. Yang
 

Similar to 3 appt07mai nc (20)

《网页设计与制作》第一章:网页制作基础
《网页设计与制作》第一章:网页制作基础《网页设计与制作》第一章:网页制作基础
《网页设计与制作》第一章:网页制作基础
 
Div+css培训
Div+css培训Div+css培训
Div+css培训
 
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
 
Search engine-optimization-starter-guide-zh-tw
Search engine-optimization-starter-guide-zh-twSearch engine-optimization-starter-guide-zh-tw
Search engine-optimization-starter-guide-zh-tw
 
第1章
第1章第1章
第1章
 
部落格製作與數位圖像編修
部落格製作與數位圖像編修部落格製作與數位圖像編修
部落格製作與數位圖像編修
 
HTML教學
HTML教學HTML教學
HTML教學
 
Build your Web browser & apps with nw.js
Build your Web browser & apps with nw.jsBuild your Web browser & apps with nw.js
Build your Web browser & apps with nw.js
 
Seo
SeoSeo
Seo
 
Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)
 
华北电商圈网友交流沙龙
华北电商圈网友交流沙龙华北电商圈网友交流沙龙
华北电商圈网友交流沙龙
 
谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南谷歌搜索引擎优化初学者指南
谷歌搜索引擎优化初学者指南
 
One
OneOne
One
 
HTML 語法教學
HTML 語法教學HTML 語法教學
HTML 語法教學
 
ICT-old-ch19-converted.pptx
ICT-old-ch19-converted.pptxICT-old-ch19-converted.pptx
ICT-old-ch19-converted.pptx
 
网页制作基础
网页制作基础网页制作基础
网页制作基础
 
敦群學院-SharePoint精英計畫-系統開發-Day 1
敦群學院-SharePoint精英計畫-系統開發-Day 1敦群學院-SharePoint精英計畫-系統開發-Day 1
敦群學院-SharePoint精英計畫-系統開發-Day 1
 
Dreamweaver mx2004
Dreamweaver mx2004Dreamweaver mx2004
Dreamweaver mx2004
 
資訊實務讀書會 第一堂課:Basic HTML
資訊實務讀書會 第一堂課:Basic HTML資訊實務讀書會 第一堂課:Basic HTML
資訊實務讀書會 第一堂課:Basic HTML
 
鳳山高中/網頁應用程式開發入門 I
鳳山高中/網頁應用程式開發入門 I鳳山高中/網頁應用程式開發入門 I
鳳山高中/網頁應用程式開發入門 I
 

Recently uploaded

10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习PUAXINYEEMoe
 
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个michaelell902
 
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdftaibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdfjhujyunjhang
 
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...微信 tytyqqww业务接单
 
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptxbusinesshealthwise
 
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdftaibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdfjhujyunjhang
 

Recently uploaded (6)

10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
10.2.1 马来西亚各州名称的由来六年级历史单元练习马来西亚各州名称的由来练习
 
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
法国蒙彼利埃国家高等建筑学院毕业证制作/德语歌德B1证书/加拿大新斯科舍省农业学院文凭加急制作一个
 
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdftaibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
taibif_開放資料流程-清理資料01-通則_20240509_20240509.pdf
 
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
1.🎉“黑客”如何修改成绩?🤔🎉 在这个信息爆炸的时代,我们经常会看到各种作弊手段。但是你知道吗?有一种作弊方式可能比你想象中更巧妙:它就是——黑客![单...
 
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
啟思中國語文 - 中二 單元一 - 孟嘗君列傳 - 記敍的方法和人稱1.pptx
 
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdftaibif_資料標準概念介紹_20240509_20240509_20340509.pdf
taibif_資料標準概念介紹_20240509_20240509_20340509.pdf
 

3 appt07mai nc

  • 1.
  • 2.
  • 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. <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.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.