Đồ án môn học thiết kế trang web trình duyệt firefox

Muc tiêu của đề tài Firefox có các tính năng duyệt web theo thẻ, kiểm tra chính tả, tìm ngay lúc gõ từ khóa, đánh dâu trang trực tiếp live bookmarking, trình quản lý tải xuống, và một h

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC NGUYÊN TÂT THÀNH KHOA CÔNG NGHỆ THÔNG TIN

Giảng viên hướng dẫn: NGUYÊN MAI HUY

Sinh viên thực hiện: HƯƠNG VĂN HÙNG MSSV: 1900007129 - ; Chuyén nganh: KY THUAT PHAN MEM

Môn học: THIẾT KẾ WEB

Tp.HCM, ngày 07 tháng 0Í năm 2021

._ BỘ GIÁO DỤC VÀ ĐÀO TẠO ` TRUONG DAI HQC NGUYEN TAT THANH KHOA CONG NGHE THONG TIN

Giảng viên hướng dẫn: NGUYÊN MAI HUY

Sinh viên thực hiện: HƯƠNG VĂN HÙNG MSSV: 1900007129 - Chuyên ngành: KY THUAT PHAN MEM

Môn học: THIẾT KẾ WEB

Tp.HCM, ngày 07 tháng 01 năm 2021

Khoa Cong Nghé Thong Tin Độc lập -Tự do- Hạnh phúc

NHIỆM VỤ ĐỎ ÁN MÔN HỌC

Email: wendinhoctn345@gmail.com SDT: 0327288692

Tén dé tai: THIET KE TRANG WEB TRINH DUYET FIREFOX

Giảng viên hướng dẫn: NGUYÊN MAI HUY

Thời gian thực hiện: 05/12/2020 đến 07/01/2021

Nhiệm vụ và nội dung:

THIẾT KẺ TRANG WEB TRÌNH DUYỆT FIREFOX

Nội dung và yêu cầu đã được giảng viên thông qua

1P.HCM Ngày 07 Thang 01 Năm 2021

GIẢNG VIÊN HƯỚNG DẪN

(Ký và ghi rõ họ tên)

LOI NOI DAU

Trong thời kỷ hội nhập, Công nghệ thông tin la một trong những ngành mũi nhọn mang đến sự phát triển vượt bậc cho khoa học kỹ thuật Chính vỉ vậy, ngành Công nghệ thông tin đã trở thành một ngành học “hot” và thu hút rất nhiều bạn trẻ, đặc biệt là những bạn yêu thích may tính và đam mê công nehệ

Mạng INTERNET là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thê thiếu, là nền tảng để truyền tải, trao đôi

thông tin trên toàn cầu Bằng INTERNET, chúng ta đã thực hiện được những công việc với tốc độ nhanh hơn, chỉ phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đây sự khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biến đôi đáng kế bộ mặt văn hóa, nâng cao đời sống con người Trong hoạt động sản xuất, kinh doanh, thương mại điển tử đã khẳng định được xúc tiễn và thúc đây sự phát triển của doanh nghiệp

Qua đây chúng em xin gửi lời cảm ơn chân thành và bày tỏ lòng biết ơn đến sự chỉ bảo tận tình của các thầy cô trong khoa “Công Nghệ Thông Tìn” Đặc biệt là thầy Nguyễn Mai Huy, người đã trực tiếp hướng dẫn, chỉ bảo và giúp đỡ chúng em trong thời sian thực hiện đô án nảy

LOI CAM ON

Qua thời gian học tập môn Thiết kế web tại Trường Đại học Nguyễn Tắt Thành,

em nhận thấy trường là một trone những trường về ngành Công nghệ thông tin Cac buổi học, chương trình đào tạo, trang thiết bị giảng dạy điều rất tốt và ngày càng được hoàn thiện hơn mang lại sự thoải mái cho người học và giảng viên cũng như việc đảm bảo chất lượng dạy và học tại trường

Em xin cám ơn giảng viên hướng dẫn là thầy Nguyễn Mai Huy trong khoảng

thời gian học tập, vì đã có những nhắc nhớ, chỉ dạy hàng tuần, hướng dẫn về những mau chuan trong báo cáo và tài liệu học tập

Vi con thiếu nhiều kinh nghiệm cho nên em còn nhiều sai sót trong quá trình

học tập, em kính mong quý thầy cô có thể chia sẻ vài kinh nghiệm để em hoản thành

kỹ năng ban than Em xin chân thành cảm ơn

Sinh viên thực hiện Hương Văn Hùng

NHAN XET CUA GIANG VIEN HUONG DAN

TPHCM, Negay thang nam

Giáo viên hướng dan (Ký tên, đóng dâu)

MỤC LỤC

LỜI NÓI ĐẦU - - LH Km Km KH ni Km SH mm ii

LỜI CẢM ƠN SH HH KH HE iii

NHAN XET CUA GIANG VIEN HUONG DAN cccecsseseeeceseeeaeeeeeeeeees iv

"0n .ẽ V

DANH SÁCH TỪ VIẾT TẮT - -_ 5S BS xxx ng nh nen ix

CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI - 55s sms sen 1 1.1 Cơ sở khoa học và tính thực tiển của đề tài - - - 1 1.2 Mục tiêu của đề tài -«-c cS Ăn mm my my nà 1 1.3 Phương pháp nghiên CỨU: - - - - - -cn cm mm mm 1 1.4 Nội dung nghiên CỨU - - .-. .- -csn Sa nen mm Snnnn sn mm mm 2

CHƯƠNG 2: CƠ SỞ LÝ THUYẾTT 5 SSSSSSSSrsrrrrsrrrrrxx 3 2.1 Tổng quan về internet và Web - «uc sn cm 3

2.2 Ngôn ngữ htmil - .- - cm cm mm mm mm mm mm Km ni m 4 2.2.1 Giới thiệu ngôn ngữ HTML: - - «cm nen 4 2.2.2 CSS và ứng dỤụng .- .- -. - «Ăn cm cm mm mm ng ng 8 2.2.3 Thiết kế giao diện web -.- uc mm 11

2.2.4 HTML5 và CSSÄ3 nen mm n ng ng HH ng 12

2.2.6 BOOTSTAP FRAMEWORK - on Ăn nen nen nan 15

CHƯƠNG 3: THIẾT KẾ VÀ CÀI ĐẶT WEBSITE -. -xx+ 18

3.1 Màn hình giao diện - - con mm mm mm n mm 18 3.1.1 Giao diện trang Chủ -.-.-.-. nen ng ng ng 18

3.2 SOUFCC COCC cm nn mì n HH n HH BH min HS mm HH B 20 3.2.1 CO ÏndeX con cm mm HH n BH 20 3.2.2 SOUFCC COCC nu cm nn mm mm n KH HH nh Km mm 20 3.2.3 SOuUrce COde CSS on cm n nh HH HH 27

BANG MUC DANH SACH HINH

Hình 2.1:CSS nen cm HH HH HH HH HH nh HH nh HH HH 9 7Ì027219 11286 10 Hình 3.2: Giao diện trang chủ FirefOX «- «em nen 18 Hình 3.3: Giao diện trang chủ FirefOX «-«- em nen 19 Hình 3.4: Giao diện trang chủ FirefOX «em nen na 19 Hình 3.5: Giao diện trang chủ Fir©efOX «nen nen na 20 Hình 3.6: Giao diện trang chủ Fir©efOX «-«- em nen me 20

Hinh 3.7:COde 0N nh hố ốố 21 Hình 3.8: Code index .«- «cm mm mm HH ng 21 Hình 3.9: Code index «cm mm mm HH HH mm mg 22 Hình 3.10: Code index - «cm mm mm mm HH ng mm mm 22 Hình 3.11: Code index - «cm cm mm mm HH ng mm mm 23 Hình 3.12: Code index - «cm mm mm nh HH ng mm 23 Hình 3.13: Code index - «cm cm n mm mm HH ng HH 24 Hình 3.14 Code index «cu sen mm nu n mm ng mm 24 Hình 3.15: Code index - «cm mm mm mm ng mm ng 25 Hình 3.16: Code index - «con cm mm mm ng mm ng 25 Hình 3.18: Code index ««-c«nn nn cm n mm mm ng mm ng 26 Hình 3.19: Code index - «cm mm mm HH ng mm mm 26 Hình 3.20: Code index - «cm mm mm HH HH ng mm 26 Hình 3.21: Code index - «cm mm mm mm ng HH 27 Hình 3.22: Code CSS - non cm mm HH Km HH ng HH ng 27

Hình 3.23: Code CSS Ăn cm mm HH Km ng HH ng 28

Hình 3.24: Code CSS - Ăn n cm mm HH HH n ng ng 28 Hình 3.25: Code CSS « Ăn cm mm HH HH ng ng 29

Hình 3.26: Code CSS -ccnn cm mm HH Km ng HH ng 29

Hình 3.27: Code CSS «cm mm HH HH nh HH ng 30

Hình 3.28: Code CSS - cm mm HH HH ng ng 30 Hình 3.29: Code CSS cm mm HH Km ng ng 32

Hình 3.30: Code CSS nen cm mm HH Km ng HH 31

vi

DANH SACH TU VIET TAT

HTML Hypertext Markup Language CSS Cascading Style Sheets (CSS)

vil

CHUONG 1: GIOI THIEU DE TAI

1.1 Cơ sở khoa học và tính thực tiễn của đề tài

Ngày nay công nghệ thông tin ngày một phát triển, website được xem là điều vô cùng cần thiết, thậm chí trong một số trường hợp website là tiêu chuân bắt buộc trong thời đại cạnh tranh mang tính toàn cầu như hiện nay

Điều cần thiết đề bạn tiếp cận đến tất cả những øì trên internet là một trình duyệt

ôn định và mạnh mẽ, và Firefox làm rất tốt điều đó nên tôi đã thiết kế dựa theo trang

có sẵn của Tap doan Mozilla

1.2 Muc tiêu của đề tài

Firefox có các tính năng duyệt web theo thẻ, kiểm tra chính tả, tìm ngay lúc gõ

từ khóa, đánh dâu trang trực tiếp (live bookmarking), trình quản lý tải xuống, và một

hệ thống tìm kiếm tích hợp sử dụng bộ máy tìm kiếm do người dùng tùy chỉnh Nhiều chức năng có thể bố sung vào trình duyệt thông qua tiện ích (add-on) do nhà phát triển thứ ba tạo ra,một số tiện ích thông dụng nhất bao gồm tiện ích tắt JavaScript NoScript, trình tùy biến Tab Mix Plus, thanh công cụ chơi media FoxyTunes, tiện ích chặn quảng cao Adblock Plus, StumbleUpon (kham pha trang web), Foxmarks Bookmark Synchronizer (đồng bộ hóa trang đánh dấu), trình cải thiện việc tải xuống DownThemAll!, và thanh công cụ Web Developer

.Giao diện thân thiện, bắt mắt, trực quan và đây tính tiện nghi thông minh, khiến

người đọc có thề đề dàng hiệu hệt thông tin mà nhà sản xuất muôn truyền đạt Firefox chạy được trên các phiên bản khác nhau của Microsoft Windows, Mac

OS X, Linux, va nhiéu hé điều hành Tương tự Unix khác Phiên bản ôn định mới nhất

là bản 3.5, phát hành vào tháng 6 năm 2009.[26] Mã nguồn của Firefox là phần mềm

tự do, được phát hành theo một bộ ba giấy phép GPL/LGPL/MPL

1.3 Phương pháp nghiên cứu

Bên cạnh những kiến thức mà bản thân có được và với sự tư vấn của giảng viên hướng dân, các phương pháp nghiên cứu lý luận đề lấy thông tin được áp đụng cho để tài này

Bao gồm những phương pháp sau:

+ Nohiên cứu tài liệu từ sách, báo,website hướng dân thực hiện code web , các

đồ án ở khóa trước các giáo trình bài giảng online, các bài piảng trên internet cụ thê

hơn là bằng những đường link dẫn đến tải liệu liên quan

+ Với sự tư vấn của giảng viên hướng dẫn thì đây là phương pháp chính được

áp dụng trong khi nghiên cứu đồ án môn học này của tôi Điều này sẽ giúp đồ án của tôi mang tính thực tế cao hơn so với việc tham khảo lý thuyết

1.4 Nội dung nghiên cứu

Không chỉ hình ảnh, những nội dung và các trang thông tin cũng là nơi ø1úp bạn gitr chan khach hang lâu hơn Và điều đặc biệt là đội neu Design kinh nghiệm, thiét

ké banner, va sự tối giản nội dung giúp người đọc không nhàm chán, truyền đạt đầy

đủ thông tin đến người đọc và thuyết phục người dùng tải và trải nghiệm trình duyệt Firefox

CHUONG 2: CO SO LY THUYET

2.1 Tổng quan về internet và web

Internet là gì : Là tập hợp các máy tính nối mạng trên thế giới trao đôi thông tin với nhau thông qua giao thức TCP/IP (Transmission Control Protocol/Internet Protocol) Mang lại rất nhiều tiện ích cho người dùng như dịch vụ thư điện tử (email), trò chuyện trực tuyến (chat) và truy tìm dữ liệu (search engine),

Dịch vụ được dùng rất phổ biến trên Internet là World Wide Web (WWW: gọi

» Máy tính lưu trữ website

« Trả kết quả về cho Web Client khi nhận được yêu cầu

» Web Client

« Máy tính đùng để truy cập các trang web

« Có khả năng yêu cầu và nhận kết quả từ Web Server

Phan mém dung dé xem các tài liệu hoặc tìm kiếm các tài nguyên trên World Wide Web

Một số trình duyệt thông dụng hiện nay: Internet Explorer (IE) có sẵn

trong Microsoft Windows cua Microsoft Mozilla Firefox cua Tap doan Mozilla «

Opera cua Opera Software + Google Chrome « Safari

HTTP: HyperText Transfer Protocol Là giao thức chuyến giao siêu văn bản trên web Giao thức này là tập hợp các qui định dùng để trao đôi các tài liệu (văn bản, hình ảnh, âm thanh, video, các tập tin đa truyền thông, .) piữa Web server và trình duyệt Web

2.2 Ngôn ngữ html

2.3 Giới thiệu ngôn ngữ HTML

« HTML (HyperText Markup Language) là một ngôn ngữ đánh dấu siêu văn bản + Sur dung tập ký hiệu đánh dấu gọi la tag dé thiét kế trang web, cac tag nay con được goi la Element

+ La mét chuan Internet do té chire W3C (World Wide Web Consortium) duy tri

» Trang HTML được lưu với phần mở rộng là htm hoặc html

* Dé tao các trang HTML, bạn có thê sử dụng bất kỳ chương trình soan thao van bản nảo, như Notepad, MS FrontPage hoặc Dreamweaver

Cấu trúc của trang HTML

* Cu phap chung cua tag:

Nội dung cua trang web

</body>

</html>

+ <html> </html>: xác định phần bắt đầu và kết thúc của trang HTML (HTML

Document)

«<head> </head> : chứa các thơng tin tổng quát về trang web (meta-

information) va khéng thé hiện trên cửa sơ trình duyệt

» <body><⁄body>: nội dung chính cua trang web, được thể hiện trong man hình cua trinh duyét

Cu phap chung cua tag

<tén tag thudc tinh 1=”giá trị” thuộc tính 2=”giá trị” > ndi dung </tén tag>

« Tap khơng cĩ nội dung gọi 1a tag réng (empty tag) va cĩ cú pháp như sau:

<tén tag thuộc tinh 1=”giá trị” thuộc tính 2=”glá tr[” />

« Các đặc điểm: Tên tà khơng phân biệt chữ HOA/thường Trình duyệt chỉ nhận 1 khoảng trắng trong nội dung và bĩ qua dấu ngắt xuỗống dịng

« Định nghĩa cấu trúc trang HTML s Các tag tiêu đề - Headings s Phân đoạn —

Paragraphs

* Ngat dong — Line Break « Lui 1é - Blockquote « Tag — Division « Tag Cac tag tiêu để - Headings « Dùng để định dạng khơ chữ cĩ dạng tiêu đề (giống chức năng Style của MS Word)

« Gồm các tap <hI1>,<h2>,<h3>,<h4>,<h5>,<h6>

« HTML sẽ tự động thêm một dịng trơng vào trước và sau dịng định dạng là

heading

* Thu6c tính alipn=”leftlright|center|Justify” giúp canh hàng văn bản theo lề trái|

lề phải|oiữa| đều

Phân đoạn — Paragraphs

+ Sử dung tag<p> dé phan biét các đoạn văn bản

« HTML sẽ tự động thêm một dòng trắng trước và sau đoạn văn bản

+ Tag <P> khong can tag két thuc( </p>)

« Thuộc tính align=“leftlripht|center|justify” giúp canh hàng văn bản theo lề trái|

* <blockquote>doan van bản </blockquote>

« Toàn bộ đoạn văn bản thụt lề trái và phải

Tag <div>- Division

+ Ding dé dinh nghia mét section riêng trong trang web

* Co thé chira cac tag khac nhu tag <hl>dén <h6>, <p>

Tag <hr>- Horizontal rule

+ Dung dé tao ra mét duong ké ngang

* Cac thuộc tính: Thuộc tính Mô tả color Quy định màu sắc của đường ké ngang

size Thiết lập độ dày của đường kẻ ngang width Tạo độ rộng(pixel) hay ty lệ phần trăm của đường thắng so vơi độ rộng của cửa số web browser align Canh 1é cho

đường thắng (left, ripht, center) noshade Thay đổi thể hiện của đường kẻ ngang

không có bóng

Tag <!— > - Comment

+ Ding dé ghi chu trong trang HTML, néi dung trong phan ghi chú khơng được

thê hiện trên trình duyệt

Định dạng trang HTML

- Sử dụng các thuộc tính của tà <body>để định dạng chung cho trang web Phần định dạng gồm cĩ:

Lễ trang Màu nền, màu chữ Hình ảnh làm nền cho trane web

* Thu6c tinh bgcolor: t6 mau nén

» Thuộc tính text : tơ màu chữ Hình ảnh nền

* Thu6c tinh background

« Thuộc tính style kết hợp với các thông tin chỉ tiết, sồm:

o background-image : url(tentt) => khai báo tập tin hình ảnh

o background-repeat : no-repeat | repeat | repeat-x | repeat-y => lap lai hinh anh

nên

o backeround-attachment : seroll | fíxed => hình ảnh cuộn theo nội dung trang web hay ở vị trí cô định

o background-position: bottom | center | left | right | top | px => xác dinh vi tri

xuat hién hinh ảnh theo 2 trục x, y

2.4 CSS va ung dụng

* CSS ngoai tuyén (External CSS):Tach biét hoan toan CSS ra khỏi tài liệu HTML bang cac file css Giup kiém soat cac kiêu trình bày hoặc bố cục dàn trang cho tất cả các tài liệu HTML một cách thống nhất bằng cách thay đổi trên các file CSS

O Đây là cách khai báo CSS được sử dụng nhiều nhất trong thực tẾ, có phạm vi ảnh hưởng đến toàn bộ website chứ không chỉ một trang web html riêng biệt

O Tạo một file *.css (VD: style.css lưu trong thư mục stylecủa website)

O Chèn đoạn code khai báo trong phần <head></head>của trang web

O Vi du: <link href= “style/style.css” rel=”stylesheet” type= text/css”

|=) ~

style css Thay dGi trén tap tin CSS

sẽ tác động đến nhiều trang HTML khác nhau

Hinh 2.1: Css

* Ther ty uu tién trong CSS

o Vi dy:CSS cuc bộ <p style="color: red’> </p>

CSS néi tuyén p{ color: green } CSS ngoại tuyến p{ color: bue } Thứ tự ưu tiên trong CSS

o Ket quả là đoạn văn bản được hiện thị với màu đỏ vì thành phân <p> được khai báo CSS cục bộ nên sẽ được ưu tiên hơn CSS nội tuyến và CSS ngoại tuyến

O Nếu không khai báo CSS cục bộ thì đoạn văn bản sẽ được hiện thị với màu xanh vì CSS nội tuyến được ưu tiên hơn

O Tiếp theo, nếu CSS nội tuyến không được khai báo thì CSS ngoại tuyến sé có tác dụng, nghĩa là đoạn văn bản sẽ được hiện thị với màu xanh

Mỗi câu lệnh CSS sẽ định đạng một thành phần nhất định trong tài liệu HTML

Thành phần HTML được định dạng được gọi là đối tượng của CSS (CSS selector)

Hinh 2.2: Css 1

- Đối tượng: là các thành phần của tài liệu HTML (các thẻ)

- Thuộc tính: các thuộc tính định dạng như: màu sắc, font chữ, kích thước,

- Gia tri: 214 trị của các thuộc tính trên Class và ID trong CSS

o Dung Class Selector khi muốn định dạng cho một thành phan duy nhất hoặc nhiều thành phần trong một nhóm mà không ảnh hướng các thành phần HTML còn lại trên trang

o Ngoài cách xác định các nhóm, cũng có thê định dạng cho một thành phần duy nhất bằng cách sử dụng Id Selector

Su dung Class Selector

o Su dung cu phap tén_class dé khai bao Class Selector (tén_class khéng phan biệt HOA/thường.)

o Ví dụ: Khai báo Class Selector: mauxanh{ color: blue} mau vang{ color: yellow}

+ Ap dung Class Selector: <p>Doan van ban hién thị bình thường màu đen</p>

<p class=”mauxanh”>Đoạn văn bản hiển thị mau xanh</p>

<p class="mauvang”>Doan van ban hién thi mau vang</p>

Su dung Id Selector

o Su dung cú pháp #tên ¡d dé khai bao Id Selector (tén id co phan biệt HOA/sthuong.)

o Vi dy: Khai bao Id Selector: #tieude{ color: red}

° Áp dung Id Selector: <h1 id=“tieude">Tiéu dé hién thi mau đỏ</h1>

10

2.5 Thiết kế giao diện web

« Các loại hình web phô biến: Web thông tin điện tử,Web giải trí, Web doanh nghiệp — tô chức,Web cá nhân, Web tìm kiếm (search engine),Web diễn đản — mạng

xã hội Web mail

Giao diện web: Là tập hợp các thông tin đa truyền thông (Text,Image, Media, }Được trình bày theo một bố cục nhất định dựa trên các nguyên lý/luật thiết kế, nhăm đảm bảo yêu cầu về mặt thâm mỹ

o Giao diện web là hình ảnh đồ họa của trang web,Các thành phần chính trên giao dién web:

o Header: logo, company name, slogan, banner

oNavigation controller: main — top - bottom menu

o Side bar: left — right components

o Main content: text, image, media,

o Footer: info, copyright

o Background Thiét ké giao dién web là thực hiện việc trình bày các thành phần của giao dién một cách có hệ thống và đạt yêu cầu thâm mỹ dựa theo:Đặc thù thể hiện của từng loại hình web,Chức năng của website, Cách thức hiển thị trang web (thiết bị, trình duyệt) Công nghệ và chuẩn thiết kế web,Ảnh cho web

« Điều kiện:Hệ màu: RGB hoặc Index,Độ phân giải: 72 - 100 ppi Kích thước: #

20 Kbytes

o Dinh dang:*.GIF (<= 256 mau): anh don gian, it mau (logo, mang khối mau),

anh déng, trong suét.,*.JPG (> 256 mau): anh nhiéu mau (anh chyp), *.PNG (la té

hop của GIF va JPG): anh nhiéu mau, trong suét, Céng cu xu ly anh: Photoshop hoac Firework

11

Trién khai giao diện web: Phác thảo giao diện dưới dạng hệ thống hình lưới (grid layout),Thiết kế và phân bổ các thành phân của giao diện lên hệ thống lưới tại các vị trí thích hợp,Chuân hóa việc trình bày bằng các nguyên lý/luật thiết kế.Tôi ưu

và kết xuất hình ảnh cho web, Thiết kế hoàn chỉnh giao diện tĩnh cho trang web Div

«Một số ưu điểm của DIV Layout:CSS tương thích với hầu hết các trình duyét

o Sự kết hợp làm tăng sức mạnh cho HTML Linh hoạt trong việc định vị các thành phần trên giao diện web Hỗ trợ tối đa việc tùy biến giao điện,đễ dàng nâng cấp øiao diện hồ trợ các công cụ tìm kiêm

2.6 HTMLS5 va CSS3

HTML5 và CSS3 là các chương trình mới nhất cho việc thiết kế Web Các tính

năng video của HTML — cho phép đơn giản hoá việc thêm một video vào trang Web

- đã được nhận được nhiều sự chú ý, không những thế HTML5 còn có nhiều tính năng làm nó trở nên tuyệt vời đối với người sử dụng cũng như các nhà phát triển Web

Video và hiệu ứng Flash HTML5 sẽ cho phép bạn xem video mà không cần sử dung mét plugin như Flash hoặc Silverlight

Vậy thì những øì là lợi ích lớn với tính năng video của HTML5 là gì? Thứ nhất,

nó là miễn phí và không cần phần mềm Adobe Flash plugin Thứ hai, Flash có thể

làm chậm máy tính của bạn (mặc dù phần mềm tăng tốc phần cứng hardware- accelerated Flash 10.1 — đang trong phiên bản beta — có thể giúp giải quyết vấn đề này) Sau cùng, nó chỉ là một trong nhiều phần mềm đang chạy và chiếm tài nguyên

hệ thống Với HTML5, tính năng video đã được xây dựng sẵn trong đó

12