Ebook lập trình html5 và css3 phần 1

Lý thuyết lập trình ngôn ngữ html5 và css3 từ cơ bản đến nâng cao phần 1.

BËI 1 NHỮNG KHçI NIỆM ĐẦU TIæN VỀ HTML5

ĐỊNH NGH A HTML5

ĐỊNH NGH A HTML5

!   Thˆnh phần của HTML5:

Thẻ HTML mới  Thuộc .nh CSS3 

Javascript   Công nghệ hỗ trợ tách biệt 

HTML5

Ð  Tạo ra website hữu dụng & tinh xảo

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 5

TỔNG QUAN VỀ Cò PHçP HTML5

TỔNG QUAN VỀ Cò PHçP HTML5

!   Ng™n ngữ HTML5 giới thiệu một số thẻ/ thˆnh phần mới giœp cấu trœc trang web được logic thiết thực hơn

header  { width:960px; height:100px; 

background‐color:gray; 

}   

TỔNG QUAN VỀ Cò PHçP HTML5

!   T•n của thˆnh phần mới dựa theo t•n c‡c thˆnh

phần th™ng dụng được sử dụng trong phần bố cục trang web hiện nay (div id="footer",div

id="nav", )

!   T‡c dụng của c‡c thˆnh phần mới trong HTML5:

!   Giảm bớt sự phụ thuộc vˆo thẻ <div>

!   Thay thế bởi một cấu trœc trang web thống nhất, dễ đọc hơn

mˆ chỉ bổ sung th•m c‡c thˆnh phần (thẻ) mới

vˆo danh s‡ch hiện c—

MỘT SỐ THËNH PHẦN MỚI CỦA

HTML5

THËNH PHẦN MỚI CỦA HTML5

!   <video> vˆ <audio>:

!   Cho phŽp nhœng video vˆ file ‰m thanh vˆo trang web

!   Kh™ng cần sử dụng tới plug-in của tr“nh duyệt

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 13

THËNH PHẦN MỚI CỦA HTML5

!   Lưu h“nh ảnh vừa vẽ dưới dạng png

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 15

THËNH PHẦN MỚI CỦA HTML5

!   Web form:

!   Thˆnh phần form mới trong HTML khi được thực thi

sẽ giœp qu‡ tr“nh lˆm việc với c‡c form trở n•n dễ

dˆng hơn so với hiện tại

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 17

<input type="email" required>

!   É

TỔNG QUAN VỀ HTML5 API

TỔNG QUAN VỀ HTML5 API

!   API (Application Programming Interfaces Ð giao diện lập tr“nh ứng dụng):

!   Lˆ c‡ch tạo ra c‡c ứng dụng sử dụng c‡c thˆnh phần được dựng sẵn

!   Kh™ng chỉ được ‡p dụng trong ph‡t triển web mˆ

TỔNG QUAN VỀ HTML5 API

!   API Geolocation:

!   Giœp x‡c định vị tr’ địa l! của tr“nh duyệt web

!   Th™ng tin nˆy được sử dụng để gửi dưới dạng dữ

liệu li•n quan dựa tr•n vị tr’

!   Geolocation hiện tại ang được k’ch hoạt trong một

số tr“nh duyệt hiện đại

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 21

TỔNG QUAN VỀ HTML5 API

!   Cải tiến cookie của tr“nh duyệt

!   Cookie lˆ một c™ng nghệ bị giới hạn vˆ kh— kh n cho c‡c nhˆ thiết kế để c— thể sử dụng

!   Web storage n‰ng cấp m™ h“nh nˆy để cung cấp

kh™ng gian lưu trữ lớn hơn cho c‡c ứng dụng web hiện đại

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 23

Dữ liệu bị mất đi khi đóng 

trình duyệt 

CSS3

CSS3

!   CSS3 kh™ng phải lˆ một thˆnh phần của HTML5,

nhưng lại c— mối li•n quan mật thiết với HTML5

!   CSS3 được ph‡t triển song song với HTML5

!   Web font: @font-face

Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 27