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ÔNG NGHỆ THÔNG TIN VÀ NGOẠI NGỮ GIÁO TRÌNH MÔN HỌC: THIẾT KẾ WEB NGHỀ: THIẾT KẾ ĐỒ HOẠ TRÌNH ĐỘ TRUNG CẤP 1 TUYÊN BỐ BẢN QUYỀN: Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể đƣợc phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm. 2 LỜI NÓI ĐẦU Chƣơng trình khung quốc gia nghề Quản trị mạng máy tính đã đƣợc xây dựng trên cơ sở phân tích nghề, phần kỹ thuật nghề đƣợc kết cấu theo các môđun, môn học. Để tạo điều kiện thuận lợi cho các cơ sở dạy nghề trong quá trình thực hiện, việc biên soạn giáo trình kỹ thuật nghề theo các môđun, môn học đào tạo nghề là cấp thiết hiện nay.
Thiết kế web là mô đun đào tạo nghề đƣợc biên soạn theo hình thức tích hợp lý thuyết và thực hành. Trong quá trình thực hiện, nhóm biên soạn đã tham khảo nhiều tài liệu thiết kế và lập trình web trong và ngoài nƣớc, kết hợp với kinh nghiệm trong thực tế sản xuất. Mặc dầu có rất nhiều cố gắng, nhƣng không tránh khỏi những khiếm khuyết, rất mong nhận đƣợc sự đóng góp ý kiến của độc giả để giáo trình đƣợc hoàn thiện hơn. Ninh Bình 2019 Biên Soạn Thạc sỹ: Phạm Anh Đức 3 MỤC LỤC Bài 1: CÁC ĐỊNH NGHĨA VÀ THUẬT NGỮ.
Internet và dịch vụ Internet. Lợi ích của Internet. Dịch vụ Internet. Giới thiệu về WWW.
Quy trình xây dựng Website. Web page, Website. Trình duyệt Web. Khái niệm trình duyệt Web.
Các trình duyệt Web. Một số thao tác cơ bản với trình duyệt Web. 13 Bài 2: GIAO DIỆN WEB. Các loại giao diện Website.
Bố cục giao diện Web. Xây dựng giao diện Web theo yêu cầu. 29 Bài 3: CÁC ĐỊNH NGHĨA VÀ THUẬT NGỮ. Giới thiệu HTML.
Các thẻ cơ bản trong HTML. Thẻ định dạng văn bản. Thẻ căn chỉnh nội dung. Giới thiệu CSS .Các lệnh cơ bản trong CSS.
Định dạng chữ. Các lệnh CSS khác. 52 Bài 4: MÃ NGUỒN MỞ. Giới thiệu mã nguồn mở.
Khái niệm mã nguồn mở. 64 4: Quản trị nội dung Website Wordpress. Làm việc với AdminCP. Cài đặt Plugin cho WordPress.
Cài đặt Themes cho WordPress. Chỉnh giao diện bằng CSS trong Theme .Tuỳ chỉnh header va background. Hƣớng dẫn viết bài mới Wordpress .Cách tạo menu trong Wordpress. Hƣớng dẫn tạo trang mới (Add new pages).
Hƣớng dẫn Widget Wordpress. Tối ƣu hoá tìm kiếm (SEO). 21 website để tìm theme miễn phí. 128 Bài 5: XUẤT BẢN VÀ DUY TRÌ WEBSITE.
Đăng ký tên miền, hosting. Tên miền – domain. Đăng ký dịch vụ. Cài đặt Website lên Server.
Xác nhận thông tin server. Đƣa mã nguồn lên server. Phát triển Website. Kiểm tra và thử nghiệm nội dung.
Phát triển nội dung. Bảo mật Website. Hiểm họa đối với Website. 129 5 MÔ ĐUN: Thiết kế Web Mã mô đun: MĐ 38 Vị trí, ý nghĩa, vai trò của Mô đun: - Vị trí: Mô đun đƣợc bố trí sau khi sinh viên học xong các môn học chung, các môn cơ sở chuyên ngành đào tạo chuyên môn nghề.
- Tính chất: Là mô đun chuyên môn nghề Mục tiêu mô đun: - Về kiến thức + 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êu quan đến an toàn và bảo mật Website. - Về kỹ năng: Tạo đƣợc Website dựa trên các ngôn ngữ HTML, CSS, Javascrip, XML.; - Về năng lực tự chủ và trách nhiệm + Bố trí làm việc khoa học đảm bảo thời gian xây dựng và vận hành Website. + Cần cù, chủ động trong học tập, đảm bảo an toàn trong học tập. Nội dung mô đun: 1.
Nội dung tổng quát và 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 và 3 3 thuật ngữ 1. Internet và dịch vụ Internet 0. Lợi ích của Internet. Dịch vụ Internet.
Giới thiệu về WWW 0. Dịch vụ WWW. Giao thức trong WWW. Quy trình xây dựng Website 0.
Web page, Website 0. Trình duyệt Web 0. Khái niệm trình duyệt Web. Các trình duyệt Web 6 5.
Một số thao tác cơ bản với trình duyệt Web 6: Phần mềm trong thiết kế 0.5 Web Bài 2: Giao diện Web 16 4 12 1. Các loại giao diện Website 1 1 2 2. Bố cục giao diện Web 3 1 2 3. Xây dựng giao diện Web 12 2 10 theo yêu cầu Bài 3: Ngôn ngữ HTML - 41 11 28 2 CSS 1.
Giới thiệu HTML 0. Các thẻ cơ bản trong HTML 14 4 9 1 2. Thẻ định dạng văn bản. Thẻ căn chỉnh nội dung.
Liên kế - Link. Biểu mẫu – Form 2.Giới thiệu CSS 0.Các lệnh cơ bản trong CSS 12 3 9 4. Định dang khung. Định dạng chữ.
Sắp xếp các khối. Xây dựng giao diện Web tử 10 2 7 1 file. Xây dƣng Web chuẩn SEO 4 1 3 Bài 4: Mã nguồn mở 23 8 14 1 1. Giới thiệu mã nguồn mở 0.
Khái niệm mã nguồn mở. Các loại mã nguồn mở 2. Khái niệm Web server. Tác dụng Web Server.
Cài đặt Web server. Cài đặt Wordpress 2 1 1 3. Giới thiệu Wordpress 3. Cài đặt Wordpress 7 4: Quản trị nội dung Website 6 2 4 Wordpress 4.
Tạo danh mục. Tạo bài viết. Quản lý bài viết, quản lý ảnh. Quản lý ngƣời dùng.
Quản lý bố các thành phần khác 5. Cấu trúc mã nguồn 3 1 2 Wordpress 6: Theme Wordpress 6 1 4 1 6. Thay đổi Theme Wordpress 6. Tìm và cài đặt Theme Wordpress 6.
Chỉnh sửa Theme Wordpress 7: Plugin Wordpress 2. Tác dụng của Plugin Wordpress 7. Các Plugin cơ bản Bài 5: Xuất bản và duy trì 7 3 4 Website 1. Đăng ký tên miền, hosting.
Tên miền – domain. Đăng ký dịch vụ 2. Cài đặt Website lên Server 2 1 1 2. Xác nhận thông tin server.
Đƣa mã nguồn lên server. Phát triển Website. Kiểm tra và thử nghiệm nội dung 3. Phát triển nội dung.
Bảo mật Website 1. Hiểm họa đối với Website. Cộng 90 29 58 3 8 Bài 1 CÁC ĐỊNH NGHĨA VÀ THUẬT NGỮ Mã bài: MĐ 21 – 01. Giới thiệu: Internet là một hệ thống thông tin toàn cầu có thể đƣợc truy nhập công cộng gồm các mạng máy tính đƣợc liên kết với nhau.
Hệ thống này truyền thông tin theo kiểu nối chuyển gói dữ liệu (packet switching) dựa trên một giao thức liên mạng đã đƣợc chuẩn hóa (giao thức IP). Hệ thống này bao gồm hàng ngàn mạng máy tính nhỏ hơn của các doanh nghiệp, của các viện nghiên cứu và các trƣờng đại học, của ngƣời dùng cá nhân và các chính phủ trên toàn cầu. Mục tiêu: - Trình bày đƣợc internet và dịch vụ internet; - Phân loại đƣợc WWW; - Thiết lập đƣợc quy trình xây dựng web; - Mô tả đƣợc các trình duyệt web - Thực hiện các thao tác an toàn với máy tính. Nội dung chính: 1.
Internet và dịch vụ Internet 1. Internet là một hệ thống thông tin toàn cầu có thể đƣợc truy nhập công cộng gồm các mạng máy tính đƣợc liên kết với nhau. Hệ thống này truyền thông tin theo kiểu nối chuyển gói dữ liệu (packet switching) dựa trên một giao thức liên mạng đã đƣợc chuẩn hóa (giao thức IP). Hệ thống này bao gồm hàng ngàn mạng máy tính nhỏ hơn của các doanh nghiệp, của các viện nghiên cứu và các trƣờng đại học, của ngƣời dùng cá nhân và các chính phủ trên toàn cầu.
Lợi ích của Internet Internet có rất nhiều lợi ích đối với cuộc 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 trên mạng Mua bán, học tập, thậm 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 con ngƣời, nó cung cấp một khối lƣợng thông tin Khổng Lồ. Các cách thức thông thƣờng để truy cập Internet là quay số, băng rộng, không dây, vệ tinh và qua điện thoại cầm tay. Dịch vụ Internet 1.1 Web, E-Mail, FTP, hội thoại Website - trang web, trang mạng, là một tập hợp trang web, thƣờng chỉ nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của 9 Internet. Một trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP.
Website có thể đƣợc xây dựng từ các tệp tin HTML (website tĩnh) hoặc vận hành bằng các CMS chạy trên máy chủ (website động). Website có thể đƣợc xây dựng bằng nhiều ngôn ngữ lập trình khác nhau (PHP,.NET, Java, Ruby on Rails. Email - Thư điện tử (từ chữ Electronic mail) là một hệ thống chuyển nhận thƣ từ qua các mạng máy tính. Email là một phƣơng tiện thông tin rất nhanh.
Một mẫu thông tin (thƣ từ) có thể đƣợc gửi đi ở dạng mã hoá hay dạng thông thƣờng và đƣợc chuyển qua các mạng máy tính đặc biệt là mạng Internet. Nó có thể chuyển mẫu thông tin từ một máy nguồn tới một hay rất nhiều máy nhận trong cùng lúc. Ngày nay, email chẳng những có thể truyền gửi đƣợc chữ, nó còn có thể truyền đƣợc các dạng thông tin khác nhƣ hình ảnh, âm thanh, phim, và đặc biệt các phần mềm thƣ điện tử kiểu mới còn có thể hiển thị các email dạng sống động tƣơng thích với kiểu tệp HTML. Hoạt động của FTP cần có hai máy tính, một máy chủ và một 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 là trình chủ, lắng nghe yêu cầu về dịch vụ của các máy tính khác trên 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 là trình khách, thì khởi đầu một liên kết với máy chủ. Một khi hai máy đã liên kết với nhau, máy khách có thể xử lý một số thao tác về tập tin, nhƣ tải tập tin lên máy chủ, tải tập tin từ máy chủ xuống máy của mình, đổi tên của tập tin, hoặc xóa tập tin ở máy chủ v. Vì giao thức FTP là một giao thức chuẩn công khai, cho nên bất cứ một công ty phần mềm nào, hay một lập trình viên nào cũng có thể viết trình chủ FTP hoặc trình khách FTP.
Hầu nhƣ bất cứ một nền tảng hệ điều hành máy tính nào cũng hỗ trợ giao thức FTP.