Download presentation
Presentation is loading. Please wait.
2
網站的設計 HTML 超文本標記語言( Hyper Text Markup Language)
JavaScript 世界上最流行的編程語言。 用Word編輯網頁 網站構建
3
HTML 超文本標記語言 HTML 是用來描述網頁的一種語言。
HTML不是一種編程語言,而是一種標記語言 (markup language) 標記語言是一套標記標籤 (markup tag) HTML使用標記標籤來描述網頁
4
HTML 標籤 HTML 標記標籤通常被稱為HTML 標籤(HTML tag)。
HTML標籤通常是成對出現的,比如<b>和</b> 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤
5
HTML 文檔 HTML 文檔= 網頁 HTML文檔描述網頁 HTML文檔包含HTML標籤和純文本 HTML文檔也被稱為網頁
Web 瀏覽器的作用是讀取HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示HTML 標籤,而是使用標籤來解釋頁面的內容:
6
<html><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html> HTML 網頁原始檔案內容的基本架構 <!DOCTYPE html> <html> <head> <title>文檔的標題</title> </head> <body> 文檔的內容 </body> </html>
7
HTML 示範 HTML標題是通過<h1>~<h6>定義的,段落是通過<b>與<p>定義的。
HTML序列表是通過<ul>定義的。 HTML圖像是通過<img> 標籤進行定義的。 HTML播放<audio> 標籤進行定義的。 HTML 鏈接是通過<a> 標籤進行定義的。
8
JavaScript 世界上最流行的編程語言
JavaScript 是為HTML 設計者提供的一種的編程 工具 JavaScript 可以在HTML頁面中放入動態的文本 JavaScript 能夠對事件進行反應 JavaScript 可讀取並修改HTML 元素 JavaScript 可被用來驗證數據
9
JavaScript 示範 JavaScript 顯示本日的每日靈修網頁 JavaScript 連續播放mp3音樂檔
10
用Word編輯網頁 由於目前市面上有非常多製作網頁的軟體,所 以當您要製作網頁時,可先考慮自己的需求, 再選擇一套最適合自己的軟體來製作網頁,例 如:FrontPage、Dreamweaver、Word…… 等。 預覽Word文件的網頁效果 將Word文件變成網頁文件 建立新的網頁文件
11
網站構建 網站企劃 網頁設計 前端開發 後端開發 測試驗收 發佈-結案
Similar presentations