Giáo trình Thiết kế web (Nghề: Tin học văn phòng - Trung cấp) - Trường Cao đẳng Cơ điện Xây dựng Việt Xô

Giáo trình Thiết kế web (Nghề: Tin học văn phòng - Trung cấp) nhằm giúp học viên trình bày được cấu trúc của một Website; trình bày được quy trình xây dựng và phát triển Website; trình bày được các vấn đề liên quan đến an toàn và bảo mật Website; tạo được Website dựa trên các ngôn ngữ HTML, CSS, Javascrip, XML;... Mời các bạn cùng tham khảo!

BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN TRƯỜNG CAO ĐẲNG CƠ ĐIỆN XÂY DỰNG VIỆT XÔ KHOA CÔN NGHỆ THƠNG TIN VÀ NGOẠI NGỮ GIÁO TRÌNH MƠN HỌC: THIẾT KẾ WEB NGHỀ: TIN HỌC VĂN PHỊNG TRÌNH ĐỘ TRUNG CẤP Trang TUYÊN BỐ BẢN QUYỀN: Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng ngun trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm LỜI NĨI ĐẦU Chương trình khung quốc gia nghề Quản trị mạng máy tính xây dựng sở phân tích nghề, phần kỹ thuật nghề kết cấu theo môđun, môn học Để tạo điều kiện thuận lợi cho sở dạy nghề trình thực hiện, việc biên soạn giáo trình kỹ thuật nghề theo mơđun, mơn học đào tạo nghề cấp thiết Thiết kế web mô đun đào tạo nghề biên soạn theo hình thức tích hợp lý thuyết thực hành Trong q trình thực hiện, nhóm biên soạn tham khảo nhiều tài liệu thiết kế lập trình web nước, kết hợp với kinh nghiệm thực tế sản xuất Mặc dầu có nhiều cố gắng, không tránh khỏi khiếm khuyết, mong nhận đóng góp ý kiến độc giả để giáo trình hồn thiện Tam Điệp, 2018 Trang MỤC LỤC Bài 1: CÁC ĐỊNH NGHĨA VÀ THUẬT NGỮ Internet dịch vụ Internet 1.1 Internet 1.2 Lợi ích Internet 1.3 Dịch vụ Internet Giới thiệu WWW 11 Quy trình xây dựng Website 12 Web page, Website 12 Trình duyệt Web 12 5.1 Khái niệm trình duyệt Web 12 5.2 Các trình duyệt Web 13 5.3 Một số thao tác với trình duyệt Web 13 Bài 2: GIAO DIỆN WEB 19 Các loại giao diện Website 20 Bố cục giao diện Web 20 Xây dựng giao diện Web theo yêu cầu 21 Bài 3: CÁC ĐỊNH NGHĨA VÀ THUẬT NGỮ 21 Giới thiệu HTML 22 Các thẻ HTML 22 Các thẻ khung 22 2.2 Thẻ định dạng văn 23 2.3 Thẻ chỉnh nội dung 24 2.4 Liên kết 24 2.5 Thẻ ảnh 25 2.6 Bảng 25 2.7 Form 25 Giới thiệu CSS 35 4.Các lệnh CSS 38 4.1 Background 39 4.2 Định dạng chữ 42 4.3 Các lệnh CSS khác 47 Bài 4: MÃ NGUỒN MỞ 63 Giới thiệu mã nguồn mở 64 1.1 Khái niệm mã nguồn mở 64 4: Quản trị nội dung Website Wordpress 70 4.1 Làm việc với AdminCP 70 4.2 Cài đặt Plugin cho WordPress 72 4.3 Cài đặt Themes cho WordPress 75 4.4 Chỉnh giao diện CSS Theme 82 4.5.Tuỳ chỉnh header va background 85 4.6 Hướng dẫn viết Wordpress 86 Trang 4.7.Cách tạo menu Wordpress 90 4.9 Hướng dẫn tạo trang (Add new pages) 94 4.12 Hướng dẫn Widget Wordpress 106 4.15 Tối ưu hố tìm kiếm (SEO) 118 4.18 21 website để tìm theme miễn phí 135 Bài 5: XUẤT BẢN VÀ DUY TRÌ WEBSITE 136 Đăng ký tên miền, hosting 136 1.1 Tên miền – domain 136 1.2 Hosting 136 1.3 Đăng ký dịch vụ 136 Cài đặt Website lên Server 136 2.1 Xác nhận thông tin server 136 2.2 Đưa mã nguồn lên server 136 Phát triển Website 136 3.1 Kiểm tra thử nghiệm nội dung 136 3.2 Phát triển nội dung 136 Bảo mật Website 136 4.1 Hiểm họa Website 136 4.2 Các giải pháp 136 Trang CHƯƠNG TRÌNH MƠ ĐUN Tên mơ đun: Thiết kế Web Mã mô đun: MĐ 23 Thời gian thực mô đun: 90 Giờ; (Lý thuyết: 29 giờ; Thực hành: 58 giờ; Kiểm tra: giờ) I Vị trí tính chất mơ đun: - Vị trí: Mơ đun bố trí sau sinh viên học xong môn học chung, môn sở chuyên ngành đào tạo chun mơn nghề - Tính chất: Là mơ đun chuyên môn nghề II Mục tiêu mô đun: - Về kiến thức + Trình bày cấu trúc Website; + Trình bày quy trình xây dựng phát triển Website; + Trình bày vấn đề liêu quan đến an toàn bảo mật Website - Về kỹ năng: Tạo Website dựa ngôn ngữ HTML, CSS, Javascrip, XML ; - Về lực tự chủ trách nhiệm + Bố trí làm việc khoa học đảm bảo thời gian xây dựng vận hành Website + Cần cù, chủ động học tập, đảm bảo an toàn học tập III Nội dung mô đun: Nội dung tổng quát phân phối thời gian: Thời gian Thực Số hành, thí Tên chương mục Tổng Lý Kiểm tra TT nghiệm, số thuyết thảo luận, Bài tập Bài 1: Các định nghĩa 4 thuật ngữ Internet dịch vụ Internet 1 1.1 Internet 1.2 Lợi ích Internet 1.3 Dịch vụ Internet Giới thiệu WWW 0.5 0.5 2.1 Dịch vụ WWW 2.2 Giao thức WWW 1 Quy trình xây dựng Website Web page, Website 0.5 0.5 4.1 Web page 4.2 Website Trình duyệt Web 0.5 Trang 0.5 5.1 Khái niệm trình duyệt Web 5.2 Các trình duyệt Web 5.3 Một số thao tác với trình duyệt Web 6: Phần mềm thiết kế Web Bài 2: Giao diện Web 0.5 0.5 16 Các loại giao diện Website 1 Bố cục giao diện Web Xây dựng giao diện Web theo yêu cầu Bài 3: Ngôn ngữ HTML CSS Giới thiệu HTML Các thẻ HTML 2.1 Các thẻ khung 2.2 Thẻ định dạng văn 2.3 Thẻ chỉnh nội dung 2.4 Liên kế - Link 2.5 Ảnh – Img 2.6 Bảng – Table 2.7 Biểu mẫu – Form 2.8 Multimedia, video 3.Giới thiệu CSS 4.Các lệnh CSS 4.1 Định dang khung 4.2 Định dạng chữ 4.3 Sắp xếp khối Xây dựng giao diện Web tử file PSD Xây dưng Web chuẩn SEO 12 10 40 10 28 0.5 0.5 13 0.5 0.5 12 10 24 15 0.5 0.5 2 1 Bài 4: Mã nguồn mở Giới thiệu mã nguồn mở 1.1 Khái niệm mã nguồn mở 1.2 Các loại mã nguồn mở 2.Web server 2.1 Khái niệm Web server 2.2 Tác dụng Web Server 2.3 Cài đặt Web server Trang Cài đặt Wordpress 3.1 Giới thiệu Wordpress 12 1 3.2 Cài đặt Wordpress 4: Quản trị nội dung Website Wordpress 4.1 Tạo danh mục 4.2 Tạo viết 4.3 Quản lý viết, quản lý ảnh 4.4 Quản lý người dùng 4.5 Quản lý bố thành phần khác Cấu trúc mã nguồn Wordpress 6: Theme Wordpress 6.1 Thay đổi Theme Wordpress 6.2 Tìm cài đặt Theme Wordpress 6.3 Chỉnh sửa Theme Wordpress 7: Plugin Wordpress 7.1 Tác dụng Plugin Wordpress 7.2 Các Plugin Bài 5: Xuất trì Website Đăng ký tên miền, hosting 1.1 Tên miền – domain 1.2 Hosting 1.3 Đăng ký dịch vụ Cài đặt Website lên Server 2.1 Xác nhận thông tin server 2.2 Đưa mã nguồn lên server Phát triển Website 3.1 Kiểm tra thử nghiệm nội dung 3.2 Phát triển nội dung Bảo mật Website 4.1 Hiểm họa Website 4.2 Các giải pháp Cộng Trang 7 2.5 1.5 3 0.5 0.5 1 1 1.5 0.5 90 29 58 BÀI 1: CÁC ĐỊNH NGHĨA VÀ THUẬT NGỮ Mã bài: MĐ 23 – 01 Giới thiệu Website - trang web, trang mạng, tập hợp trang web, thường nằm tên miền tên miền phụ World Wide Web Internet Một trang web tập tin HTML XHTML truy nhập dùng giao thức HTTP1 Internet dịch vụ Internet Mục tiêu - Trình bày khái niệm cá thuật ngữ dịch vụ WWW - Trình bày vai trò internet dịch vụ internet - Trình bày trình xây dựng website - Cẩn thận, tỉ mỷ tìm hiểu phát triển hệ thống Web 1.1 Internet Internet hệ thống thơng tin tồn cầu truy nhập cơng cộng gồm mạng máy tính liên kết với Hệ thống truyền thông tin theo kiểu nối chuyển gói liệu (packet switching) dựa giao thức liên mạng chuẩn hóa (giao thức IP) Hệ thống bao gồm hàng ngàn mạng máy tính nhỏ doanh nghiệp, viện nghiên cứu trường đại học, người dùng cá nhân phủ tồn cầu 1.2 Lợi ích Internet Internet có nhiều lợi ích sống thường ngày:  Đọc báo, xem tin tức Online  Lướt Facebook, xem phim, nghe nhạc trực tuyến  Gửi nhận Mail, tìm kiếm thơng tin mạng  Mua bán, học tập, chí chữa bệnh qua mạng  … Nói tóm lại, Internet mang lại CỰC KỲ tiện ích cho người, cung cấp khối lượng thông tin Khổng Lồ Các cách thức thông thường để truy cập Internet quay số, băng rộng, không dây, vệ tinh qua điện thoại cầm tay 1.3 Dịch vụ Internet 1.3.1 Web, E-Mail, FTP, hội thoại Website - trang web, trang mạng, tập hợp trang web, thường nằm tên miền tên miền phụ World Wide Web Internet Một trang web tập tin HTML XHTML truy nhập dùng giao thức HTTP WebsiteTrang xây dựng từ tệp tin HTML (website tĩnh) vận hành CMS chạy máy chủ (website động) Website xây dựng nhiều ngơn ngữ lập trình khác (PHP,.NET, Java, Ruby on Rails ) Email - Thư điện tử (từ chữ Electronic mail) hệ thống chuyển nhận thư từ qua mạng máy tính Email phương tiện thông tin nhanh Một mẫu thông tin (thư từ) gửi dạng mã hố hay dạng thông thường chuyển qua mạng máy tính đặc biệt mạng Internet Nó chuyển mẫu thông tin từ máy nguồn tới hay nhiều máy nhận lúc Ngày nay, email truyền gửi chữ, cịn truyền dạng thơng tin khác hình ảnh, âm thanh, phim, đặc biệt phần mềm thư điện tử kiểu cịn hiển thị email dạng sống động tương thích với kiểu tệp HTML FTP (File Transfer Protocol - Giao thức truyền tập tin) thường dùng để trao đổi tập tin qua mạng lưới truyền thông dùng giao thức TCP/IP (chẳng hạn Internet - mạng ngoại - intranet - mạng nội bộ) Hoạt động FTP cần có hai máy tính, máy chủ máy khách) Máy chủ FTP, dùng chạy phần mềm cung cấp dịch vụ FTP, gọi trình chủ, lắng nghe yêu cầu dịch vụ máy tính khác mạng lưới Máy khách chạy phần mềm FTP dành cho người sử dụng dịch vụ, gọi trình khách, khởi đầu liên kết với máy chủ Một hai máy liên kết với nhau, máy khách xử lý số thao tác tập tin, tải tập tin lên máy chủ, tải tập tin từ máy chủ xuống máy mình, đổi tên tập tin, xóa tập tin máy chủ v.v Vì giao thức FTP giao thức chuẩn cơng khai, công ty phần mềm nào, hay lập trình viên viết trình chủ FTP trình khách FTP Hầu tảng hệ điều hành máy tính hỗ trợ giao thức FTP Hiện thị trường có nhiều trình khách trình chủ FTP, phần đơng trình ứng dụng cho phép người dùng lấy tự do, không tiền 1.3.2 Gopher, News Group, Newsletter Các dịch vụ phổ biến khác Gopher dịch vụ tương đối Internet, Gopher cho phép truy nhập thông tin Internet theo thực đơn Thơng tin Gopher văn hay đồ họa Newsgroup Nhóm thảo luận : Dịch vụ cho phép nhóm người dùng trao đổi, san sẻ ý tưởng truyền đạt thông tin với người đồng ý nghĩ đề tài mà tất thành viên nhóm quan tâm Trang Usenet Tập hợp vài ngàn nhóm thảo luận (Newgroup) Internet Những người tham giao vào Usenet sử dụng chương trình đọc tin (NewsReader) để đọc thư người khác, gởi thư trả lời thư khác Usenet Mailing List (danh sách thư tín) danh sách địa thư điện tử nhóm người có nhu cầu chia sẻ ý tưởng với người quan điểm Chỉ cần gửi thư đến địa người mailing list, tất người có tên danh sách thư nhận hồi đáp thư diễn tương tự Hai điểm khác biệt mailing list newgroup là: - Trong mailing list, thư đến gửi trực tiếp vào hộp thư bạn, hộp thư bạn có khả biị đầy cách nhanh chóng, với Newsgroup khơng gặp tình trạng - Với Newsgroup, người nhóm xem thơng tin nhóm, cịn mailing List mang tính cá nhân người khác khơng thể xem thơng tin người Mailing List cách đơn giản để tìm kiếm thơng tin thích hợp cập nhật thường xuyên chủ đề thú vị mà bạn quan tâm Telnet (Telephone Internet) Là dịch vụ cho phép đăng nhập vào máy mạng thiết bị đầu cuối (terminal) Chương trình Telnet thực kết nối máy tính người dùng đến máy tính khác Internet để khai thác tài nguyên để điều khiển hoạt động máy tính Để sử dụng Telnet, ban cần phải có tài khoản truy cập với tên người sử dụng (username) mật (password) người quản trị hệ thống cấp phát VoIP (Voice over Internet Protocol) Kỹ thuật chuyển tải giọng nói qua giao thức Internet, hay cịn gọi Điện thoại Internet Lợi ích to lớn cơng cị VoIP gọi điện thoại gửi Fax nước phải trả giá cước điện thoại nội hạt Để sử dụng dịch vụ VoIP, địi hỏi bạn phải có kiến thức định tin học máy tính, phải có phần mềm hỗ trợ dịch vụ đặc biệt phải IAP, ISP nơi bạn sử dụng Internet mở cổng cho dịch vụ Dịch vụ điện thoại Việt Nam Viettel (Công ty khai thác viễn thông Quân Đội) VNPT (Tổng công ty Bưu Viễn thơng Việt Nam) đưa vào khai thác Dịch vụ 178 Viettel giúp tiết kiệm 43% chi phí điện thoại truyền thơng thực đàm thoại đường dài (liên tỉn quốc tế) Tương tự Viettel, dịch vụ VoIP 171 dịch vụ điện thoại đường dài sử dụng giao thức Internet Tổng cơng ty Bưu Viễn thơng Việt Nam (VNPT) Trang 10 truyền hình, hội nghị hình đàm, Hội VIDEO CONFERENCE (hội nghị nghị từ xa…) Dịch vụ giúp người vị trí đĩa lý khác Simple CSS Standard Edition WallPearl Và cách thủ cơng vơ hiệu tự tay chèn liên kết đến viết có liên quan mật thiết đến nội dung 4.15.6 Thiết lập XML Sitemap Robots.txt XML Sitemap định dạng nội dung chứa đường dẫn viết, thư mục, tag v.v….và tất đồ chi tiết trang web Từ đó, webmaster muốn thơng báo trang web lên máy tìm kiếm dùng sitemap gửi lên trang tìm kiếm Các bot tìm kiếm tiến hành phân tích thu thập liên kết có sitemap tiến hành đưa lên cỗ máy tìm kiếm So với cách thu thập liệu thơng thường từ việc crawl trang web, sitemap giúp cho bot tìm kiếm dễ dàng xác định cấu trúc website, hỗ trợ thời gian đánh mục liên kết Vì vậy, bạn muốn website nhanh chóng biết đến trang tìm kiếm tạo sitemap từ thành lập website 4.15.7 Hướng dẫn tạo sitemap xml với Google XML Sitemap Google XML Sitemap – Đây plugin tạo sitemap phổ biến WordPress chuẩn xác sitemap để dễ dàng tương thích hoạt động tốt máy tìm kiếm Yahoo, Google, Bing Bạn tùy chọn loại bỏ đánh sitemap số trang tùy chỉnh độ ưu tiên trang Sau tải kích hoạt plugin, bạn kiểm tra xem đường dẫn sitemap bạn có hoạt động khơng, kiểm tra cách truy cập vào http://yourdomain.com/sitemap.xml Nếu trang màu xanh dương liệt kê đường dẫn coi cài đặt thành cơng Cịn website báo khơng tìm thấy file sitemap.xml bạn tiến hành tạo file sitemap.xml sitemap.xml.gz, sau upload lên thư mục gốc website CHMOD cho thành 666 Simple CSS Standard Edition WallPearl 4.15.8 Gửi sitemap lên Google Để gửi sitemap lên Google bạn truy cập đăng nhập vào trang Google Webmaster Tool Nhấp vào nút Thêm trang web nhập địa blog bạn vào Bước xác nhận bạn chủ nhân website cách thêm đoạn thẻ vào website tải tập tin xác nhận sau upload lên thư mục gốc website Sau xác nhận xong, bạn vào Tối ưu hóa -> Sơ đồ trang web, nhấp vào nút thêm sơ đồ trang web nhập sitemap.xml Sau lưu lại chờ thông báo 4.15.9 Sử dụng Robots.txt File robots.txt hiểu file dùng để điều khiển trình đánh mục website Trong file robots bạn xác định thư mục không cần đánh mục để giúp cho bot đỡ thời gian đánh mục website bạn, đồng thời che giấu số thư mục nhảy cảm Để tạo file robots.txt bạn tạo thủ cơng trình soạn thảo văn đơn giản (như notepad) lưu lại với tên robots.txt upload lên thư mục gốc website Hoặc bạn sử dụng cơng cụ Robots.txt Generation Giả sử bạn sử dụng WordPress file robots.txt sau:  User-agent: * Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /wp-content/ Đoạn User-agent:* nghĩa cho phép tất bot tìm kiếm thi hành lệnh Còn đoạn Disallow ngăn chặn bot lập mục cho thư mục Simple CSS Standard Edition WallPearl Các bạn thêm thứ cần thiết mà bạn không muốn bot thu thập gửi lên máy tìm kiếm Simple CSS Standard Edition WallPearl 4.16 Danh sách plugin WordPress tốt Chắc hẳn sử dụng WordPress khó khăn việc lựa chọn plugin, chí người sử dụng WordPress lâu năm có lúc phân vân việc lựa chọn plugin có q nhiều plugin giống nên dùng tốt Các plugin danh sách đánh giá để xếp hạng thơng qua chức năng, hỗ trợ, cập nhật thường xuyên chắn khơng có đoạn mã độc hại đính kèm Hiện danh sách xếp hạng plugin gồm:  Các plugin bảo mật tối ưu tốt  Các plugin SEO tốt  Các plugin bán hàng tốt  Các plugin có ích  Các plugin có tiềm Quy trình kiểm tra plugin bao gồm  Test thử host online  Kiểm tra mã độc qua file đính kèm  Theo dõi change log plugin để biết plugin có update thường xuyên  Kiểm tra đánh giá người sử dụng khác Vì vậy, bạn hồn tồn yên tâm với danh sách Tuy nhiên, khơng gian danh sách có hạn nên khơng ghi rõ chức ra, bạn vào trang tải plugin đọc phần mô tả xem screenshot, xin lỗi bất tiện Nếu bạn sử dụng phát lỗi, liên lạc với phatnguyen@kent-international.edu.vn để kiểm tra giảm thứ hạng Ngoài ra, bạn biết plugin hay giới thiệu cho Các bạn vào http://wordpress.org/download/ để download plugin bên Những plugin SEO tốt Tên Wordpress SEO by Yoast SEO Ultimate All in One SEO Google XML Sitemap Tác giả Joost de Valk SEO Design Solutions Michael Torbert Arne Brachhold Đánh giá Dễ dùng tốt Đa chức Dễ sử dụng Tạo sitemap tốt Simple CSS Standard Edition WP External Links WallPearl Victor Villaverde Laan Dễ sử dụng Những plugin bảo mật tối ưu hóa tốt Tên BulletProof Security Better WP Security 6Scan Security Akismet WP 2-Step Verification Tác giả Edward Alexander Bit51 6Scan Automattic As247 Đánh giá Mạnh mẽ Dễ sử dụng Tiện dụng Trùm chống spam lớp bảo mật Những plugin làm trang bán hàng tốt Tên Tác giả Đánh giá WooEcommerce WooThemes Dễ dùng eShop Rich Pedley Tốt khó dùng Ecwid Ecwid Team Gọn nhẹ PayPal Simple Cart Ruhul Amin Đơn giản Ready! Ecommerce Shopping Ready Shopping Đa tính Cart Những plugin có ích Plugin SEO, bảo mật hay làm trang bán hàng có ích để dễ tham khảo xin tách ra, 20 plugin plugin nên dùng bạn có nhu cầu Tác giả Đánh giá Newsletter Sign-Up DvanKooten Tạo form đăng ký nhận tin dễ dàng EWWW Image Optimizer Nosilver4u Nén ảnh dung lượng lớn Jetpack Wordpress Đa chức WP Super Cache Donncha O Caoimh Dễ sử dụng Contact Form Takayuki Miyoshi Dễ sử dụng BackWPUp Daniel Hüsken Không thể thiếu Lightbox Plus Dan Zappone Không thể thiếu nRelated Post Plugin nRelate & SlipFire Không thể thiếu Yet Another Related Post Micho Đơn giản – mạnh mẽ WP Mashsocial Widget Ahmad Awais Đẹp – Tiện dụng WP Page Navi Lester ‘GaMerZ’ Nên sử dụng Chan Simple CSS Standard Edition WallPearl Rattus Đẹp mắt Vladimir Garagulya Nên dùng blog có nhiều author Facebook Facebook Tương tác Wordpress với Facebook Disqus Comment System Disqus Dễ sử dụng BJ Lazy Load Bjørn Johansen Nên dùng Special Recent Post Luca Grandicelli Nên dùng Fancier Author Box ThematoSoup Nên dùng Better Wordpress Recent Khang Minh Nên dùng Comment External Links Denis de Bernardy Hỗ trợ SEO Shortcode Ultimate Vladimir Anokhin Bộ shortcodeđẹp Liveblog Automatic Đăng status giống mạng xã hội GRAND FIAGAllery User Role Editor Use Google Libraries BJ Lazyload Jczorkmid Bjornjohansen Không thể thiếu Khơng thể thiếu Những plugin có tiềm Đây plugin tốt người biết đến, có hội trở thành plugin phổ biến ngày không xa Tên Tác giả Đánh giá Schema Creator Norcross Tạo microdata cho viết dễ dàng Wordfence Security Mmaunder Bảo vệ file toàn diện CSS & Javascript Evgeniy Tối ưu hóa JS CSS Optimizer Kotelnitskiy WP Retina TigrouMeow Resize ảnh tốt Auto SEO Phillip.Gooch SEO đơn giản Infinite WP Client InfiniteWP Multi Blog Client FAQ Manager IndiaNIC Tạo quản lý trang F.A.Q Wordpress Video Contus Support Tạo gallery cho video chuyên nghiệp Gallery Drop Shadow Boxes Stevehenty Tạo hộp đổ bóng Simple Instagram Rollybueno Tương tác với tài khoản Instagram Live Chat Danycode Khung chat đơn giản Easy PayPal Manojtd Cổng toán PayPal đơn giản Simple CSS Standard Edition WallPearl Sắp xếp kiểu hiển thị Wpadmin Dtelepathy, Kynatro Slide ảnh chuyên nghiệp Codepress Admin Columns SlideDesk Lite Content Simple Footnote Advanced Youtube Embed Easy Rotetor Social Login Codepress A Better Search Live Chat Robot Post View Count Ultimate TinyMCE Solioquy Lite Mikko Saari Acobot Juliobox Josh Lobe Griffinjt Nacin Embedplus Thêm ghi cho viết Đăng video từ youtube đa DWUser Claude Schlesser Slide ảnh đơn giản Bình luận, đăng nhập tài khoản mạng xã hội Tối ưu chức tìm kiếm Chat tự động Hiển thị lượt xem viết Khung soạn viết trực quan Tạo slide ảnh định dạnh Responsive 4.17 28 plugin kết nơí WordPress với ứng dụng Google Google thật làm chủ giới công nghệ không với dịch vụ phổ biến Google Search Google Email (Gmail) mà làm cho ngày chịu phụ thuộc nhiều vào gã “tay to” với nhiều ứng dụng Google Calendar, Google Alert, Google Plus, Google Picasa, Youtube Và bạn trung thành với dịch vụ Google, hẳn muốn tích hợp chúng vào blog để dễ dàng kiểm soát quản lý hơn, đồng thời giúp chia sẻ tốt dịch vụ chia sẻ Google Google Page Rank Badget Simple CSS Standard Edition WallPearl Dễ dàng chèn hình ảnh hiển thị Page Rank website, thích hợp để “khoe” PR Google+ Plugin Nếu bạn muốn chèn nút +1 vào đâu blog mà không muốn tốn nhiều thời gian nên dùng plugin Plugin làm việc WordPress Multi User (WordPress MU) WordPress Social Login Thêm tính đăng nhập, bình luận tài khoản mạng xã hội khác Google Plus Favicon Plugin tự động hiển thị favicon blog avatar Google Plus bạn Gravatar Google Images Nếu blog bạn có q nhiều comment dùng Gravatar để hiển thị avatar bạn cho hiển thị hình ảnh tự động từ Google Images để làm đẹp blog, ngược lại người dùng có avatar hiển thị avatar người dùng Google Picasa Viewer Simple CSS Standard Edition WallPearl Hiển thị gallery ảnh từ tài khoản Picasa viết trang shortcode, đồng thời hỗ trợ widget hiển thị TubePress Hiển thị widget video clip tài khoản bạn Youtube blog WordPress Hỗ trợ chèn showcase đẹp mắt tiện lợi Youtube Simple Gallery Không phức tạp TubePress, plugin giúp bạn chèn showcase video từ Youtube vào viết dễ dàng, hỗ trợ xem video popup-lightbox đẹp CodeArt – Google Mp3 Player Chơi định nhạc định dạng mp3 player Google, nhẹ tiện lợi Chỉ hoạt động bạn dùng link mp3 trực tiếp Google Maps Plugin Chèn phần đồ từ Google Map vào viết dễ dàng Chỉ cần nhấn vào nút chèn Google Map viết, tìm địa điểm cần chèn có đồ từ Google Map vào viết mà không cần trải qua số bước phức tạp làm thủ công Convert Address to Google Map Tự động chuyển đổi địa dạng chữ thành Google Map, kích hoạt địa nằm cặp thẻ Comprehensive Google Map Simple CSS Standard Edition WallPearl Chèn đồ vào blog từ Google Map, hỗ trợ hiển thị đồ đẹp mắt dễ sử dụng WP Google Drive Tự động backup tất liệu blog upload vào tài khoản Google Drive bạn, có hỗ trợ tự động backup theo chu kỳ Google Document Enbedder Hiển thị nội dung file văn Google Document WordPress Điểm đặc biệt plugin không yêu cầu người dùng cài thêm Flash hay PDF cho trình duyệt WordPress Google Form Nếu bạn thường xuyên sử dụng Google Form vào blog plugin bạn nên sử dụng Plugin cho phép hiển thị form Google Form lên viết trang WordPress giống hiển thị form bình thường, xem ảnh để biết thêm chi tiết Easy Adsense Chèn widget quảng cáo từ tài khoản Google Adsense dễ dàng vào viết Hỗ trợ hiển thị widget footer Adsense Plugin Chèn quảng cáo Google Adsense vào viết, chỉnh sửa màu sắc font chữ cho quảng cáo trang quản trị Google Analytics Dashboard Nếu bạn ngại thường xuyên vào trang chủ Google Analytics để xem thống kê website mang vào trang Dashboard WordPress với plugin Ngồi hỗ trợ chèn widget hiển thị lượt truy cập đếm lượt xem trang viết, nên dùng cho tất người Google XML Sitemap Tự động tạo sitemap định dạng xml để submit lên máy tìm kiếm nhằm hỗ trợ SEO cho WordPress Google Site Verification Plugin Một số dịch vụ Google liên quan đến website phải yêu cầu bạn chứng thực website việc thêm thẻ meta vào website upload file xác nhận lên hosting làm thời gian, plugin giúp bạn vượt qua cơng đoạn với cú click Google Authorship Widget Chèn widget hiển thị avatar từ Google Plus, đồng thời hỗ trợ hiển thị avatar Google Plus kết tìm kiếm máy tìm kiếm để kết bạn bật Xem thêm Google Calendar Event Chèn widget hiển thị kiện tài khoản Google Calendar vào WordPress Stout Google Calendar Chèn widget hiển thị lịch Google Calendar cho phép chỉnh sửa màu sắc Google Libraries Nếu blog bạn sử dụng nhiều plugin javascript gây trở ngại đến tốc độ website hao tốn nhiều băng thông Plugin cho phép bạn dùng plugin javascript có thư viện thay sử dụng file javascript website, tiết kiệm băng thông cải thiện tốc độ cho blog Google Font Tùy chọn hiển thị font chữ đẹp vào blog WordPress lấy từ thư viện Font Google Feedburner Plugin Tự động chuyển link RSS mặc định blog link RSS Feedburner Google Alert Hiển thị báo cáo từ Google Alert Dashboard WordPress Google Custom Search Chèn chức tìm kiếm viết blog từ Google vào blog, hỗ trợ tùy chỉnh màu sắc, kiểu hiển thị Với plugin bạn thấy lợi ích dịch vụ nhỏ Google lớn đến mức nào, có tới dịch vụ Google phải phụ thuộc vào nhiều Cịn bạn sao? Hiện bạn sử dụng dịch vụ Google? 4.18 21 website để tìm theme miễn phí Để tìm giao diện miễn phí dành cho WordPress khơng có khó WordPress phổ biến giới, có hàng trăm website cung cấp theme miễn phí dành cho bạn lựa chọn, vấn đề nên tìm giao diện miễn phí đâu để chắn theme khơng bị chèn quảng cáo, mã độc làm ảnh hưởng đến hoạt động website bạn WordPress Theme Showcase Fresheezy Graph Paper Press BlogOhBlog TopWPThemes WooThemes ThemeLab WpThemeFree BestWPThemes 10 ArcSin Templates 11 Design Disease 12 Free Theme Layout 13 SkinPress 14 WordPress Theme Base 15 Rock Kitty Theme 16 WP Skins 17 Templates Browse 18 Free WordPress Themes 19 FreeWpThemes.net 20 WPTemplates 21 WordPress Theme Generator – Tự thiết kế theme WordPress BÀI 5: XUẤT BẢN VÀ DUY TRÌ WEBSITE Mã bài: MĐ 23 – 05 Mục tiêu Trình bà quy trìn xây dựng Website; Làm thủ tục để triển khai Web lên hệ thống mạng Internet; Kiểm thử phát triển Website; Cẩn thận tỉ mỉ kiểm tra lỗi phát triển Web Nội dung Đăng ký tên miền, hosting 1.1 Tên miền – domain 1.2 Hosting 1.3 Đăng ký dịch vụ Cài đặt Website lên Server 2.1 Xác nhận thông tin server 2.2 Đưa mã nguồn lên server Phát triển Website 3.1 Kiểm tra thử nghiệm nội dung 3.2 Phát triển nội dung Bảo mật Website 4.1 Hiểm họa Website 4.2 Các giải pháp 137 ... Quy trình xây dựng Website Web page, Website 0.5 0.5 4.1 Web page 4.2 Website Trình duyệt Web 0.5 Trang 0.5 5.1 Khái niệm trình duyệt Web 5.2 Các trình duyệt Web 5.3 Một số thao tác với trình. .. 11 Quy trình xây dựng Website 12 Web page, Website 12 Trình duyệt Web 12 5.1 Khái niệm trình duyệt Web 12 5.2 Các trình duyệt Web 13... trang web tập tin HTML XHTML truy nhập dùng giao thức HTTP WebsiteTrang xây dựng từ tệp tin HTML (website tĩnh) vận hành CMS chạy máy chủ (website động) Website xây dựng nhiều ngơn ngữ lập trình