(LUẬN văn THẠC sĩ) nghiên cứu triển khai các giải pháp mobile responsive website và ứng dụng

NGHIÊN CỨU TRIỂN KHAI CÁC GIẢI PHÁP MOBILE RESPONSIVE WEBSITE VÀ ỨNG DỤNG LUẬN VĂN THẠC SĨ KHOA HỌC MÁY TÍNH THÁI NGUYÊN - 2020 download by : skknchat@gmail.com ĐẠI HỌC THÁI NGUYÊN TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG MOUA VANG NGHIÊN CỨU TRIỂN KHAI CÁC GIẢI PHÁP MOBILE RESPONSIVE WEBSITE VÀ ỨNG DỤNG CHUYÊN NGÀNH: KHOA HỌC MÁY TÍNH Mã số: 480101 LUẬN VĂN THẠC SĨ KHOA HỌC MÁY TÍNH Người hướng dẫn khoa học: TS Vũ Đức Thái THÁI NGUYÊN – 2020 download by : skknchat@gmail.com LỜI CẢM ƠN Để hoàn thành luận văn này, lời em xin gửi lời biết ơn chân thành sâu sắc đến thầy giao TS Vũ Đức Thái tận tình hướng dẫn, truyền đạt kinh nghiệm quý giá cho em suốt trình nghiên cứu thực đề tài Em xin gửi lời cảm ơn đến thầy cô giáo khoa Công nghệ thông tin tồn thể thầy giáo truyền đạt vốn kiến thức quý báu cho em suốt trình học tập vừa qua Em quý thầy cô cung cấp truyền đạt tất kiến thức chuyên mơn cần thiết q giá Ngồi em rèn luyện tinh thần học tập làm việc độc lập sáng tạo Đây tảng cần thiết để thành cơng hôm Đề tài tốt nghiệp thạc sĩ hội để em áp dụng, tổng kết lại kiến thức mà học Đồng thời, rút kinh nghiệm thực tế quý giá suốt trình thực đề tài Sau thời gian em tập trung công sức cho đề tài làm việc tích cực, đặc biệt nhờ đạo hướng dẫn tận tình thầy giáo TS Vũ Đức Thái với thầy cô trường Đại học Công nghệ thông tin & Truyền thông - Đại học Thái Nguyên, giúp cho em hoàn thành đề tài cách thuận lợi gặt hái kết mong muốn Bên cạnh kết khiêm tốn mà em đạt được, chắn khơng tránh khỏi thiếu sót thực báo cáo mình, kính mong thầy thơng cảm Sự phê bình, góp ý q thầy học kinh nghiệm quý báu cho công việc em sau Là học viên ngành khoa học máy tính, em tự hào khoa mà theo học, tự hào tất thầy Kính chúc q thầy mạnh khoẻ, hạnh phúc, tiếp tục đạt nhiều thắng lợi việc giảng dạy, nghiên cứu khoa học nghiệp trồng người Em xin chân thành cảm ơn! download by : skknchat@gmail.com MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH CHƯƠNG 1: TÌM HIỂU KỸ THUẬT XÂY DỰNG TRANG WEB 11 1.1 Một số khái niệm website 11 1.2 Phân tích thiết kế web 13 1.3 Các phần mềm quản trị sở liệu 17 1.4 Các kỹ thuật giải pháp thân thiện web mobile 20 CHƯƠNG 26 CÁC GIẢI PHÁP MOBILE FRIENDLY WEBSITE 26 2.1 Tiêu chuẩn website thân thiện 26 2.2 Các kỹ thuật nâng cao để xây dựng website thân thiện 28 2.3 Một số tiêu chí đanh giá thiết kế website chuẩn SEO 34 CHƯƠNG 45 ỨNG DỤNG XÂY DỰNG WEBSITE CHO TRƯỜNG THPT HỮU NGHỊ 45 LÀO-VIỆTNAM 45 3.1 Giới thiệu trường THPT hữu nghị Lào-Việtnam 45 3.2.1 : Đặc tả mơ hình 49 3.2.2 : Biểu đồ Use Case 49 3.4 Thiết Kế 52 Thiết kế sở liệu 52 3.5.3 Giao diện WebSite 57 3.6 Đánh giá tính thân thiện trang web……………………………………… 61 KẾT LUẬN 64 [6] Patrick McNeil , “Mobile Web Designer's Idea Book: The Ultimate Guide to 65 [7] McNeil, Patrick“Trends, Themes and Styles in Mobile Web Design”, Publisher: HOW Books, 2008 65 Phụ lục……………………………………………………………………………… 64 download by : skknchat@gmail.com DANH MỤC HÌNH ẢNH Hình 1.1: Redis - Top hệ quản trị sở liệu phổ biến 19 Hình 1.2: 10 Phương pháp tối ưu website thiết bi di động 18 Hình 1.3: Yêu cầu Thiết kế website 22 Hình 1.4: Xây dựng trang web thân thiện với SEO 24 Hình 2.1: Định dạng văn thích hợp .27 Hình 2.2: Kỹ thuật tạo giao diện thân thiện 29 Hình 2.3: Kỹ thuật tùy biến theo loại hình hiển thịError! Bookmark not defined Hình 2.4: Tham khảo số mẫu để đáp ứng Error! Bookmark not defined Hình 2.5: Phân tích tổng quan thị trường đối thủError! Bookmark not defined Hình 2.6: Site vệ tinh dạng tin tức 36 Hình 2.7: cấu trúc phân tán 36 Hình 2.8: Cấu trúc phẳng .37 Hình 2.9: Phân tích từ khóa để SEO .37 Hình 2.10: Từ khóa key word 38 Hình 2.11: Xây dựng chiến lược internal link .39 Hình 2.12: Khởi tạo hệ thống network social 39 Hình 2.13: Dùng trọng tâm từ khóa 40 Hình 2.14: Content 40 Hình 2.15: Tiến hành Onpage website 39 Hình 2.16: Cập nhật sáng tạo 42 Hình 2.17: Xây dựng hệ thống Onpage 42 Hình 2.18: Tiến hành quảng bá website 43 Hình 3.1: Trường THPT xây thành lập vào năm 2009 45 Hình 3.2: Cựu Tổng bí thư Nơng Đức Mạnh đến thăm trường 2010 46 Hình 3.3: Bà Tịng Thị Phóng đến thăm trường ngày 25/02/2019 47 download by : skknchat@gmail.com Hình 3.4: Cựu tổng bí thư Nơng Đức Mạnh đến thăm trường ngày 15/11/2019 47 Hình 3.5: Trường THPT Hữu Nghị Lào-ViệtNam 48 Hình 3.6 : Trường THPT Kim Liên Hà Nội 48 Hình 3.7: Đặc tả mơ hình 49 Hình 3.8: Biểu đồ Use Case tổng quát 50 Hình 3.9: Biểu đồ Usecase cho tác nhân người sử dụng .49 Hình 3.10: Biểu đồ usecase tác nhân người quản trị .49 Hình 3.11 Thiết kế CSDL .52 Hình 3.12 Cài đặt XAMPP để làm máy chủ web 55 Hình 3.13: Cài đặt Wordpress .55 Hình 3.14: Website Trang Chủ Của Trường THPT Hữu Nghị Lào-ViệtNam 57 Hình 3.15: Trang đăng ký học .58 Hình 3.16: Trang quản lý tin tực danh mục 59 Hình 3.17: Giao diện Mobile Ipad 60 Hình 3.18: Giao diện Destop 61 Hình 3.19: Giao diện trang chủ tiếng Việt 61 Hình 3.20: Giao diện trang liên hệ 59 Hình 3.21: Giao diện trang liên hệ 59 Hình 3.22: Giao diện trang liên hệ 60 download by : skknchat@gmail.com MỞ ĐẦU Trong năm trở lại thiết bị di động trở nên phổ biến với người, kéo theo lượng truy cập website từ di động tăng đột biến Việc website hiển thị tốt loại thiết bị (desktop, máy tính bảng, điện thoại,…) cần thiết Vì bố cục website phải thiết kế để phù hợp với nhiều kích cỡ hình khác khơng thiết kế giao diện cố định người ta thường làm trước Đây xem thiết kế website tương thích tốt với di động Dựa phát triển thiết bị di động việc thiết kế website thân thiện với thiết bị di động trở nên dễ dàng Ngày mã nguồn cung cấp phương thức cho người lập trình biết website truy cập từ thiết bị (Iphone 6, Samsung S7, huawei, hay Ipad…) từ dễ dàng thiết kế website phù hợp với thiết bị người truy cập Khi thiết kế website cần tổ chức phân chia nội dung vơ quan trọng người dùng truy cập vào web Làm để khách hàng dễ dàng tìm kiếm nội dung mà họ cần thiết website mình? Một bố cục website hợp lý dễ dàng cho việc tìm kiếm thơng tin cần thiết truy cập Nếu web tổ chức không tốt bố cục không hợp lý, việc tiếp cận thông tin website trở nên khó khăn điều làm cho người truy cập quay lưng với website Cách phân chia tổ chức nội dung: trước thiết kế phải xác định thông tin cung cấp cho người dùng dạng Xác định đối tượng quan tâm đến nội dung mình, từ hiểu thêm sở thích, thể loại người truy cập quan tâm theo sát nhu cầu cần thiết người sử dụng từ thiết kế website thích hợp Bố cục nội dung: bố cục nội dung website phải thiết kế cách rõ ràng, tinh tế Các vấn đề liên quan đến yếu tố kỹ thuật thiết bị sử dụng để truy cập thơng tin web (PC, máy tính bảng, điện thoại di động…) vấn đề nên quan tâm đến Khi người dùng vào trang web mình, phải cho họ thấy bật dẫn dắt họ tiếp cận thông tin trang web nhiều download by : skknchat@gmail.com Đường link liên kết điểm mạnh website Đối với trang web phục vụ nhiều đối tượng khác nên phân chia nội dung nhằm giúp người truy cập tiếp cận tốt với trang web Đối với đối tượng am hiểu, hay sản phẩm, nội dung trang web có thương hiệu từ trước, người truy cập xem sơ qua chọn thơng tin cần thiết phù hợp Nhưng người truy cập chưa ghé thăm website lần họ cần phải tìm hiểu rõ thơng tin dịch vụ đưa định, mà việc xây dựng đường link liên kết đến thông tin mà họ cần tham khảo vấn đề quan trọng để giữ số lượng người truy cập tiềm Tốc độ tải trang website tối đa giây mức chuẩn cho website chuẩn SEO Người dùng không đủ kiên nhẫn chờ đợi 10 giây cho trang web website mà họ chưa nhìn thấy Ngồi khơng phải sử dụng đường truyền internet có tốc độ cao Nếu website load chậm số lượng người truy cập tiềm vốn có Khi thiết kế website cần hạn chế lạm dụng hình ảnh, video audio Mặc dù việc sử dụng hình ảnh audio truyền tải thông tin đến người dùng cách trực tiếp nhanh chóng, cần chọn lọc sử dụng cần thiết Để có website tương thích với tất trình duyệt khơng phải nhà thiết kế web làm được, đáp ứng trình duyệt thơng dụng như: Google Chrome, Internet Explorer, Mozila Firefox, Opera, Safari… điều mà website chuyên nghiệp cần phải có Mặt khác phân tích việc tạo giao diện trang web thân thiện hấp dẫn với người đọc vấn đề cần nghiên cứu áp dụng linh hoạt sáng tạo nguyên tắc, kinh nghiệm chuyên gia Việc sử dụng từ ngữ dễ hiểu làm tăng thêm tính tiện dụng, giúp cho website thân thiện người dùng Ai khơng theo dõi quảng cáo hay nội dung mình, họ khơng hiểu mà muốn truyền đạt Đối với vấn đề việc sử dụng ngôn từ phù hợp với kiến thức trình độ phân khúc thị trường mà hướng đến vấn đề cần quan tâm tìm hiểu rõ Người truy cập tìm đến website chưa biết trang web, thơng tin dic vụ mà muốn cung cấp, cần tìm hiểu trang web họ download by : skknchat@gmail.com cần gì? Làm cách để truyền đạt cho họ thông tin cần thiết, dễ hiểu Đối với hình ảnh sử dụng website cần tối ưu kích thước dung lượng mức tối thiểu mà người dùng xem Người làm cơng việc tối ưu hình ảnh xem xét thơng số thấp nhất, độ nén tối đa, mà người dùng xem cách rõ ràng.Việc tối ưu hóa tốc độ tải trang không giúp cho người dùng mà giúp hệ thống máy chủ nhẹ nhàng hơn, tiết kiệm nguồn tài nguyên băng thông, làm tăng khả cung cấp lượng truy cập tốt Hiện nay, có nhiều trang web lạm dụng hình ảnh động hiệu ứng javascrip, hay sử dụng Flash để tạo hiệu ứng đồ họa bắt mắt, vấn đề cần cân nhắc chọn lọc sử dụng Các thành phần làm tăng thời gian tải website đồng thời làm người dùng lãng thơng tin mà muốn cung cấp.Với thời đại cơng nghệ tại, người trở nên bận rộn tất bật với cơng việc hơn, việc tiết kiệm thời gian truy cập vào trang web tìm kiếm thơng tin mà họ cần thiết quan trọng tập trung vào hiệu ứng Khơng website thiết kế chưa kiểm tra kỹ lưỡng cho việc thích hợp với trình duyệt web Điều làm cho website giảm tính chun nghiệp, điển hình vấn đề bể giao diện truy cập Hiện (2019), trường hữu nghị Lào-Việt Nam chưa có website, Ban giám hiệu nhà trường yêu cầu nghiên cứu tạo trang web máy PC Smart phone thân thiện với người dùng, trang web sử dụng hai ngơn ngữ Lào-Việt Nếu trường có trang web riêng giúp đưa thông tin mong muốn lên mạng internet cho người xem Trang web giúp nhà trường quảng bá, giới thiệu thông tin cho giáo viên, sinh viên, phụ huynh, trường khác, Bộ Giáo dục Đào tạo Việt Nam Bộ Giáo dục Thể thao Lào theo dõi xem dễ dàng Kết hợp với kiến thức xây dựng trang web thân thiện công nghệ cài đặt, từ ý nghĩa trang web thân thiện phục vụ nhà trường, em xin thực luận văn với đề tài: “Nghiên cứu triển khai giải pháp Website resonsive ứng dụng” với đề tài em nghiên cứu áp dụng công nghệ mới, đại vào việc download by : skknchat@gmail.com xây dựng phát triển trang web trường PC smart phone nhằm đáp ứng nhu cầu đặt nhà trường cho phát triển nhà trường tăng cường hợp tác hữu nghị hai nước Lào Việt Nam 10 download by : skknchat@gmail.com 3.5.3 Giao diện WebSite Sau việc tạo trang web thực tế, em trang web sau:  Giao diện tiếng Lào - Trang chủ: Hình 3.16 Một số hình ảnh Trang chủ Website Trường THPT Hữu Nghị Lào-ViệtNam 57 download by : skknchat@gmail.com - Trang đăng ký học online Hình 3.17 Trang đăng ký học 58 download by : skknchat@gmail.com - Trang quản lý tin tức Hình 3.18 Trang quản lý tin tực danh mục 59 download by : skknchat@gmail.com - Giao diện thiết bị di động (a) (b) Trên mobile Trên ipad Hình 3.19 Giao diện Mobile Ipad 60 download by : skknchat@gmail.com - Giao diện Desktop Hình 3.20 Giao diện Desktop  Giao diện tiếng Việt tương tự: - Trang chủ: Hình 3.21 Giao diện trang chủ tiếng Việt - Trang liên hệ 61 download by : skknchat@gmail.com Hình 3.22 Giao diện trang liên hệ 3.6 Đánh giá tính thân thiện trang web Dựa tiêu chí kỹ thuật tạo trang web đảm bảo tính thân thiện người dùng, trình cài đặt, luận văn đề xuất thực kết sau: - Giao diện có cấu trúc linh hoạt tủy biến theo kích thước thiết bị hiển thị máy tính PC có kích thước hình khác nhau; ipad, điện thoại thơng minh có kích thước khác 62 download by : skknchat@gmail.com - Cấu trúc thông tin bố trí phân đoạn riêng để dễ theo dõi sử dụng, người dùng khơng cần trình độ tin học cao theo dõi dễ dàng thơng tin web (có vùng cho giáo viên, sinh viên; bố cục trang tiếng Việt, trang tiếng Lào có tính đến thói quen phong cách văn hóa) - Các chức thiết kế đáp ứng nhu cầu nhà trường (các đối tượng sử dụng khác Ban Giám hiệu, giáo viên, phụ huynh, học sinh…) Ví dụ để đăng ký học - Có chức tương tác người xem (audients) người quản trị để tiếp thu ý kiến điều chỉnh để đáp ứng tốt làm cho website ngày hoàn thiện Đây nhiệm vụ lâu dài, dù bảo vệ xong luận văn em tiếp tục bảo trì phát triển phục vụ cho nhà trường - Có ngơn ngữ tiếng Lào tiếng Việt: Đây mục tiêu quan trọng cho nhà trường trường có hợp tác với nhiều trường THPT sở giáo dục Việt Nam Để thuận lợi cho việc nắm bắt thông tin triển khai hoạt động hợp tác, việc có trang web song ngữ có ý nghĩa quan trọng 63 download by : skknchat@gmail.com KẾT LUẬN Kết đạt Sau trình học tập, tìm hiểu hướng dẫn giáo viên hướng dẫn em hoàn thành luận văn với kết chính: Xây dựng cài đặt trang web cho trường THPT Hữu nghị Lào – Việt Nam với cơng nghệ đại tính thân thiện tảng thiết bị khác máy PC, thiết bị di động Trang web lãnh đạo nhà trường đánh giá cao định sử dụng phục vụ công tác quản lý đào tạo trường, đồng thời hỗ trợ tăng tình đồn kết hai dân tộc Lào – Việt có hai ngơn ngữ song song Trang web thử nghiệm đưa lên địa IP nhà cung cấp dịch vụ Xây dựng website tin tức thân thiện với thiết bị di động hồn thành nội dung sau: Phân tích đánh giá yêu cầu website friendly với thiết bị di động bản; Vận dụng mã nguồn mở wordpress vào việc xây dựng website; Phần giao diện người dùng: giao diện thân thiện, cho phép người xem dễ dàng xem tin tức , tìm kiếm , đăng bài, ý kiến cho tin tức mà website cung cấp; Phần quản trị: Đã xây dựng hệ thống quản lý liệu website, giúp cho người quản trị dễ dàng quản lý thông tin, liệu, xem, thêm, xóa , cập nhật liệu Giải pháp xây dựng website thân thiện nghiên cứu phát triển thành vấn đề học thuật ứng dụng thực tiễn, luận văn sâu vào hướng ứng dụng giải pháp kỹ thuật kinh nghiệm thực tế cịn hạn chế định Hướng phát triển Tiếp tục ứng dụng công nghệ công cụ để nâng cấp trang web đáp ứng tốt nhu cầu nhà trường (bổ sung nguồn thông tin, chức nghiệp vụ quản lý thông tin khoa học Tiếp tục nghiên cứu giải pháp thân thiện cho ứng dụng khác phần mềm chạy web, trang web thương mại… 64 download by : skknchat@gmail.com TÀI LIỆU THAM KHẢO - Tài liệu tiếng Việt [1] Nguyễn Văn Ba, phân tích thiết kế hệ thống, NXB KHKT, 2005 [2] Khuất Thùy Phương “Lập trình Web với ứng dụng PHP” - Tập 1, NXB Đại học quốc gia TP Hồ Chí Minh, 2012 [3] Đậu Quang Tuấn, Tự Học Thiết Kế Trang Web Bằng Java Script, NXB Giao thông vận tải, 2006 [4] Jermy Osborn & Nhóm AGI Creative, HTML5 Và CSS3 Thiết Kế Trang Web Thích Ứng Giàu Tính Năng, NXB Bách Khoa – Hà Nội, 2017 - Tài liệu tiếng Anh [5] Larry Ulllman, “PHP for the Web: Visual QuickStart Guide”, Publisher : Peachpit Press; 5th edition (June 29, 2016); [6] Patrick McNeil , “Mobile Web Designer's Idea Book: The Ultimate Guide to [7] McNeil, Patrick“Trends, Themes and Styles in Mobile Web Design”, Publisher: HOW Books, 2008 [8] Ethan Marcotte “Responsive Web Design”, Published in CSS, Interaction Design, Layout & Grids, 2010 [9] http://www.wordpress.org [10] https://www.wix.com/ [11] https://www.websitebuilder.com/ [12] https://gtvseo.com/seo-la-gi/ [13] https://www.webico.vn/ [14] https://thachpham.com/ [15] https://www.awwwards.com/websites/responsive-design/ 65 download by : skknchat@gmail.com PHỤ LỤC Đoạn code CSS làm cho website thân thiện với thiết bị di động sau: - Code làm cho website thân thiện với điện thoại di động như: ms-thumb-list{ display: none; } master-slider{ width: 100%; } post-without-img box-blog-post box-image { width: 20% !important; float: left; } post-without-img box-blog-post box-text{ width: 80%!important; float: left; padding-left: 5px; } header-top{ display: none; } page-wrapper{ padding-top: 30px; } large-8 { max-width: 100%; flex-basis: 100%; } large-4 { max-width: 100%; flex-basis: 100%; } blog-archive entry-image { width: 100%; } blog-archive entry-content{ width: 100%; 66 download by : skknchat@gmail.com } - Code làm cho website thân thiện với Máy tính bảng (Ipad) như: header-top{ display: none; } page-wrapper{ padding-top: 30px; } - Code làm cho thiết bị friendly website tự động: title{ background: #23A5E3; color: #fff; padding-left: 2px; font-size: 16px; } title-center{ color: #0557d8; font-weight: bold; background: #e6e6e6; font-size: 18px; } widget-title { color:#23A5E3; } header-bottom flex-row{ background: #45b5d6; height: 50px; } row-footer{ background: #45b5d6; padding-top: 30px; border: 1px solid #6d6df7; } widget-area { font-size: 14px; } secondary{ background: #45b5d6; } post-without-img post-item{ 67 download by : skknchat@gmail.com padding-bottom: 2px; } post-without-img post-item box-blog-post{ border-bottom: 1px solid #ace4ff; } page-right-sidebar>.row,.row-large{ padding-top: 30px; background: #FFF; } row-divided>.col+.col:not(.large-12), col-divided+.col{ } is-divider{ display: none; } absolute-footer { display: none; } nav-dropdown>li.nav-dropdown-col{ display:block } nav-dropdown{ border:1px solid #ddd; padding:0 } nav-dropdown nav-dropdown-col>a, nav-dropdown li a{ font-weight:normal !important; text-transform:none !important; font-size:15px; font-weight:500 } nav-dropdown nav-dropdown-col>ul li:hover{ } nav-dropdown-default>li:hover>a, nav-dropdown nav-dropdowncol>ul li:hover>a{ color:#888; } nav-dropdown-default>li:hover{ } nav-dropdown-default>li>a{ 68 download by : skknchat@gmail.com border-bottom:0 !important } nav-dropdown-has-arrow li.has-dropdown:before{ border-width: 10px; margin-left: -10px; } nav-dropdown nav-dropdown-col>ul{ border: 1px solid #d2d2d2; margin-top:-40px; box-shadow: 2px 2px 5px #828282; display:none; position: absolute; left: 100%; z-index: 9; background: white; min-width: 240px; } nav-dropdown>li.nav-dropdown-col{ width:100%; border-right:0 } nav-dropdown nav-dropdown-col>ul li a{ padding:10px; text-transform: none;color:black } header-nav li.nav-dropdown-col:hover >ul{ display:block !important} large-columns-5 div{ } header-top{ position: absolute; top: 230px; left: 30px; right: 30px; max-height: 50px; z-index: -1; } row-marquee a{ color: red; } 69 download by : skknchat@gmail.com .page-wrapper{ padding-top: 50px; } large-8 { max-width: 75%; flex-basis: 75%; } large-4 { max-width: 25%; flex-basis: 25%; } row-large { max-width: 1110px!important; text-align: left; } entry-title{ color:#0280b6; } blog-archive entry-image { width: 25%; float: left; } blog-archive entry-content{ width: 75%; float: left; padding-top: 0px; padding-left: 5px; text-align: justify; } blog-single entry-content td{ text-align: justify; } entry-header-text { padding-left: 0!important; } entry-meta{ text-align: right; } blog-archive more-link { float: right; 70 download by : skknchat@gmail.com margin-top: 0em; margin-bottom: 0em; border: none!important; } #wrapper,#main{ backgroundimage:url(http://tailieuchuyende.com/jobs/yhoccotruyen/wpcontent/uploads/sites/14/2019/10/bground.jpg) } header-inner{ background: #ffff; color: #20227d; } header-bottom flex-row{background-color:#ed8c4b; } header-button{ background-color:#ed8c4b; } title-center{ background-color:#f9ddca; } body{ font-family:"phetsarath OT" } nav>li>a{ font-family:"phetsarath OT" } h1,h2,h3,h4,h5,h6, heading-font{ font-family:"phetsarath OT" } 71 download by : skknchat@gmail.com ... CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG MOUA VANG NGHIÊN CỨU TRIỂN KHAI CÁC GIẢI PHÁP MOBILE RESPONSIVE WEBSITE VÀ ỨNG DỤNG CHUYÊN NGÀNH: KHOA HỌC MÁY TÍNH Mã số: 480101 LUẬN VĂN THẠC SĨ KHOA HỌC MÁY... luận văn với đề tài: ? ?Nghiên cứu triển khai giải pháp Website resonsive ứng dụng? ?? với đề tài em nghiên cứu áp dụng công nghệ mới, đại vào việc download by : skknchat@gmail.com xây dựng phát triển. .. thân thiện (11) Giải pháp kỹ thuật cho trang web mobile- friendly Giải pháp thay thứ thiết kế responsive: Thiết kế responsive tự động tải khơng tải nội dung dựa vào kích thước hình sử dụng để hiển