BÁO CÁO PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC Nguyên lý sáng tạo được ứng dụng trong HTML 5 và CSS 3

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐÀO TẠO THẠC SĨ CNTT QUA MẠNG ________________ BÁO CÁO THU HOẠCH MÔN HỌC PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC Đề tài: Nguyên lý sáng tạo được ứng dụng trong HTML 5 và CSS 3 Giáo viên hướng dẫn: GS.TSKH Hoàng Kiếm Sinh viên thực hiện: Du Chí Hào Mã số sinh viên: CH1101083 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG Tp. HCM 2012 Lời nói đầu Khoa học và công nghệ là đặc trưng của thời đại, nghiên cứu khoa học đã trở thành hoạt động sôi nổi và rộng khắp trên phạm vi toàn cầu. Các thành tựu của khoa học hiện đại đã làm thay đổi bộ mặt thế giới. Khoa học và công nghệ đã trở thành động lực thúc đẩy sự tiến bộ nhân loại. Cùng với nghiên cứu khoa học hiện đại, mọi người đang chú ý đến phương pháp nhận thức khoa học, coi đó là nhân tố quan trọng để phát triển khoa học. HTML và CSS trong những bước đầu tiên phát triển và cho đến nay, đã tạo ra được bước phát triển đột phá trong việc chia sẻ tài nguyên và thông tin trên internet. HTML và CSS đã mang đến một thế giới muôn màu cho người dùng, cũng như là sự đơn giản, dễ hiểu, tường minh trong từng thẻ lệnh cho những nhà phát triển web. Đó là lý do em chọn đề tài này để em được củng cố, mở rộng kiến thức, phân tích các nguyên lý sáng tạo được áp dụng trong HTML 5 và CSS 3. Từ đó, em sẽ vận dụng chúng vào trong thực tế một cách hiệu quả nhất. Em xin chân thành cám ơn thầy GS.TSKH Hoàng Kiếm đã truyền đạt những kiến thức quý báu cho em về bộ môn “Phương pháp nghiên cứu khoa học trong tin học” để em có thể hoàn thành bài thu hoạch này. MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 2 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG Mục lục CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG 2 PHẦN I : HTML5 4 a. Giới thiệu về HTML 4 b. Những điểm mới trong HTML 5 6 c. Các nguyên tắc sáng tạo được áp dụng trong HTML 5 11 PHẦN II : CSS 3 14 I. Giới thiệu về CSS 14 b. Những điểm mới trong CSS 3 15 c. Các nguyên tắc sáng tạo được ứng dụng trong CSS 3 19 PHẦN III : Kết luận 21 PHẦN IV : Tài liệu tham khảo 22 MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 3 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG PHẦN I : HTML5 a. Giới thiệu về HTML 1. Lịch sử phát triển của HTML HTML (HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ nền tảng của web. HTML được Tim Berners-Lee phát triển vào năm 1989 ở viện thí nghiệm CERN - Thụy sỹ. Điều này đã đánh dấu một bước phát triển mới cho xã hội thông tin. Ban đầu, ông làm việc cho viện thí nghiệm CERN mà việc thí nghiệm phải hợp tác nghiên cứu với nhiều viện khác trên thế giới. Tim đã nãy sinh ra ý tưởng là cho phép các nhà nghiên cứu có thể tham khảo dữ liệu từ một nơi mà dữ liệu được tập hợp và tổ chức lại sao cho khi đang đọc tài liệu này, nhà nghiên cứu có thể xem tài liệu liên quan bằng cách nhấn vào một liên kết được hiển thị trên màn hình. HTML được phát triển dựa trên ngôn ngữ Standard Generalized Markup Language (SGML). SGML là một hệ thống tổ chức và gắn thẻ cơ bản của một tài liệu. Ngôn ngữ này không quy định những định dạng, nguyên tắc mà nó chỉ quy định cụ thể các quy tắc cho các thẻ (Theo wikipedia). Tuy nhiên, đến năm 1990, phiên bản HTML đầu tiên mới được tung ra và gần như sau một năm, ngôn ngữ HTML mới được ứng dụng. Tháng 4 năm 1993, trình duyệt đầu tiên Mosaic xuất hiện và nhóm Mosaic đã mở rộng thêm một số thẻ mới như image, v.v… HTML đã trải qua 4 phiên bản gồm HTML phiên bản đầu tiên (1990), HTML 2 (1994), HTML 3 (1995), HTML 4 (1997). Vào năm 1994, tập đoàn tài chính World Wide Web (W3C) được thành lập với người đứng đầu là Tim Berners-Lee đã đứng ra hỗ trợ cho sự phát triển của HTML. Qua các phiên bản phát triển, HTML ngày càng có nhiều thẻ mới, tính năng mới cũng như là tính đơn giản hóa ngày càng cao. HTML 4 đươc phát triển vào năm 1997 và là phiên bản thành công nhất được sử dụng phổ biến cho đến hiện nay. Với rất nhiều thẻ mới như Button, FieldSet, Frame, Iframe, Legend, Span v.v… Ngoài ra, HTML 4 còn hỗ trợ hiển thị hầu hết ngôn ngữ trên thế giới dựa trên chuẩn Universal Character Set. Thay vì các phiên bản trước chỉ hiển thị theo chuẩn ISO-8859-1. HTML 4 còn hỗ trợ một số tính năng quan trọng sau: • Đã hỗ trợ ngôn ngữ lập trình của client-script và có thể nhúng thêm các tập tin script bên ngoài vào. Hỗ trợ các sự kiện client-script như onclick, onchange v.v… cho các thẻ. • Đặc biệt là HTML4 hỗ trợ CSS với các thuộc tính mới ID, Class và Style. Ba thuộc tính này giúp các thẻ liên kết với các style được khai báo trong CSS. Ví dụ: Ta có 1 CSS là: .header { font-size: small; } MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 4 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG Trên 1 trang web, ta có thẻ <span id = “header”>Header</span> Như vậy, khi trình duyệt hiển thị nội dung trang web, chữ “Header” sẽ to và in đậm hơn so với các chữ khác. • Việc tích hợp với CSS này rất có ý nghĩa quan trọng cho các nhà thiết kế web. Họ có thể sử dụng những CSS chung cho các thẻ có kiểu hiển thị như nhau và có thể thoải mái sáng tạo giao diện mà không tốn công sức như trước đây (khai báo các thuộc tính kiểu cho từng thẻ). • HTML4 còn hỗ trợ nhiều hơn cho thẻ table với các thẻ table mới như <THead>, <TFood>, <TBody> 2. Các nguyên tắc sáng tạo áp dụng trong giai đoạn đầu của HTML - Nguyên tắc kết hợp: • Tim Berners-Lee đã có ý tưởng kết hợp và tập trung các tài liệu nghiên cứu lại với nhau để dễ dàng tra cứu thông tin. • Kết hợp được HTML với CSS để dễ dàng thao tác các style dùng chung cho các thẻ HTML. • Kết hợp với client-script như javascript hay vbscript để giúp cho trang web thêm phần linh động, giúp kiểm tra tính hợp lệ trước khi gửi yêu cầu xuống server xử lý, giảm thiểu việc truyền tải những thông tin không cần thiết. - Nguyên tắc thay đổi màu sắc: • Trong các thẻ HTML, một số thuộc tính giúp thay đổi màu sắc cho một trang web như các thuộc tính bgcolor, fontcolor. - Nguyên tắc phẩm chất cục bộ: • Mỗi thẻ HTML có những tính năng riêng và có các thuộc tính riêng của từng thẻ. - Nguyên tắc chứa trong: • Các thuộc tính được chứa bên trong các thẻ HTML. Ví dụ: <table width=”200px”></table> Thuộc tính width được chứa trong thẻ table. • Ngoài ra, các thẻ HTML còn được chứa trong thẻ HTML khác. Việc này rất có lợi trong việc canh chỉnh từng khu vực làm việc hiển thị trên trang web và việc ẩn hiện một khu vực làm việc thay vì ẩn hiện nhiều thẻ cùng lúc. MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 5 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG - Nguyên tắc tách khỏi: • Có thể thấy được rằng các comments là các phần riêng trong 1 trang HTML, nó không hiển thị trên trình duyệt mà chỉ có nhiệm vụ lưu lại các ghi chú hoặc giải thích trong đoạn mã HTML. • Việc tách CSS ra thành một ngôn ngữ riêng thay vì tích hợp thành các thuộc tính trong các thẻ HTML. - Nguyên tắc phân nhỏ: • Chia các thẻ thành nhiều phần như Header, Body. Mỗi phần đảm nhận những chức năng riêng. - Nguyên tắc đồng nhất: • Mỗi trang HTML đều phải khai báo đầu tiên là <DOCTYPE> và phiên bản được sử dụng trong trang đó. Ví dụ: Nếu trang web sử dụng HTML 3.2 Final thì phải khai báo là: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> • Mỗi thẻ HTML khi khai báo thì phải có một thẻ đóng. Ví dụ: <SPAN>Example</SPAN>. - Nguyên tắc dự phòng: • HTML đã hỗ trợ rất nhiều về việc chèn các ký tự vào nội dung hiển thị mà không được hỗ trợ trong siêu văn bản như các ký tự “<” và “>”. Nếu muốn sử dụng những kí tự đặc biệt này, chúng ta phải dùng mã hóa tương ứng. Ví dụ: “&lt;”  “<”, “&gt;”  “>”, “&amp;” hoặc “&#38”  “&”. • Có những đoạn HTML sẽ rất phức tạp vì một thẻ có thể có rất nhiều thẻ con bên trong. Điều đó sẽ gây cho người đọc rất khó hiểu. Nên thẻ <! -> đã hỗ trợ cho việc ghi chú, tóm tắt lại nội dung chính của những đoạn mã. b. Những điểm mới trong HTML 5 1. Doctype và charset mới HTML 5 đã đơn giản hóa kiểu khai báo Doctype cho trang web. Thay vì phải sử dụng dài dòng như: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> HTML 5 chỉ cần hiển thị: <!DOCTYPE HTML> Chỉ cần khai báo đơn giản với hai từ DOCTYPE và HTML trong phiên bản mới này vì HTML 5 không còn là một phần của SGML. Còn character set cho HTML 5 cũng được đơn giản hóa chỉ còn duy nhất dòng thẻ: <meta charset="UTF-8"> MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 6 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG 2. Cấu trúc mới của HTML 5 Cấu trúc mới của HTML 5 sẽ giúp các nhà thiết kế dễ dàng trong việc sắp xếp các bố cục. Trong các phiên bản trước, để thiết kế bố cục cho một trang web, người thiết kế phải kết hợp nhiều thẻ HTML và CSS. Nhưng trong phiên bản thứ 5 này, bố cục được định nghĩa rõ ràng. Hình 1: Cấu trúc của HTML 4 Hình 2: Cấu trúc mới của HTML 5 3. Các dạng biểu mẫu nhập liệu mới HTML 5 hỗ trợ hầu hết các dạng nhập liệu tiêu chuẩn như: • datetime • datetime-local • date • month MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 7 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG • week • time • number • range • email • url Hầu hết mỗi dạng nhập liệu này đều có chức năng kiểm tra tính đúng đắn trước khi gửi dữ liệu đến server. Ví dụ: khi muốn gửi một url xuống server. Chúng ta có đoạn mã sau: <div> <h3>type="url"</h3> <input type="url" name="url" /> </div> Trên trình duyệt sẽ hiển thị: Hình 3: Màn hình nhập liệu với HTML5. Hình 4: Thông báo khi nhập sai khi nhấn vào nút “Send”. Ngoài ra, thẻ <input> còn hỗ trợ dạng “autocomplete” khi kết hợp với thẻ <datalist> Ví dụ: <input list="browsers" /> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> Khi đó, trên trình duyệt, khi nhập vào ký tự “i” sẽ hiển thị: MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 8 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG Hình 5: Tự động hiển thị dữ liệu cần nhập. 4. Các thẻ HTML mới khác Điểm mới hay nhất theo cá nhân em là các thẻ HTML mới này. Chúng bao gồm Canvas, Video, Audio. Canvas là một thẻ rất hay trong HTML 5. Nó hỗ trợ việc hiển thị hình ảnh, tạo ra các hình vẽ 2D, 3D và có thể can thiệp hình ảnh bên trong bằng javascript. Điều đó đã giúp cho các nhà phát triển game có thể phát hành game sử dụng Canvas. Một số game và cách làm game bằng thẻ canvas này có thể tham khảo tại địa chỉ: http://www.canvasdemos.com/ Thẻ Video và Audio sẽ giúp hiển thị một đoạn clip hay một bài nhạc trên trang web mà không cần thêm bất kỳ plug-in thứ ba nào. Một ví dụ cho thẻ Video: <!DOCTYPE html> <html> <body> <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> </video> </body> </html> 5. Sử dựng javascript API mới Javascript API đã phát triển thêm rất nhiều tính năng để tương thích với phiên bản HTML 5, như là các selector mới như getElementsByClassName, các hiệu ứng kéo thả, lưu lại cache cho ứng dụng, các hàm để thao tác với các thẻ HTML mới, hệ thống định vị v.v… 6. Inline SVG SVG (Scalable Vector Graphics) dùng để vẽ các hình ảnh dựa trên vector theo định dạng XML. Do là hình vẽ theo kiểu vector nên hình ảnh sẽ không bị vỡ ảnh trong bất kỳ kích thước và độ phân giải nào. Lợi ích của SVG là có thể nén, phóng to, thu nhỏ, in với chất lượng cao. Ví dụ: <!DOCTYPE html> <html> <body> <svg version="1.1" height="190"> MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 9 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime; stroke:purple; stroke-width: 5; fill-rule: evenodd;" /> </svg> </body> </html> Khi hiển thị trên web: Hình 6: Hình ảnh hiển thị của SVG. 7. Web Storage và Application Cache Với HTML 5, Web Storage cho phép lưu trữ dữ liệu trên máy tính của người dùng. Khác với cookie, Web Storage sẽ được bảo mật và nhanh hơn. Ngoài ra, nó có thể lưu được một lượng lớn các thông tin mà không ảnh hưởng đến hiệu suất làm việc của trang web. Cũng giống như cookie, dữ liệu của Web Storage được lưu dưới dạng cặp “khóa/ giá trị” và chỉ chính trang web bên người dùng tạo ra cặp khóa đó mới được phép truy cập. Có 2 dạng lưu trữ: • LocalStorage: Lưu dữ liệu và không có thời gian hết hạn. • SessionStorage: Lưu dữ liệu trên một session và sẽ bị giải phóng khi session hết hạn truy cập. Lưu trữ ứng dụng trong HTML 5 là một khi ứng dụng web được lưu trữ tạm thời thì có thể truy cập vào ứng dụng đó mà không cần kết nối internet. Các lợi ích khi sử dụng cache là: • Người dùng có thể sử dụng các ứng dụng web mà không cần kết nối internet. • Các dữ liệu được lưu trong cache sẽ tải nhanh hơn. • Điều quan trọng nhất là giảm thiểu việc tải dữ liệu từ phía máy chủ. MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 10 [...]... HỌC TRONG TIN HỌC 21 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG PHẦN IV : Tài liệu tham khảo 1 Tài liệu về phương pháp nghiên cứu khoa học trong tin học: - Phan Dũng, Phương pháp luận sáng tạo khoa học kỹ thuật Slide Phương pháp nghiên cứu khoa học trong tin học, GS.TSKH Hoàng Kiếm 2 Lịch sử HTML: - http://vietnd.com/vnd_web/08/l%E1%BB%8Bch-s%E1%BB%AD -html/ http://vi.wikipedia.org/wiki /HTML. .. canvas.getContext('2d'); ctx.beginPath(); ctx.arc( 75, 75, 50,0,Math.PI*2,true); ctx.moveTo(110, 75) ; ctx.arc( 75, 75, 35 , 0,Math.PI,false); ctx.moveTo( 65, 65) ; ctx.arc(60, 65, 5,0,Math.PI*2,true); ctx.moveTo( 95, 65) ; ctx.arc(90, 65, 5,0,Math.PI*2,true); ctx.stroke(); MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 11 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG Khi hiển thị lên... năng của HTML 5 và CSS 3 Nhưng với những tính năng và hiệu suất vượt trội so với các phiên bản cũ thì HTML 5 và CSS 3 sẽ dần thay thế và trở thành phổ biến trên internet Hiện nay, trên internet đã có một số website demo về các tính năng của HTML 5 và CSS 3 Qua những website này, chúng ta có thể thấy được tính năng vượt trội của HTML 5 và CSS 3: - Demo các thuộc tính và các thẻ: http://slides .html5 rocks.com/#logodemo... div bằng CSS 3 MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 17 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG 5 Đổ bóng cho text CSS 3 đã hỗ trợ thêm tính năng đổ bóng cho text Ví dụ: Ta có đoạn CSS như sau: text_shadow { text-shadow: 2px 2px 2px #000; } Trên trình duyệt sẽ hiển thị: Hình 15: Text được đổ bóng với CSS 3 6 Hiệu ứng trong suốt CSS 3 đã hỗ... ứng này giúp tạo hiệu ứng chuyển động cho các thẻ Chúng có thể tạo ra các hiệu ứng như xoay, phóng to, thu nhỏ, chỉnh nghiêng, biến dạng Chúng ta có thể tham khảo những hiệu ứng này ở trang web http://www .css3 maker.com /css3 -animation .html# Ví dụ: classname { -webkit-animation: cssAnimation 1s 16 ease; -moz-animation: cssAnimation 1s 16 ease; } c Các nguyên tắc sáng tạo được ứng dụng trong CSS 3 1 Nguyên. .. trên HTML 5: http://www.canvasdemos.com - Demo cho CSS 3 và có sẵn các mã CSS tham khảo: http://www .css3 maker.com /css3 -animation .html# Kính xin cám ơn giảng viên phụ trách môn học đã giảng dạy nhiệt tình cũng như chỉ bảo rất nhiều giúp bản thân em hoàn thành đề tài Xin cám ơn các bạn đã theo dõi Mong nhận được sự đánh giá và nhận xét của thầy và các bạn MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN. .. cần truyền tải đoạn mã CSS và trình duyệt sẽ tự động biên dịch thành màu mong muốn MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 20 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG PHẦN III : Kết luận HTML 5 và CSS 3 hiện nay vẫn chưa được phổ biến rộng rãi so với HTML 4 và CSS 2.1 Các trình duyệt (IE, FireFox, Chome v.v…), các công cụ và ngôn ngữ lập trình... http://www.xmluk.org /css- history-information.htm http://en.wikipedia.org/wiki/Cascading_Style_Sheets http://www.daaq.net/old /css/ index.php? page =css+ history&parent=using +css 5 Các tính năng trong CSS 3: - http://www.w3schools.com /css3 /default.asp http://www .css3 .com/ http://www .css3 .info/preview/ MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 22 ... đoạn mã CSS sau: MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 18 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG div { background:-moz-linear-gradient(80% 73% 184deg, #BDA3E3, #FF9628 75% ) } Trên trình duyệt sẽ hiển thị: Hình 17: Hiệu ứng đổ màu với CSS 3 Hình dưới là dạng phối màu từ tâm hình tròn ra: Hình 18: Hiệu ứng đổ màu từ tâm hình tròn ra 8 Hiệu ứng. .. tài liệu nào được viết trong ngôn ngữ siêu văn bản như HTML CSS sẽ giúp tạo ra những giao diện web theo ý muốn của nhà phát triển CSS được phát triển bởi một nhóm trong W3C, ứng đầu là Bert Bos and Hakon Lie Mục đích của dự án này là tạo một ngôn ngữ cho định dạng kiểu văn bản có thể tích hợp vào HTML và XHTML Khi HTML phiên bản đầu tiên được phát hành, CSS đã không được tích hợp vào HTML Đến năm . báu cho em về bộ môn Phương pháp nghiên cứu khoa học trong tin học để em có thể hoàn thành bài thu hoạch này. MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 2 ĐẠI HỌC QUỐC GIA THÀNH. chủ. MÔN HỌC : PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC 10 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐẠO TẠO THẠC SĨ CNTT QUA MẠNG c. Các nguyên tắc sáng tạo được áp dụng trong HTML 5 1 tắc sáng tạo được áp dụng trong HTML 5 11 PHẦN II : CSS 3 14 I. Giới thiệu về CSS 14 b. Những điểm mới trong CSS 3 15 c. Các nguyên tắc sáng tạo được ứng dụng trong CSS 3 19 PHẦN III : Kết luận