html và ứng dụng trong thiết kế website tin tức giải quần vợt wimbledon 2012

BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HÔI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI Độc lập - Tự do - Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ và tên sinh viên: .NGUYỄN DUY VƯƠNG Số hiệu sinh viên: 09CĐ0639 Khoá:………….Khoa: Điện tử - Viễn thông Ngành: Điện tử - Viễn thông 1. Đầu đề đồ án: “HTML và ứng dụng trong thiết kế Website tin tức giải quần vợt Wimbledon 2012” 2. Các số liệu và dữ liệu ban đầu: …………………………………… …………………………………………… …… …………………………… ………………………………………………………………………………………………………………………………. … ……………………… ……………………………………………………………………………………. 3. Nội dung các phần thuyết minh và tính toán: ……………………………………………………………………………………………………………… …. ……………………………………………………………………………………………………………………………… …… …. ……………………………………………………………………………………………………………………………… ……… ….…………………………………………………………………………………………… 4. Các bản vẽ, đồ thị ( ghi rõ các loại và kích thước bản vẽ ): ……………………………………………………………………………………………………………………… …. ………………………………………………………………………………………………………………………… ……….…………………………………………………………………………………………………………. 5. Họ tên giảng viên hướng dẫn………………………………………………………… 6. Ngày giao nhiệm vụ đồ án……………………………………………………………… 7. Ngày hoàn thành đồ án………………………………………………………………………… Ngày tháng năm Chủ nhiệm Bộ môn Giảng viên hướng dẫn Sinh viên đã hoàn thành và nộp đồ án tốt nghiệp ngày tháng năm SV: Nguyễn Duy Vương MSV: 09CĐ0639 Cán bộ phản biện SV: Nguyễn Duy Vương MSV: 09CĐ0639 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI BẢN NHẬN XÉT ĐỒ ÁN TỐT NGHIỆP Họ và tên sinh viên: Nguyễn Duy Vương Số hiệu sinh viên:09CD0639 Ngành: Điện tử - Viễn thông. Khoá: Giảng viên hướng dẫn: ThS Nguyễn Quang Minh Cán bộ phản biện: ……………………………………………………………… 1.Nội dung thiết kế tốt nghiệp: “HTML và ứng dụng trong thiết kế Website tin tức giải quần vợt Wimbledon 2012” 2.Nhận xét của cán bộ phản biện: Ngày tháng năm Cán bộ phản biện ( Ký, ghi rõ họ và tên ) SV: Nguyễn Duy Vương MSV: 09CĐ0639 Lời Nói Đầu ******* Ngôn ngữ đánh dấu siêu văn bản HTML là một phát minh vĩ đại của ngành khoa học máy tính, từ khi HTML xuất hiện vào cuối thế kỷ XX, con người đã có thể dễ dàng xuất bản, cập nhật, chia sẻ tin tức trên nền Internet. Trong đồ án tốt nghiệp này chúng tôi áp dụng HTML trong việc thiết kế website tin tức giải quần vợt Wimbledon 2012. Sau một thời gian tìm tòi nghiên cứu và học hỏi, dưới sự hướng dẫn tận tình của Thạc Sỹ: Nguyễn Quang Minh em đã nghiên cứu và hoàn thành đề tài “ HTM và ứng dụng trong thiết kế Website tin tức giải quần vợt Wimbledon 2012”. Do kiến thức còn han chế nên đề tài chắc chắn không tránh khỏi thiếu sót,vì vậy em rất mong được sự góp ý nhắc nhở của thầy cô và của các bạn để giúp đề tài của em ngày một hoàn thiện hơn. Em xin chân thành cảm ơn thày cô, Viện, đặc biệt là Thạc sỹ: Nguyễn Quang Minh đã hết sức giúp đỡ và tạo điều kiện cho em hoàn thành tốt đề tài này. Con xin chân thành cảm ơn bố mẹ đã luôn ở bên và ủng hộ con trong thời gian học tập và nghiên cứu đồ án. Cuối cùng xin gởi lời cảm ơn đến bạn bè đã luôn giúp đỡ mình nhiệt tình trong quá trình học tập cũng như khi nghiên cứu đồ án tột nghiệp. Sinh viên thực hiện đề tài: Nguyễn Duy Vương SV: Nguyễn Duy Vương MSV: 09CĐ0639 MỤC LỤC LỜI NÓI ĐẦU 4 SAU MỘT THỜI GIAN TÌM TÒI NGHIÊN CỨU VÀ HỌC HỎI, DƯỚI SỰ HƯỚNG DẪN TẬN TÌNH CỦA THẠC SỸ: NGUYỄN QUANG MINH EM ĐÃ NGHIÊN CỨU VÀ HOÀN THÀNH ĐỀ TÀI “ HTM VÀ ỨNG DỤNG TRONG THIẾT KẾ WEBSITE TIN TỨC GIẢI QUẦN VỢT WIMBLEDON 2012” 4 DO KIẾN THỨC CÒN HAN CHẾ NÊN ĐỀ TÀI CHẮC CHẮN KHÔNG TRÁNH KHỎI THIẾU SÓT,VÌ VẬY EM RẤT MONG ĐƯỢC SỰ GÓP Ý NHẮC NHỞ CỦA THẦY CÔ VÀ CỦA CÁC BẠN ĐỂ GIÚP ĐỀ TÀI CỦA EM NGÀY MỘT HOÀN THIỆN HƠN 4 EM XIN CHÂN THÀNH CẢM ƠN THÀY CÔ, VIỆN, ĐẶC BIỆT LÀ THẠC SỸ: NGUYỄN QUANG MINH ĐÃ HẾT SỨC GIÚP ĐỠ VÀ TẠO ĐIỀU KIỆN CHO EM HOÀN THÀNH TỐT ĐỀ TÀI NÀY 4 CON XIN CHÂN THÀNH CẢM ƠN BỐ MẸ ĐÃ LUÔN Ở BÊN VÀ ỦNG HỘ CON TRONG THỜI GIAN HỌC TẬP VÀ NGHIÊN CỨU ĐỒ ÁN. 4 DANH MỤC HÌNH 1 DANH SÁCH BẢNG BIỂU 8 TÓM TẮT ĐỒ ÁN 10 MỞ ĐẦU 11 CHƯƠNG 2 : SỬ DỤNG GOOGLE CHROME PHIÊN BẢN TIẾNG VIỆT 28 28 2.1 GIỚI THIỆU VỀ GOOGLE CHROME 28 GOOGLE CHROME LÀ MỘT TRÌNH DUYỆT WEB KHỞI CHẠY VÀ TẢI TRANG WEB NHANH CHÓNG. GOOGLE CHROME ĐƯỢC TỐI ƯU CHẠY CÁC TRANG WEB TƯƠNG TÁC, CÁC ỨNG DỤNG WEB VÀ JAVASCRIPT. GOOGLE CHROME ĐƯỢC THIẾT KẾ ĐỂ ĐẠT ĐƯỢC HIỆU QUẢ VÀ TÍNH DỄ SỬ DỤNG, TÌM KIẾM VÀ ĐIỀU HƯỚNG ĐẾN CÁC TRANG WEB TỪ CÙNG MỘT HỘP Ở THANH ĐỊA CHỈ, SẮP XẾP VÀ TỔ CHỨC CÁC TAB ĐA DẠNG. VIỆC TRUY CẬP CÁC TRANG WEB ƯA THÍCH CHỈ CẦN MỘT CÚ NHẤP CHUỘT TỪ THU NHỎ CỦA CÁC TRANG WEB ĐƯỢC TRUY CẬP NHIỀU NHẤT TRONG CÁC “TAB MỚI” 28 GOOGLE CHROME LÀ MỘT TRÌNH DUYỆT WEB MIỄN PHÍ, ĐƯỢC PHÁT TRIỂN BỞI GOOGLE. DỰ ÁN MÃ NGUỒN MỞ ĐỨNG SAU GOOGLE CHROME ĐƯỢC BIẾT VỚI TÊN GỌI CHROMIUM. PHIÊN BẢN BETA CHẠY TRÊN MICROSOFT WINDOWS ĐƯỢC PHÁT HÀNH NGÀY 2 THÁNG 9 NĂM 2008 VỚI 43 NGÔN NGỮ 28 PHIÊN BẢN ỔN ĐỊNH CHÍNH THỨC LÀ 1.0.154.36. TRÌNH DUYỆT NÀY ĐÃ TRỞ THÀNH MỘT TRONG BA TRÌNH DUYỆT THÔNG DỤNG TRÊN TOÀN CẦU, CÙNG VỚI FIREFOX VÀ INTERNET EXPLORER. PHIÊN BẢN CHROME CHO HỆ ĐIỀU HÀNH MAC OS X VÀ LINUX ĐƯỢC PHÁT HÀNH VÀO THÁNG 6 NĂM 2009 28 SO VỚI MICROSOFT INTERNET EXPLORER THÌ GOOGLE CHROME CHẠY NHANH HƠN NHIỀU, GIAO DIỆN MỚI LẠ VÀ DỄ SỬ DỤNG, HƠN NỮA NÓ CHẠY ỔN ĐỊNH VÀ MIỄN PHÍ. PHẦN NHIỀU CÁC BẢN MICROSOFT WINDOWS CÀI TRÊN CÁC MÁY Ở VIỆT NAM LÀ BẢN KHÔNG CÓ BẢN QUYỀN, NÊN INTERNET EXPLORER CHẠY RẤT CHẬM, HAY BỊ TRỤC TRẶC, HAY BỊ TREO MÁY. VỚI NHỮNG ƯU ĐIỂM ĐÓ CHÚNG TA NÊN LỰA CHỌN TRÌNH DUYỆT CHO MÁY TÍNH CỦA MÌNH LÀ GOOGLE CHROME 28 SAU MỘT THỜI GIAN TÌM HIỂU VỀ GOOGLE CHROME VÀ HƯỚNG DẪN SỬ DỤNG GOOGLE CHROME, CHÚNG TÔI THẤY CÁC TÀI LIỆU LIÊN QUAN ĐẾN VẤN ĐỀ NÀY KHÁ ÍT VÀ RỜI RẠC. VÌ VẬY CHÚNG TÔI ĐÃ TÌM TÒI VÀ TỔNG HỢP CÁC TÀI LIỆU VÀ KIẾN THỨC VỐN CÓ ĐỂ ĐƯA RA MỘT TÀI LIỆU HƯỚNG DẪN CHI TIẾT VỀ CÁC SỬ DỤNG GOOGLE CHROME 29 2.2 CÀI ĐẶT GOOGLE CHROME VÀ KHỞI ĐỘNG 29 ĐỂ TẢI VỀ TRÌNH DUYỆT MỚI NHẤT GOOGLE CHROME 20.0.1132.57 CHÚNG TA VÀO TRANG WEB HTTP://WWW.GOOGLE.COM/CHROME , XUẤT HIỆN MÀN HÌNH CHÍNH CỦA GOOGLE CHROME, NHÁY VÀO NÚT “TẢI XUỐNG GOOGLE CHROME”, TA SẼ TẢI VỀ MÁY TỆP CHROMESETUP.EXE DUNG LƯỢNG 722 KB. SAU ĐÓ CHẠY TỆP NÀY THÌ GOOGLE CHROME SẼ TỰ ĐỘNG ĐƯỢC CÀI ĐẶT VÀ CHIẾM KHOẢNG 70 MB ĐĨA CỨNG, BIỂU TƯỢNG CỦA GOOGLE CHROME XUẤT HIỆN TRÊN MÀN HÌNH NỀN NHƯ SAU : 29 NHÁY VÀO BIỂU TƯỢNG GOOGLE CHROME THÌ GOOGLE CHROME SẼ KHỞI CHẠY. MÀN HÌNH BAN ĐẦU CỦA GOOGLE CHROME CÓ DẠNG : 29 GOOGLE CHROME SỬ DỤNG TRONG TRẠNG THÁI KHÔNG HIỂN THỊ TOÀN MÀN HÌNH, TRÌNH DUYỆT LOẠI BỎ TOÀN BỘ THANH THỰC ĐƠN CỦA TRÌNH DUYỆT THÔNG THƯỜNG VÀO HAI NÚT PHÍA BÊN PHẢI THANH ĐỊA CHỈ. GOOGLE CHROME CÓ HỆ THỐNG TAB ĐƯỢC ĐẶT Ở BÊN TRÊN THANH ĐỊA CHỈ CHỨ KHÔNG PHẢI Ở BÊN DƯỚI NHƯ TRUYỀN THỐNG. CÁCH THIẾT LẬP NÀY SẼ GIÚP NGƯỜI DÙNG “CẢM GIÁC” RÕ HƠN SV: Nguyễn Duy Vương MSV: 09CĐ0639 VỀ THANH ĐỊA CHỈ ĐI LIỀN VỚI WEBSITE, CHỨ KHÔNG PHẢI MỘT THÀNH PHẦN TÁCH BIỆT. NGOÀI RA, TÊN MIỀN CHÍNH CỦA TRANG WEB ĐANG ĐỌC CŨNG ĐƯỢC LÀM NỔI RÕ HƠN BẰNG CÁCH IN ĐẬM HƠN 30 TỪ THANH ĐỊA CHỈ CÓ THỂ TIẾN HÀNH TÌM KIẾM, BỘ MÁY TÌM KIẾM MẶC ĐỊNH CỦA CHROME TẤT NHIÊN LÀ GOOGLE, NHƯNG CÓ THỂ THAY ĐỔI NẾU MUỐN. TRONG TRANG CHỦ MẶC ĐỊNH CÁC TRANG WEB YÊU THÍCH NHẤT ĐƯỢC “GOM” VÀO MỘT CHỖ CÙNG VỚI ẢNH NHỎ XEM TRƯỚC TRUY CẬP NHANH, TRÌNH DUYỆT SẼ DỰA VÀO TẦN SUẤT VIẾNG THĂM ĐỂ TỰ ĐỘNG ĐƯA WEBSITE VÀO ĐÂY. TẠI DÒNG CUỐI CỬA SỔ, TA CÒN CÓ THỂ CHỈNH SỬA LỊCH SỬ WEB (HISTORY) CỦA TRÌNH DUYỆT, TRUY NHẬP VÀO TAB ĐÃ ĐÓNG GẦN ĐÂY 30 2.3 CÁCH DÙNG CÁC TAB 30 VIỆC ĐIỀU CHỈNH QUÁ TRÌNH DUYỆT WEB NẰM Ở BA DÒNG ĐẦU CỦA GOOGLE CHROME. KHI BẮT ĐẦU KHỞI ĐỘNG GOOGLE CHROME TA CÓ “TAB MỚI”, GÕ ĐỊA CHỈ ĐỂ MỞ MỘT TRANG WEB THÌ “TAB MỚI” ĐƯỢC THAY BẰNG TÊN TRANG WEB VỪA GÕ. ĐỂ TẠO MỘT “TAB MỚI” TA NHÁY VÀO NÚT DẤU CỘNG Ở CUỐI DÒNG ĐẦU TIÊN CỦA TRÌNH DUYỆT, TẠI TAB NÀY TA LẠI MỞ ĐƯỢC MỘT TRANG WEB KHÁC. MỘT TAB CŨNG ĐƯỢC SINH RA KHI TA NHÁY VÀO MỘT LIÊN KẾT CỦA MỘT BÀI MÀ TÁC GIẢ ĐẶT THUỘC TÍNH MỞ TRONG CỬA SỔ MỚI ĐỐI VỚI LIÊN KẾT 30 ĐỂ DI CHUYỂN GIỮA CÁC TAB, TA NHÁY VÀO TIÊU ĐỀ CỦA TAB. ĐỂ ĐÓNG MỘT TAB, NHÁY VÀO NÚT GẠCH CHÉO Ở CUỐI TIÊU ĐỀ TAB 30 2.3.1 TRANG “TAB MỚI” : 31 KHI CHÚNG TA MỞ “TAB MỚI”, GOOGLE CHROME SẼ TẢI TRƯỚC TAB NÀY VỚI CÁC MỤC SAU: 31 CÁC TRANG WEB ĐƯỢC TRUY CẬP NHIỀU NHẤT. CÁC HÌNH VUÔNG ẢNH ĐẠI DIỆN (CÒN ĐƯỢC GỌI LÀ HÌNH THU VÀO BIỂU TƯỢNG BÊN CẠNH TAB CUỐI CÙNG Ở PHÍA TRÊN CÙNG TRÌNH DUYỆT CỦA CHÚNG NHỎ) CỦA TRANG WEB TA TRUY CẬP NHIỀU NHẤT ĐƯỢC HIỂN THỊ Ở TRÊN CÙNG. NHẤP VÀO HÌNH THU NHỎ ĐỂ TRUY CẬP TRANG WEB. TA CŨNG CÓ THỂ CHỌN ĐỂ ẤN CÁC HÌNH THU NHỎ NÀY KHỎI CHẾ ĐỘ XEM 31 CÁC CỬA SỔ VÀ TAB ĐÃ ĐÓNG GẦN ĐÂY. CÁC TAB VÀ CỦA SỔ CHÚNG TA ĐÃ ĐÓNG GẦN ĐÂY ĐƯỢC LIỆT KÊ TRONG PHẦN “ĐÃ ĐÓNG GẦN ĐÂY”. NHẤP VÀO LIÊN KẾT ĐỂ KHÔI PHỤC TAB HOẶC CỬA SỔ ĐÃ ĐÓNG. ĐỂ MỞ TRANG TAB MỚI, NHẤP TA 31 2.3.2 GHIM THẺ TAB VÀO MỘT THANH TAB : 31 CÓ NHỮNG WEBSITE MÀ CÓ THỂ CHÚNG TA LUÔN TRUY CẬP MỖI KHI MỞ GOOGLE CHROME. THAY VÌ CỨ PHẢI GÕ ĐỊA CHỈ WEBSITE NHIỀU LẦN, HÃY GHIM NHỮNG WEBSITE NÀY VÀO THANH TAB MỘT CÁCH CỐ ĐỊNH, LÀM NHƯ VẬY CHÚNG SẼ MỞ TỰ ĐỘNG MỖI LẦN MỞ GOOGLE CHROME. ĐỂ LÀM ĐIỀU NÀY, VÀO WEBSITE MONG MUỐN TRÊN MỘT TAB, KÍCH CHUỘT PHẢI VÀO TAB ĐÓ VÀ CHỌN “GHIM TAB” (PIN TAB) TỪ THỰC ĐƠN HIỆN RA. THẺ TAB BIẾN THÀNH BIỂU TƯỢNG ƯA THÍCH CỦA WEBSITE VÀ NHẢY VỀ PHÍA NGOÀI CÙNG BÊN TRÁI THANH TAB 31 44 CHƯƠNG 3 : PHÂN TÍCH THIẾT KẾ WEBSITE TIN TỨC CHO GIẢI ĐẤU TENNIS WIMBLEDON 2012 49 3.1: CHI TIẾT THIẾT KẾ WEBSITE TIN TỨC GIẢI WIMBLEDON 2012 49 WEBSITE DO CHÚNG TÔI THIẾT KẾ CÓ NHIỀU TRANG WEB ĐƯỢC NỐI VỚI NHAU BẰNG CÁC SIÊU LIÊN KẾT 49 -WEB PAGE 1 CÓ NỘI DUNG GIỚI THIỆU VỀ GIẢI ĐẤU WIMBLEDON 2012 49 -MÃ NGUỒN: 49 <HTML> 50 <HEAD> 50 <TITLE>WELCOME TOWIMBLEDON</TITLE> 50 </HEAD> 50 <BODY BGCOLOR = GREEN> 50 <P>GIẢI WIMBLEDON (TIẾNG ANH: THE CHAMPIONSHIPS WIMBLEDON) LÀ GIẢI VÔ ĐỊCH QUẦN VỢT ANH. NÓ LÀ GIẢI LÂU ĐỜI NHẤT VÀ CÓ UY TÍN NHẤT CỦA MÔN QUẦN VỢT. GIẢI ĐƯỢC TỔ CHỨC VÀO KHOẢNG THÁNG 6, THÁNG 7, LÀ GIẢI THỨ 3 TRONG HỆ THỐNG GIẢI GRAND SLAM HÀNG NĂM, SAU GIẢI ÚC MỞ RỘNG VÀ PHÁP MỞ RỘNG, VÀ TRƯỚC GIẢI MỸ MỞ RỘNG. GIẢI TIẾN HÀNH TRONG 2 TUẦN; TRONG 4 GIẢI GRAND SLAM, ĐÂY LÀ GIẢI DUY NHẤT CHƠI TRÊN SÂN CỎ. GIẢI BAO GỒM CÁC GIẢI ĐƠN NAM, ĐƠN NỮ, ĐÔI NAM, ĐÔI NỮ VÀ ĐÔI NAM NỮ. BÊN CẠNH ĐÓ CÓ GIẢI TRẺ, GỒM ĐƠN NAM, ĐƠN NỮ, ĐÔI NAM VÀ ĐÔI NỮ. NGOÀI RA CÒN TỔ CHỨC GIẢI MỜI ĐẶC BIỆT DÀNH CHO CÁC TAY VỢT ĐÃ GIẢI NGHỆ: ĐÔI NAM TỪ 35 TUỔI TRỞ LÊN, ĐÔI NAM TỪ 45 TUỔI TRỞ LÊN, ĐÔI NỮ TỪ 35 TUỔI TRỞ LÊN VÀ GIẢI ĐÔI XE LĂN, DÀNH CHO NGƯỜI KHUYẾT TẬT CHƠI TRÊN XE LĂN.</P> 50 <P>GIẢI VÔ ĐỊCH ĐƯỢC "CÂU LẠC BỘ CROQUET VÀ QUẦN VỢT SÂN CỎ TOÀN ANH" (ALL ENGLAND LAWN TENNIS AND CROQUET CLUB) TỔ CHỨC LẦN ĐẦU TIÊN NĂM 1877 Ở MỘT SÂN GẦN WORPLE ROAD, WIMBLEDON, LÚC ĐÓ CHỈ THI ĐẤU ĐƠN NAM. NĂM 1884, CÂU LẠC BỘ TOÀN ANH CHO THÊM ĐƠN NỮ VÀ ĐÔI NAM; NĂM 1913 THÊM ĐÔI NỮ VÀ ĐÔI NAM NỮ 50 NĂM 1922 GIẢI CHUYỂN VỀ ĐỊA ĐIỂM NGÀY NAY LÀ SÂN GẦN CHURCH ROAD 50 SV: Nguyễn Duy Vương MSV: 09CĐ0639 NGÀY XƯA NGƯỜI ANH CHỈ CHƠI QUẦN VỢT LÀM TRÒ THỂ THAO GIẢI TRÍ VỚI TINH THẦN "THƯỢNG VÕ" (TỰA NHƯ THẾ VẬN HỘI) CHO NÊN HỌ XEM NHỮNG NGƯỜI CHUYÊN NGHIỆP ĐÁNH KIẾM TIỀN LÀ "HẠ ĐẲNG", KHÔNG XỨNG ĐÁNG ĐƯỢC DỰ GIẢI WIMBLEDON. VÌ THẾ NGÀY XƯA WIMBLEDON (CŨNG NHƯ 3 GIẢI GRAND SLAM KIA: ÚC, PHÁP, VÀ MỸ) CHỈ CHO CÁC TAY VỢT TÀI TỬ (NGHIỆP DƯ) THAM DỰ MÀ THÔI. MÃI CHO ĐẾN KHI KỶ NGUYÊN MỞ RỘNG CỦA MÔN QUẦN VỢT BẮT ĐẦU NĂM 1968, NHỮNG TAY VỢT CHUYÊN NGHIỆP MỚI ĐƯỢC CHO THAM DỰ 50 NGƯỜI ANH RẤT TỰ HÀO VỀ GIẢI ĐẤU NÀY, NHƯNG MỘT ĐIỀU PHIỀN MUỘN ĐỐI VỚI HỌ LÀ KHÔNG CÓ TAY VỢT NAM NGƯỜI ANH NÀO ĐOẠT GIẢI ĐƠN KỂ TỪ FRED PERRY NĂM 1936, CŨNG NHƯ CHƯA CÓ TAY VỢT NỮ NGƯỜI ANH NÀO VÔ ĐỊCH KỂ TỪ VIRGINIA WADE NĂM 1977.</P> 50 </BODY> 50 </HTML> 50 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 51 51 -WEB PAGE 2 CÓ NỘI DUNG GIỚI THIỆU VỀ TAY VỢT ROGER FEDERER 52 -MÃ NGUỒN: 52 <HTML> 53 <HEAD> 53 <TITLE> GIỚI THIỆU VỀ TAY VỢT ROGER FEDERE </TITLE> 53 </HEAD> 53 <BODY BGCOLOR = BLUE> 53 <P>ROGER FEDERER (SINH NGÀY 8 THÁNG 8 NĂM 1981 TẠI BASEL, THỤY SĨ) LÀ VẬN ĐỘNG VIÊN QUẦN VỢT CHUYÊN NGHIỆP NGƯỜI THỤY SĨ. ROGER FEDERER ĐƯỢC NHIỀU CHUYÊN GIA, CỰU DANH THỦ CŨNG NHƯ NHIỀU TAY VỢT CÙNG THỜI XEM LÀ TAY VỢT XUẤT SẮC NHẤT THẾ GIỚI QUA MỌI THỜI ĐẠI. FEDERER HIỆN ĐANG NẮM GIỮ NHIỀU KỶ LỤC TRONG LÀNG QUẦN VỢT, TRONG ĐÓ CÓ VIỆC ĐỨNG SỐ 1 THẾ GIỚI TRONG BẢNG XẾP HẠNG CỦA ATP 237 TUẦN LIÊN TIẾP TỪ 2/2/2004 TỚI 17/8/2008, ĐỒNG THỜI LÀ TAY VỢT DUY NHẤT TRONG LỊCH SỬ ĐOẠT 5 CHỨC VÔ ĐỊCH WIMBLEDON VÀ MỸ MỞ RỘNG LIÊN TIẾP. FEDERER ĐÃ ĐOẠT 16 DANH HIỆU GRAND SLAM, VƯỢT QUA KỶ LỤC CŨ CỦA PETE SAMPRAS LÀ 14 DANH HIỆU, VÀ LÀ MỘT TRONG 6 TAY VỢT TRONG LỊCH SỬ VÔ ĐỊCH CẢ 4 GIẢI GRAND SLAM. HIỆN ROGER FEDERER LÀ TAY VỢT SỐ 2 TRONG BẢNG XẾP HẠNG ATP 53 <P>LỐI ĐÁNH CỦA ROGER FEDERER <BR> FEDERER CÓ PHONG CÁCH THI ĐẤU ĐIỀM TĨNH, BIẾN HÓA, ỔN ĐỊNH VÀ ĐẸP MẮT. "ĐẸP MẮT" TRỞ THÀNH MỘT ĐẶC ĐIỂM TRONG PHONG CÁCH THI ĐẤU CỦA FEDERER, PHÂN BIỆT ANH VỚI TẤT CẢ CÁC TAY VỢT CÒN LẠI TRONG LỊCH SỬ QUẦN VỢT. PHONG CÁCH NÀY DỰA TRÊN MỘT NỀN TẢNG KỸ THUẬT XUẤT SẮC VÀ MỘT TÂM LÝ THI ĐẤU VỮNG VÀNG 53 </BODY> 53 </HTML> 53 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 54 54 -WEB PAGE 3 CÓ NỘI DUNG GIỚI THIỆU VỀ TAY VỢT ROGER FEDERER THÔNG QUA MỘT SỐ HÌNH ẢNH 55 -MÃ NGUỒN 55 <HTML> 55 <HEAD> 55 <TITLE> GIỚI THIỆU VỀ TAY VỢT ROGER FEDERE </TITLE> 55 </HEAD> 55 <BODY BGCOLOR = GREEN> 55 <IMG SRC=00000021-9930.JPG> 55 <IMG SRC=ROGER_FEDERER_AP 300X300.JPG> 55 <IMG SRC=DDDDD.JPG> 55 <IMG SRC=FEDERER 300X300.JPG> 55 </BODY> 55 </HTML> 55 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 56 -WEB PAGE 4 CÓ NỘI DUNG GIỚI THIỆU VỀ ROGER FEDERER SỬ DỤNG SIÊU LIÊN KẾT ĐỂ KẾT NỐI WEB PAGE 2 VÀ 3 57 -MÃ NGUỒN 57 <HTML> 57 <HEAD> 57 <TITLE>WELCOME TO WIMBLEDON 2012</TITLE> 57 </HEAD> 57 <BODY BGCOLOR = RED> 57 <P>GIỚI THIỆU VỀ ROGER FEDERER</P> 57 SV: Nguyễn Duy Vương MSV: 09CĐ0639 <IMG SRC=DDDDD.JPG> ROGER FEDERER</P> 57 <P><A HREF ="WIMBLEDON 2012_3.HTML"> CLICK ĐỂ TÌM HIỂU VỀ ROGER FEDERER</A></P> 57 <P><A HREF ="WIMBLEDON2012_5.HTML"> CLICK ĐỂ XEM MỘT SỐ HÌNH ẢNH VỀ ROGER FEDERER</A></P> 57 </BODY> 57 </HTML> 57 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 58 SAU KHI CLICK VÀO LIÊN KẾT TRÌNH DUYỆT SẼ CHO KẾT QUẢ NHƯ HÌNH (3.2 VÀ 3.3) 59 -WEB PAGE TỪ 5 ĐẾN WEB PAGE 11 CÓ NỘI DUNG GIỚI THIỆU VỀ KẾT QUẢ CÁC TRẬN ĐẤU TRONG KHUÔN KHỔ GIẢI WIMBLEDON 2012 QUA CÁC VÒNG 59 +WEB PAGE 5 “ VÒNG 1 WIMBLEDON 2012” 59 +MÃ NGUỒN 59 <HEAD> 60 <TITLE> VÒNG 1 WIMBEDON 2012</TITLE> 60 </HEAD> 60 <BODY BGCOLOR = GREEN> 60 <P> VÒNG 1 WIMBLEDON 2012</P> 60 <P>NOVAK DJOKOVIC GẶP RYAN HARRISON TỶ SỐ 6-4 6-4 6-4 </P> 60 <P>BENJAMIN BECKER GẶP RADEK STEPANEK TỶ SỐ 2-6 6-7 3-6</P> 60 <P>VIKTOR TROICKI GẶP MARTIN KLIZAN TỶ SỐ 6-4 4-6 5-7 7-6 6-4</P> 60 <P>JEREMY CHARDY GẶP JUAN MONACO TỶ SỐ 2-6 6-3 3-6 6-7</P> 60 <P>NICOLAS ALMAGRO GẶP GUILLAUME RUFIN TỶ SỐ 6-2 5-7 6-2 5-4</P> 60 <P>RUBEN BEMELMANS GẶP RICHARD GASQUET TỶ SỐ 3-6 4-6 4-6</P> 60 <P>FLORIAN MAYER GẶP PHILIPP PETZSCHNER TỶ SỐ 3-6 3-6 6-4 6-2 6-4</P> 60 <P>JERZY JANOWICZ GẶP ERNESTS GULBIS TỶ SỐ 2-4 6-4 3-6 7-6 9-7</P> 60 <P>ROGER FEDERER GẶP FABIO FOGNINI TỶ SỐ 6-1 6-3 6-2</P> 60 <P>MICHAEL RUSSELL GẶP FULIEN BENNETEAU TỶ SỐ 6-7 6-2 4-6 5-7</P> 60 <P>FERNANDO VERDASCO GẶP GREGA ZEMLJA TỶ SỐ 7-6 7-6 3-6 6-3</P> 60 <P>XAVIER MALISSE GẶP GILLES SIMON TỶ SỐ 6-4 6-4 7-6</P> 60 <P>ALEJANDRO FALLA GẶP NICOLAS MAHUT TỶ SỐ 3-6 6-7 6-4 2-6</P> 60 <P>IGOR ANDREEV GẶP DENIS ISTOMIN TỶ SỐ 6-1 6-3 6-4</P> 60 <P>MIKHAIL YOUZHNY GẶP INIGO CERVANTES TỶ SỐ 7-5 5-7 4-6 2-6</P> 60 </BODY> 60 </HTML> 60 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 61 +WEB PAGE 6 “ VÒNG 2 WIMBLEDON 2012” 62 +MÃ NGUỒN 62 <HEAD> 63 <TITLE> VÒNG 2 WIMBLEDON 2012 </TITLE> 63 </HEAD> 63 <BODY BGCOLOR = SALMON> 63 <P> VÒNG 2 WIMBLEDON 2012</P> 63 <P>DAVID FERRER GẶP KENNY DE SCHEPPER TỶ SỐ 7-6 6-2 6-4</P> 63 <P>BJORN PHAU GẶP ANDY RODDICK TỶ SỐ 3-6 6-7 3-6</P> 63 <P>KEI NISHIKORI GẶP FLORENT SERRA TỶ SỐ 6-3 7-2 6-2</P> 63 <P>GO SOEDA GẶP JUAN MARTIN DEL POTRO TỶ SỐ 2-6 3-6 6-1 6-4</P> 63 <P>MARIN CILIC GẶP LUKASZ KUBOT TỶ SỐ 7-6 6-2 6-1</P> 63 <P>SAM QUERREY GẶP MILOS RAONIC TỶ SỐ 6-7 7-6 7-6 6-4</P> 63 <P>GRIGOR DIMITROV BUL GẶP MARCOS BAGHDATIS TỶ SỐ 5-7 1-4</P> 63 <P>IVO KARLOVIC GẶP ANDY MURRAY TỶ SỐ 6-7 6-6 6-6 7-6</P> 63 <P>JO-WILFRIED TSONGA GẶP GUILLERMO GARCIA-LOPEZ TỶ SỐ 6-7 6-4 6-1 6-3</P> 63 <P>LUKAS LACKO GẶP JURGEN MELZER TỶ SỐ 6-4 6-7 3-6 6-3 6-4</P> 63 <P>DAVID GOFFIN GẶP JESSE LEVINE TỶ SỐ 4-6 6-4 6-1 6-3</P> 63 <P>JAMES WARD GẶP MARDY FISH TỶ SỐ 3-6 7-5 4-6 7-6 3-6</P> 63 <P>JARKKO NIEMINEN GẶP BRIAN BAKER TỶ SỐ 0-6 2-6 4-6</P> 63 <P>BENOIT PAIRE GẶP ALEXANDR DOLGOPOLOV TỶ SỐ 7-6 6-4 6-4</P> 63 <P>PHILIPP KOHLSCHREIBER GẶP MALEK JAZIRI TỶ SỐ 6-1 7-6 6-1</P> 63 <P>LUKAS ROSOL GẶP RAFAEL NADAL TỶ SỐ 6-7 6-4 6-4 2-6 6-4</P> 63 </BODY> 63 </HTML> 63 SV: Nguyễn Duy Vương MSV: 09CĐ0639 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 64 +WEB PAGE 7 “ VÒNG 3 WIMBLEDON 2012” 65 +MÃ NGUỒN 65 <HEAD> 66 <TITLE> VÒNG 3 WIMBLEDON 2012 </TITLE> 66 </HEAD> 66 <BODY BGCOLOR = BLUE> 66 <P> VÒNG 3 WIMBLEDON 2012</P> 66 <P>NOVAK DJOKOVIC GẶP RADEK STEPANEK TỶ SỐ 4-6 6-2 6-2 6-2</P> 66 <P>VIKTOR TROICKI GẶP JUAN MONACO TỶ SỐ 7-5 7-5 6-3</P> 66 <P>NICOLAS ALMAGRO GẶP RICHARD GASQUET TỶ SỐ 3-6 4-6 4-6</P> 66 <P>FLORIAN MAYER GẶP JERZY JANOWICZ TỶ SỐ 7-6 3-6 2-6 6-3 7-5</P> 66 <P>ROGER FEDERER GẶP JULIEN BENNETEAU TỶ SỐ 6-7 6-2 7-6 6-1</P> 66 <P>FERNANDO VERDASCO GẶP XAVIER MALISSE TỶ SỐ 6-1 6-7 1-6 6-4 3-6</P> 66 <P>ALEJANDRO FALLA GẶP DENIS ISTOMIN TỶ SỐ 3-6 4-6 6-3 6-7</P> 66 <P>MIKHAIL YOUZHNY GẶP JANKO TIPSAREVIC TỶ SỐ 6-3 6-4 3-6 6-3</P> 66 <P>DAVID FERRER GẶP ANDY RODDICK TỶ SỐ 2-6 7-6 6-4 6-3</P> 66 <P>KEI NISHIKORI GẶP JUAN MARTIN DEL POTRO TỶ SỐ 3-6 6-7 1-6</P> 66 <P>MARIN CILIC GẶP SAM QUERREY TỶ SỐ 7-6 6-4 6-7 6-7</P> 66 <P>MARCOS BAGHDATIS GẶP ANDY MURRAY TỶ SỐ 5-7 6-3 5-7 1-6</P> 66 <P>JO-WILFRIED TSONGA GẶP LUKAS LACKO TỶ SỐ 6-4 6-3 6-3</P> 66 <P>DAVID GOFFIN GẶP MỸ MARDY FISH TỶ SỐ 3-6 6-7 6-7</P> 66 <P>BRIAN BAKER GẶP BENOIT PAIRE TỶ SỐ 6-4 4-6 6-1 6-3</P> 66 <P>PHILIPP KOHLSCHREIBER GẶP LUKAS ROSOL TỶ SỐ 6-2 6-3 7-6</P> 66 </BODY> 66 </HTML> 66 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 67 +WEB PAGE 8 “ VÒNG 4 WIMBLEDON 2012” 68 +MÃ NGUỒN 68 <HEAD> 68 <TITLE> VÒNG 4 WIMBLEDON 2012</TITLE> 68 </HEAD> 68 <BODY BGCOLOR = TOMATO> 68 <P> VÒNG 4 WIMBLEDON 2012</P> 68 <P>NOVAK DJOKOVIC GẶP VIKTOR TROICKI TỶ SỐ 6-3 6-1 6-3</P> 68 <P>RICHARD GASQUET GẶP FLORIAN MAYER TỶ SỐ 3-6 1-6 6-3 2-6</P> 68 <P>ROGER FEDERER GẶP XAVIER MALISSE TỶ SỐ 7-6 6-1 5-6 6-3</P> 68 <P>DENIS ISTOMIN GẶP MIKHAIL YOUZHNY TỶ SỐ 3-6 7-5 4-6 7-6 5-7</P> 68 <P>DAVID FERRER GẶP JUAN MARTIN DEL POTRO TỶ SỐ 6-3 6-2 6-3</P> 68 <P>MARIN CILIC GẶP ANDY MURRAY 5-7 2-6 6-3</P> 68 <P>JO-WILFRIED TSONGA GẶP MARDY FISH TỶ SỐ 4-6 7-6 6-4 6-4</P> 68 <P>BRIAN BAKER GẶP PHILIPP KOHLSCHREIBER TỶ SỐ 1-6 6-7 3-6</P> 68 </BODY> 68 </HTML> 68 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 69 +WEB PAGE 9 “TỨ KẾT WIMBLEDON 2012” 70 +MÃ NGUỒN 70 <HEAD> 70 <TITLE> TỨ KẾT WIMBLEDON 2012</TITLE> 70 </HEAD> 70 <BODY BGCOLOR = ORANGERED> 70 <P> TỨ KẾT WIMBLEDON 2012</P> 70 <P>NOVAK DJOKOVIC GẶP FLORIAN MAYER TỶ SỐ 6-4 6-1 6-4</P> 70 <P>ROGER FEDERER GẶP MIKHAIL YOUZHNY TỶ SỐ 6-1 6-2 6-2</P> 70 <P>DAVID FERRER GẶP ANDY MURRAY TỶ SỐ 1-7 2-6 2-4</P> 70 <P>JO-WILFRIED TSONGA GẶP PHILIPP KOHLSCHREIBER TỶ SỐ 7-4 6-7 7-6</P> 70 </BODY> 70 </HTML> 70 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 70 +WEB PAGE 10 “BÁN KẾT WIMBLEDON 2012” 71 SV: Nguyễn Duy Vương MSV: 09CĐ0639 +MÃ NGUỒN 71 <HEAD> 71 <TITLE> VÒNG BÁN KẾT WIMBLEDON 2012</TITLE> 71 </HEAD> 71 <BODY BGCOLOR = YELLOW> 71 <P> VÒNG BÁN KẾT WIMBLEDON 2012</P> 71 <P>NOVAK DJOKOVIC GẶP ROGER FEDERER TỶ SỐ 3-6 6-3 4-6 3-6</P> 71 <P>ANDY MURRAY GẶP JO-WILFRIED TSONGA TỶ SỐ 6-3 6-4 3-6 7-5</P> 71 </BODY> 71 </HTML> 71 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 72 +WEB PAGE 11 “CHUNG KẾT WIMBLEDON 2012” 72 +MÃ NGUỒN 72 <HEAD> 72 <TITLE> CHUNG KẾT WIMBLEDON 2012</TITLE> 72 </HEAD> 72 <BODY BGCOLOR = RED> 72 <P> CHUNG KẾT WIMBLEDON 2012</P> 72 <P>ROGER FEDERER GẶP ANDY MURRAY TỶ SỐ 4-6 7-5 6-3 6-4</P> 72 <P> ROGER FEDERER VÔ ĐỊCH WIMBLEDON 2012</P> 72 </BODY> 72 </HTML> 72 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 73 -WEB PAGE 12 CÓ NỘI DUNG TỔNG HỢP KẾT QUẢ CÁC TRẬN ĐẤU WIMBLEDON 2012 BẰNG CÁCH TẠO CÁC SIÊU LIÊN KẾT GIỮA CÁC WEB PAGE TỪ 5-11 74 -MÃ NGUỒN 74 <HEAD> 75 <TITLE> CÁC TRẬN ĐẤU CỦA GIẢI WIMBLEDON 2012</TITLE> 75 </HEAD> 75 <BODY BGCOLOR = TEAL> 75 <P> CÁC TRẬN ĐẤU CỦA GIẢI WIMBLEDON 2012</P> 75 <TABLE BORDER = 2 BGCOLOR = LAVENDER CELLSPACING = 5 CELLPADDING = 10> 75 <TR> 75 <TD> <A HREF="WIMBLEDON 2012_701.HTML">VÒNG 1 WIMBLEDON 2012</A></TD> 75 <TD> <A HREF="WIMBLEDON 2012_702.HTML">VÒNG 2 WIMBLEDON 2012</A></TD> 75 <TD> <A HREF="WIMBLEDON 2012_703.HTML">VÒNG 3 WIMBLEDON 2012</A></TD> 75 <TR> 75 <TD> <A HREF="WIMBLEDON 2012_704.HTML">VÒNG 4 WIMBLEDON 2012</A></TD> 75 <TD> <A HREF="WIMBLEDON 2012_705.HTML">VÒNG TỨ KẾT WIMBLEDON 2012</A></TD> 75 <TD> <A HREF="WIMBLEDON 2012_706.HTML">VÒNG BÁN KẾT WIMBLEDON 2012</A></TD> 75 <TR> 75 <TD> <A HREF="WIMBLEDON 2012_707.HTML">TRẬN CHUNG KẾT WIMBLEDON 2012</A></TD>.75 </TABLE> 75 </BODY> 75 </HTML> 75 -NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 76 KHI CLICK VÀO CÁC LIÊN KẾT TA SẼ XEM ĐƯỢC CÁC KẾT QUẢ TRẬN ĐẤU WIMBLEDON 2012 TỪ VÒNG 1 ĐẾN TRẬN CHUNG KẾT GIỐNG NHƯ TỪ HÌNH ( 3.5 ĐẾN 3.11 ) 76 -WEB PAGE 13 LÀ WEB PAGE CUỐI CÙNG. ĐƯỢC TẠO THÀNH KHI TẠO SIÊU LIÊN KẾT GIỮA TẤT CẢ CÁC WEB PAGE TRÊN 77 -MÃ NGUỒN 77 <HTML> 77 <HEAD> 77 <TITLE>WELCOME TO WIMBLEDON 2012</TITLE> 77 </HEAD> 77 <BODY BGCOLOR = RED> 77 <P>ĐÂY LÀ WEBSITE GIỚI THIỆU VỀ GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012</P> 77 <IMG SRC=WIMBLEDON-2012-LOGO.JPG> GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012</P> 77 <P><A HREF ="WIMBLEDON 2012_2.HTML"> CLICK ĐỂ TÌM HIỂU VỀ GIẢI VÔ ĐỊCH QUẦN VỢT WIMBLEDON</A></P> 77 SV: Nguyễn Duy Vương MSV: 09CĐ0639 [...]... một số công cụ và tiện ích của Google Chrome • Chương 3: Phân tích thiết kế website tin tức giải quần vợt Wimbledon 2012 Là một website tự thiết kế sử dụng ngôn ngữ siêu văn bản HTML, nhằm mục đích cung cấp thông tin về giải quần vợt Wimbledon 2012 SV: Nguyễn Duy Vương 12 MSV: 09CĐ0639 Chương 1: Ngôn ngữ siêu văn bản HTML CHƯƠNG 1 : Ngôn ngữ siêu văn bản HTML 1.1 Khái niệm cơ bản về HTML HTML là ngôn... HREF= "WIMBLEDON 2012_ 704 .HTML" >VÒNG 4 WIMBLEDON 2012 .75 VÒNG TỨ KẾT WIMBLEDON 2012 .75 VÒNG BÁN KẾT WIMBLEDON 2012 75 75 TRẬN CHUNG KẾT WIMBLEDON 2012.75 75 75 < /HTML> ... WELCOME TO WIMBLEDON 2012 .77 77 77 ĐÂY LÀ WEBSITE GIỚI THIỆU VỀ GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012 77 GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012 77 CLICK ĐỂ TÌM HIỂU VỀ GIẢI VÔ ĐỊCH QUẦN VỢT WIMBLEDON .77 . 44 CHƯƠNG 3 : PHÂN TÍCH THIẾT KẾ WEBSITE TIN TỨC CHO GIẢI ĐẤU TENNIS WIMBLEDON 2012 49 3.1: CHI TIẾT THIẾT KẾ WEBSITE TIN TỨC GIẢI WIMBLEDON 2012 49 WEBSITE DO CHÚNG TÔI THIẾT KẾ CÓ NHIỀU TRANG WEB. 44 CHƯƠNG 3 : PHÂN TÍCH THIẾT KẾ WEBSITE TIN TỨC CHO GIẢI ĐẤU TENNIS WIMBLEDON 2012 49 3.1: CHI TIẾT THIẾT KẾ WEBSITE TIN TỨC GIẢI WIMBLEDON 2012 49 WEBSITE DO CHÚNG TÔI THIẾT KẾ CÓ NHIỀU TRANG WEB. bộ phản biện: ……………………………………………………………… 1.Nội dung thiết kế tốt nghiệp: HTML và ứng dụng trong thiết kế Website tin tức giải quần vợt Wimbledon 2012 2.Nhận xét của cán bộ phản biện: