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Ô ĐUN: THIẾT KẾ WEBSITE NGHỀ: THIẾT KẾ ĐỒ HỌA 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 GIỚI THIỆU Chương trình khung quốc gia nghề Thiết kế đồ họa đã đượ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ế website 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. MỤC LỤC BÀI 1: TỔNG QUAN VỀ WWW-NGÔN NGỮ HTML 10 1.
Lịch sử WWW. Giới thiệu WWW. Giao thức trong WWW. Nhập môn ngôn ngữ HTML 30 2.
Giới thiệu HTML. Cấu trúc cây HTML cơ bản. Các thẻ cơ bản trong HTML. Thẻ căn chỉnh nội dung.
44 BÀI 2: KHÁI QUÁT CHUNG THIẾT KẾ WEBSITE 46 1. Tại sao doanh nghiệp của tôi lại cần website?. Lợi ích khi có website?. Để website hoạt động, cần những gì?.
Qui trình thiết kế website?. Cần chuẩn bị những gì?. Thời gian & chi phí cần đầu tư cho 1 website?. Các yêu cầu tối thiểu của 1 Webiste?.
Tên miền là gì?. Phân loại website. Bố cục giao diện Web. Các mô hình thiết kế Web .Cửa hàng, siêu thị điện tử.
Đấu giá trực tuyến (online aution). Sàn giao dịch B2B. Cổng thông tin portal. Mô hình giá động (dynamic pricing models).
Website thông tin phục vụ việc quảng bá, quảng bá. Website giới thiệu thông tin của doanh nghiệp. Các bước thiết kế một trang web. 57 BÀI 3: PHẦN MỀM MACROMEDIA DREAMWEAVER 61 1.
Giới thiệu về MacroMedia Dreamweaver. Tính năng Dreamweaver. Kích hoạt và sử dụng Dreamweaver CS6. Trang và văn bản trên trang.
Giới thiệu CSS. Các lệnh cơ bản trong CSS. Class và id. Các thuộc tính khác.
Multimedia trên trang web. Trình duyệt hỗ trợ. Các yếu tố động trên trang. Khung nhập – Form.
Định nghĩa và sử dụng. Tạo thẻ liên kết. Liên kết neo (Anchor Link). 121 BÀI 4: XÂY DỰNG WEB ĐỘNG VỚI NGÔN NGỮ MÃ NGUỒN MỞ 122 1.
Tổng quan về Ngôn ngữ mã nguồn mở. Giới thiệu mã nguồn mở. Thao tác trên các ngôn ngữ mã nguồn mở. Xử lý trên web mã nguồn mở.
Cách đăng một Post mới. Ý nghĩa các chức năng trong trang tạo Post. Cách tạo Page trong WordPress. Menu trong WordPress.
Theme trong WordPress. Quản trị người dùng (users) trên WordPress. 209 BÀI TẬP MỞ RỘNG 217 TÀI LIỆU THAM KHẢO 222 5 MÔ ĐUN: THIẾT KẾ WEBSITE Mã mô đun: MĐ 18 Thời gian thực hiện mô đun: 90 Giờ; (Lý thuyết: 27 giờ; Thực hành: 60 giờ; Kiểm tra: 3 giờ) I. Vị trí tính chất 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ề II. 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 + Biết sử dụng các kiến thức về đồ họa để thiết kế các trang Web. + 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 1 Bài 1: Tổng quan về WWW- 4 2 2 Ngôn ngữ HTML 1. Lịch sử www 1 1 0 2. Nhập môn ngôn ngữ HTML 3 1 2 2 Bài 2: Khái quát chung thiết 8 4 4 kế Website 1.
Phân loại Website 1 1 0 3. Bố cục website 2 1 1 4. Các mô hình thiết kế Web 2 1 1 5. Các bước thiết kế một trang 2 1 1 web 3 Bài 3: Phần mềm MacroMedia 34 7 26 1 Dreamweaver 1.
Giới thiệu về MacroMedia 2 1 1 Dreamweaver 6 2. Trang và văn bản trên trang 4 1 3 3. Multimedia trên trang web 8 1 7 5. Các yếu tố động trên trang 4 1 4 6.
Khung nhập – Form 8 1 7 7. Liên kết 4 1 3 1 4 Bài 4: Xây dựng Web động 44 14 28 2 với ngôn ngữ mã nguồn mở 1. Tổng quan về Ngôn ngữ mã 4 4 0 nguồn mở 2. Thao tác trên các ngôn ngữ 15 4 10 1 mã nguồn mở 3.
Xử lý trên web mã nguồn 35 5 30 1 mở Cộng 90 27 60 3 * Ghi chú: Thời gian kiểm tra được tích hợp giữa lý thuyết với thực hành được tính vào giờ thực hành 2. Nội dung chi tiết Bài 1: Tổng quan về WWW-Ngôn ngữ HTML Thời gian: 4 giờ * Mục tiêu của bài: - Trình bày được lịch sử của WWW; - Trình bày được cấu trúc của một trang HTML. * Nội dung của bài: 1. Lịch sử www 2.
Nhập môn ngôn ngữ HTML Bài 2: Khái quát chung thiết kế Website Thời gian: 8 giờ * Mục tiêu của bài: - Trình bày được yêu cầu và thiết kế được giao diện; - Xác định được nguồn tài nguyên thông tin; - Biết cách tổ chức được thông tin trong trang chủ; - Có khả năng phân tích được cấu trúc của một site. * Nội dung của bài: 1. Phân loại Website 3. Bố cục website 4.
Các mô hình thiết kế Web 5. Các bước thiết kế một trang web Bài 3: Phần mềm MacroMedia Dreamweaver Thời gian: 34 giờ * Mục tiêu của bài: -Trình bày được các chế độ hiển thị một trang Web - Đưa được một File vào Web 7 - Tạo được các bảng biểu và các Frame - Tạo được ứng dụng bảng liên kết trang Web - Xây dựng được các ứng dụng Multimedia - Sử dụng tốt các công cụ hỗ trợ thiết kế Web * Nội dung của bài: 1. Giới thiệu về MacroMedia Dreamweaver 2. Trang và văn bản trên trang 3.
Multimedia trên trang web 5. Các yếu tố động trên trang 6. Khung nhập – Form 7. Liên kết Bài 4: Xây dựng Web động với ngôn ngữ mã nguồn mở Thời gian: 44 giờ * Mục tiêu của bài: - Cài đặt, cấu hình được IIS và Xampp - Sử dụng tốt joomla, Drupal, nukeviet….
- Sử dụng tốt các đối tượng, tiện ích của ngôn ngữ mã nguồn mở * Nội dung của bài: 1. Tổng quan về Ngôn ngữ mã nguồn mở 2. Thao tác trên các ngôn ngữ mã nguồn mở 3. Xử lý trên web mã nguồn mở IV.
Điều kiện thực hiện mô đun: 1. Phòng học chuyên môn hóa/ Nhà xưởng: Phòng học đủ điều kiện để thực hiện mô đun. Trang thiết bị máy móc: Máy chiếu(nếu có) Giấy A4, các loại giấy Các hình vẽ ví dụ minh hoạ Máy tính 3. Học liệu, dụng cụ, nguyên vật liệu: Bộ tranh bằng giấy phim trong dùng để dạy mô đun Thiết Kế Web Tài liệu hướng dẫn mô đun Thiết kế Web Tài liệu hướng dẫn bài học và bài tập thực hành mô đun Thiết kế Web.
Giáo trình Mô đun Thiết kế Web 4. Các điều kiện khác Phần mềm ứng dụng Microsoft office. Nội dung và phương pháp đánh giá: 1. Nội dung - Kiến thức: Được đánh giá qua bài kiểm tra viết, trắc nghiệm đạt được các yêu cầu sau: Định hướng được kết cách thiết kế Web site Biết cách tổ chức thông tin trên trang chủ 8 Có khả năng thiết kế được giao diện Có khả năng xác định được nguồn tài nguyên thông tin Biết cách tổ chức được thông tin trong trang chủ Có khả năng phân tích được cấu trúc của một site - Kỹ năng Đánh giá kỹ năng thực hành của sinh viên trong bài thực hành Thiết kế Web đạt được các yêu cầu sau: Có khả năng đưa một File vào Web Có khả năng tạo được các bảng biểu và các Frame Cài đặt, cấu hình được IIS và ASP Sử dụng tốt các đối tượng, tiện ích của ASP Xây dựng được các ứng dụng Multimedia Sử dụng tốt các công cụ hỗ trợ thiết kế Web - Năng lực tự chủ và trách nhiệm: Cần cù, chủ động trong học tập, đảm bảo an toàn trong học tập.
Phương pháp: Kiểm tra định kỳ, kiểm tra thường xuyên và kiểm tra kết thúc mô đun qua bài tự luận, trắc nghiệm, bài tập thực hành và thái độ trong quá trình học mô đun. Hướng dẫn thực hiện mô đun: 1. Phạm vi áp dụng chương trình: Chương trình mô đun được sử dụng để giảng dạy nghề Thiết kế đồ họa trình độ cao đẳng. Hướng dẫn về phương pháp giảng dạy, học tập mô đun: Đối với giáo viên: Sử dụng phương pháp dạy học trực quan, giảng giải, giải thích, hướng dẫn mẫu, theo dõi, uốn nắn.
Đối với sinh viên: Sinh viên trao đổi với nhau, thực hiện các bài thực hành, rèn luyện để hình thành kỹ năng. Thực hiện các bài tập thực hành được giao. Những trọng tâm cần chú ý - Trọng tâm của môn học là các bài : 1,2,3. Tài liệu cần tham khảo Xây dựng website bằng ngôn ngữ mã nguồn mở 9 BÀI 1: TỔNG QUAN VỀ WWW-NGÔN NGỮ HTML Mã bài: MĐ 18 – 01.
Giới thiệu: Bài học này nhằm giới thiệu sơ lược về lịch sử của World Wide Web (www), URL, về giao thức HTTP và ngôn ngữ phổ biến được dùng bởi World Wide Web là HTML (Hyper Text Markup Language,)Internet và dịch vụ Web, môi trường tạo Web, trang web tĩnh web động và các công cụ tạo Web.