Cascading Style Sheets (CSS) 層疊樣式表

Download Report

Transcript Cascading Style Sheets (CSS) 層疊樣式表 

HTML5
WORKSHOP
聖文德書院
ST BONAVENTURE COLLEGE & HIGH SCHOOL
背景
HTML5未完全成熟，沒有一個完美的browser可以支持所有功能。
HTML5的出現不是為教學用途, 而是為專業的網業開發。
(例如<font>, <frame>被移除)
那麼，對學校而言 我們應該如何將HTML5應用於學與教呢？
教學工具
Browser: Google Chrome
Editor: Notepad++
初中電腦
初中課程: 讓同學體驗最新科技發展
HTML4和HTML5可以混合使用
可以教CSS和Image Map
應用CSS - 將CSS 嵌入HTML檔案
1 <html>
2 <head>
3 <title>
4 網頁標題
5 </title>
6
定義CSS類別
<style>
7 .abc
8 {
9
text-shadow:6px 4px 4px #278c27;
10 }
11 </style>
應用CSS類別
12 </head>
13 <body>
14 <div class="abc"><font size="1000" color="black">Good afternoon!</font></div>
15 </body>
16 </html>
HTML5 IMAGE MAP
W3Schools DEMO:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_a
reamap
高中電腦
筆試只考HTML4，HTML5似乎沒有學的價值。
可以於SBA Project應用，另網站內容更加豐富。
網頁設計比賽
ANDROID APP
THANK YOU!
「聯絡」:
聖文德書院
- 區柏成老師 [email protected]