Bài1: Internet –Web –HTML Siêuliên k ết–Danhsách– B ảng
GV: ĐOÀN THIỆN NGÂN dngan2003@gmail.com – ngan@ueh.edu.vn
LTM1 –Bài1 -1/35
Tàili ệuthamkh ảoonline
1. www.w3schools.com 2. http://www.htmlcodetutorial.com 3. http://www.javascriptkit.com 4. www.w3.org 5.HTML5 -WHATWQ www.whatwg.org JavaScript Web Applications, Alex MacCaw, O’Reilly, 2011
LTM1 –Bài1 -2/35
Phần1: T ổngquantrangweb t
ĩnh
–Tổngquan ứng dụngweb –HTML –CSS –Javascript –XHTML –HTML 5
LTM1 –Bài1 -3/35
Tổngquan
• Phânlo ạitàili ệu
– WYWIWYG: What You Want Is What You Get.
Groff, Troff, Tex, Latex, SGML, XML, HTML, …
– WYSIWYG: What You See Is What You Get.
MsWord, …
• HTTP ─ Hypertext Transfer Protocol
– Web Server: IIS, Apache, Tomcat, Glassfish,
Wamp. Xamm, …
– Web Browser: IE (Internet Explorer), Firefox,
Safari, Chrome, Opera, …
LTM1 –Bài1 -4/35
HTML Editors
– Frontpage2003, – SharePoint Designer 2007, 2010 – WebMatrix – Expression Web 4 (free)
• Dreamweaver (4, 8, CS3, CS4, CS5, CS6) • Microsoft
• Free softwares: Kompozer, Aptana,
LTM1 –Bài1 -5/35
SeaMonkey, Netbeans, … • CoffeeCupHTML Editor • PSPAD
Tổngquan – Ứng dụng Web
– Kết hợpclient ─sidescripting (Javascript,
• TrangWeb t ĩnh: htm, html
Vbscript, …)
– Không cầnWeb server lúcth ử nghiệm – Hầu hếtcáctrìnhduy ệt hỗ trợ
• TrangWeb động(server ─sidescripting): r ất đa dạngnh ư cgi, asp, aspx, jsp, jsf, php, … – Thường đi với Cơ sở dữ liệu – Bắtbu ộcph ảicóweb server -httpdlúcch
ạy để
sinhHTML code tr ả về client
LTM1 –Bài1 -6/35
Static Web pages
Một vài nhận xét về trang web tĩnh:
1.Tác gi ả viết trang Web dùng HTML và lưu thành tập tin .htm (.html) trên Web server. 2.Sau đó một user nhập URL vào trình duyệt và một yêu cầu (request) được gởi từ trình duyệt đến Web server
3.Web server xác định trang .htm (hay .html)
và chuyển nó về dạng HTML.
4.Web server g ởi trang HTML qua mạng về
trình duyệt.
5.Trình duy ệt xử lý trang HTML và hiển thị
LTM1 –Bài1 -7/35
lêntrangweb.
Client─SideScripting WebPages
Client-Side Scripting WebPages 1.Tác gi ả viết một tập lệnh để tạo trang Web và lưu
thành tập tin .htm trên Web server. Tập lệnh này có thể trong những dạng ngôn ngữ khác nhau và lưu riêng biệt hay chung trong tập tin HTML.
2.Sau đó một user nhập URL vào trình duyệt và một yêu cầu (request) được gởi từ trình duyệt đến Web server 3.Web server xác định trang .htm và những trang liên hệ
chứa tập lệnh (nếu có)
4.Web server g ởi trang HTML và tập lệnh tương ứng
qua mạng về trình duyệt.
5.Trình duy ệt xử lý trang HTML và tập lệnh hiển thị lên
trang web.
LTM1 –Bài1 -8/35
LTM1 –Bài1 -9/35
Server─Side Dynamic Web pages
Server-Side Dynamic Web Pages 1. Tác giả viết một tập lệnh để tạo trang Web và lưu
thành tập tin trên Web server.
2. Sau đó một user nhập URL vào trình duyệt và một yêu cầu (request) được gởi từ trình duyệt đến Web server
3. Web server xác định trang chứa tập lệnh 4. Web server xử lý tập lệnh tạo ra trang HTML 5. Web server gởi trang HTML qua mạng về trình
duyệt.
6. Trình duyệt xử lý trang HTML và hiển thị lên
trang web.
asp; aspx; jsp; jsf; php; cfm; … LTM1 –Bài1 -10/35
LTM1 –Bài1 -11/35
HTML
• Trangweb t ĩnh*. htm, *.html • Chạyth ử trựcti ếptrongtrìnhduy ệt,
không cầnweb server
• Tậptin v ăn bản vớicácth ẻ lệnhquy
chuẩn ─ WYWIWYG (Tools choth ấy định dạngWYSIWYG)
• Cấutrúc, th ẻ lệnh căn bản, định dạng,
liên kết, bảng dữ liệu, frame, … (Chương 1, 2 và3 giáotrình L ậptrình m ạng1) LTM1 –Bài1 -12/35
CSS
• Cascading Style Sheets ─ CSS • CSS định nghĩacách hi ển thị của các tài liệu viết bằng ngôn ngữ đánh dấu như HTML
• CSS được thiết kế với mục đích tách biệt phần nội dung (viết bằng ngôn ngữ HTML) với phần trình bày (viết bằng ngôn ngữ CSS) của tài liệu
– tăng khả năngtruy xu ất nội dung tài liệu, – tăng tính uyển chuyển và đơn giản cấu trúc – giảm bớt sự lặp lại các thẻ định dạng
LTM1 –Bài1 -13/35
• Sự tách biệtlàm:
Sử dụng CSS trong HTML
Ba cách sử dụng CSS • Inline CSS:
– Bên trong một thẻ HTML
• Internal CSS:
– Trong phần đầu tài liệu HTML (head), nằm