Presentation is loading. Please wait.

Presentation is loading. Please wait.

網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:1020603.

Similar presentations


Presentation on theme: "網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:1020603."— Presentation transcript:

1 網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:

2 導覽 一、 HTML架構說明。 二、 HTML使用範例。 三、無序號清單撰寫 。 四、有序號清單撰 。 五、目錄、定義及選單 。

3 一、HTML架構說明 HTML本身並不是程式而是使用一些標記<tags>所構成。 EX: <html>
<head> <title>我的網頁</title> 臉 </head> <body> 網頁顯示內容 </body> </html>

4 三、HTML使用範例 圖片呈現 文字呈現

5 三、HTML使用範例 超連結呈現

6 三、HTML使用範例 動畫呈現

7 三、HTML使用範例 影片呈現

8 三、無序號清單撰寫 無序號清單 <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <UL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </UL> </BODY> </HTML>

9 三、無序號清單撰寫 標籤內增加屬性TYPE <UL TYPE=DISC>圓點
<HTML> <HEAD> <TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <UL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </UL> </HTML> <UL TYPE=DISC>圓點 <UL TYPE=CIRCLE>空心圓點 <UL TYPE=SQUARE>實心方塊

10 四、有序號清單撰 標籤內增加屬性TYPE <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML>

11 四、有序號清單撰 啓始序號 <OL START=3> <HTML> <HEAD>
<TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML> <OL START=3>

12 四、有序號清單撰 指定條件項目 <LI VALUE=10> <HTML> <HEAD>
<TITLE> 我的網頁 </TITLE> </HEAD> <BODY> <H3>日新工商</H3> <OL> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </OL> </HTML> <LI VALUE=10>

13 四、目錄、定義及選單 不一樣的清單寫法 <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <MEMU> <LI>資料處理科 <LI>餐飲科 <LI>汽車科 </MENU> </HTML>

14 四、目錄、定義及選單 多層次清單 <HTML> <HEAD> <TITLE> 我的網頁
<BODY> <H3>日新工商</H3> <DL> <DT>資料處理科 <DT>餐飲科 <DD>餐飲管理 <DD>餐飲技術 <DT>汽車科 <DD>汽車修護 <DD>汽車技術 </DL> </HTML>

15 END THANK YOU


Download ppt "網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:1020603."

Similar presentations


Ads by Google