Đang tải... (xem toàn văn)
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 MỤC TIæU BËI HỌC ! Định ngha về HTML5 ! Tổng qu‡t về cœ ph‡p của HTML5 ! Một số thˆnh phần mới của HTML5 ! Tổng quan về HTML5 API (giao diện lập tr“nh ứng dụng) vˆ c™ng nghệ hỗ trợ ! Giới thiệu CSS3 Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 2 ĐỊNH NGHA HTML5 ĐỊNH NGHA HTML5 Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 4 ! Thˆnh phần của HTML5: !"#$%!&'$()*$ !"+,-$./"$0112$ 34546-7*89$$ 0:/;$/;"<$"=$97>$9?-"$@*<9$ HTML5 ĐỊNH NGHA HTML5 ! HTML5 vˆ họ HTML5: ! HTML5: ¥ Lˆ những thˆnh phần ‡nh dấu/ cœ ph‡p mới ¥ C‡c thẻ (tag) ¥ V’ dụ: <ul>, <li>, <div>, É ! Họ HTML5: ¥ Bao gồm c‡c thẻ mới ¥ C™ng nghệ mới: CSS3, Geolocation, Web storage, web workers, web socket ¥ T‡c dụng của c™ng nghệ mới: Ð Cung cấp t’nh nng mạnh mẽ cho bộ c™ng cụ Ð 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 ĐỊNH NGHA HTML5 ! Phạm vi sử dụng HTML5: ! PC ! Thiết bị di động & smartphone ! . Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 6 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 Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 8 Phiên bản trước HTML5 AB*5$id="header" C$!"*6$*6$(D$"E4BE7$ AFB*5C$ $ $ G"E4BE7$H$I*B9"JKLM8NO$"E*;"9JPMM8NO$ @4-Q;7R+/BS-RTR7J;74DO$ U$ $ $ $ $ A"E4BE7C$!"*6$*6$(D$"E4BE7$AF "E4BE7C$ $ $ "E4BE7$H$I*B9"JKLM8NO$"E*;"9JPMM8NO$ @4-Q;7R+/BS-RTR7J;74DO$ U$ $ TỔNG QUAN VỀ Cò PHçP HTML5 ! Thˆnh phần mới trong HTML5: ! A: <header> ! B: <nav> ! C: <section> ! D:<article> ! E: <aside> ! F: <footer> Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 9 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 ! HTML5 kh™ng thay thế bất k cœ ph‡p HTML nˆo; mˆ chỉ bổ sung th•m c‡c thˆnh phần (thẻ) mới vˆo danh s‡ch hiện c— Slide 1 - Những kh‡i niệm đầu ti•n về HTML5 10