Bài giảng Thiết kế Website - Giới thiệu - Dương Thành Phết

pdf 16 trang cucquyet12 4270
Bạn đang xem tài liệu "Bài giảng Thiết kế Website - Giới thiệu - Dương Thành Phết", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfbai_giang_thiet_ke_website_gioi_thieu_duong_thanh_phet.pdf

Nội dung text: Bài giảng Thiết kế Website - Giới thiệu - Dương Thành Phết

  1. TRƯỜNG ĐH KT CN TP.HCM KHOA CAO ĐẲNG THỰC HÀNH THIẾT KẾ WEBSITE (Chuyên ngành: Quản trị mạng máy tính)  Giảng Viên: ThS. Dương Thành Phết  Email: phetcm@gmail.com  Website:  Tel: 0918158670 1 © copyright by Dương Thành Phết
  2. GIỚI THIỆU “Thiết kế web không những là “mốt thời thượng” mà còn là một cách thể hiện phong cách hay một kiểu tự quảng cáo trong thời đại số. Hãy tưởng tượng xem cả thế giới ai cũng có thể biết đến bạn, công việc, hay công ty của bạn bằng Internet mà bạn chẳng tốn một xu nào cho sự nổi tiếng này cả.” 2 © copyright by Dương Thành Phết
  3. NỘI DUNG TÓM TẮT - Những kiến thức cơ bản về Internet & Website - Thiết kế website bằng ngôn ngữ HTML + HTML 5, CSS CSS 3, JavaScript + JQuery - Sử dụng phần mềm thiết kế website Adobe Dreamweaver . . . - Đăng ký Hosting & Doamain để Upload Website lên Webserver. Thiết kế hoàn chỉnh và quản trị các Website về tin tức, giải trí , quảng cáo, . . .cho các tổ chức, cá nhân . 3 Kiến thức nền tảng nghiên cứu về lập trình web. © copyright by Dương Thành Phết
  4. MỤC TIÊU  Kiến thức: . Trình bày được các khái niệm, các thuật ngữ liên quan về Internet và Website . Phân biệt được Web tĩnh, Web động, ngôn ngữ thiết kế và lập trình web, các công cụ để xây dựng web. . Trình bày được công dụng, cú pháp của các ngôn ngữ thiết kế Web như: HTML/HTML5, CSS/CSS3, Javascript/JQuery . Mô tả được các chức năng, công dụng của phần mềm Adobe Dreamweaver 4 © copyright by Dương Thành Phết
  5. MỤC TIÊU  Kỹ năng . Thiết kế được Website với ngôn ngữ HTML,HTML5 CSS,CSS3, Javascript, JQuery . Thiết kế được Website với phần mềm Adobe Dreamweaver . Xây dựng được Website cho doanh nghiệp, cá nhân. . Đăng ký Hosting, Domain và Upload lên Web Server. 5 © copyright by Dương Thành Phết
  6. MỤC TIÊU  Thái độ: . Ý thực được tầm quan trọng của môn học để ứng dụng vào thực tiễn . Tĩ mỹ, cận thận, sáng tạo trong thiết kế web. 6 © copyright by Dương Thành Phết
  7. ĐIỀU KIỆN TIÊN QUYẾT Môn học trước.  Tin học đại cương  Ky thuật lập trình 7 © copyright by Dương Thành Phết
  8. THỜI LƯỢNG Thời gian: 3 ĐVHT Tổng số tiết: 75 tiết Lý thuyết: 30 tiết 6 tiết / tuần x 5 tuần Thực hành: 45 tiết 6 tiết x 2 buổi / tuần x 4 tuần 8 © copyright by Dương Thành Phết
  9. ĐÁNH GIÁ KẾT QUẢ HỌC TẬP  Kiểm tra hệ số 1: Kiểm tra trắc nghiệm nhiều lần  Kiểm tra hệ số 2: Kiểm tra Thực hành (90’)  Thi cuối kỳ: Bài thu hoạch(1-2SV/1 Đề tài, chấm vấn đáp tại giờ thực hành)  Thuyết trình: Công điểm (nhóm 1 3 SV/1 chuyên đề).  Chuyên cần: Tham gia học tập trên lớp >=80% số tiết (vắng >20% cấm thi). 9 © copyright by Dương Thành Phết
  10. NHIỆM VỤ CỦA SINH VIÊN  Chuyên cần  Xem bài giảng trước mỗi buổi lên lớp.  Tích cực tham gia phát biểu, đóng góp ý kiến.  Thực hiện nghiêm túc các bài tập được giao.  Tự giác tìm tài liệu, nghiên cứu thực hiện đề tài 10 © copyright by Dương Thành Phết
  11. NỘI DUNG HỌC PHẦN Thời gian Tên chương (giờ) Tổng LT TH Chương 1: Tổng quan về thiết kế 3 3 0 website Chương 2: Ngôn ngữ HTM 12 6 6 Chương 3: Ngôn ngữ CSS 18 6 12 Chương 4: Ngôn ngữ Javascript 9 3 6 Chương 5: Ngôn ngữ HTML5, CSS3, 18 6 12 Jquery Chương 6: Thiết kế Website với Adobe 15 6 9 Dreamweaver Cộng 75 30 45 11 © copyright by Dương Thành Phết
  12. PHẦN MỀM THỰC HÀNH  Notepad++ trên MS Windows hoặc tương đương  Adobe Dreamweaver CS6 12 © copyright by Dương Thành Phết
  13. TÀI LIỆU HỌC TẬP VÀ THAM KHẢO [1] Dương Thành Phết, Bài giảng Thiết kế Web, Khoa Cao đẳng thực hành, Trường ĐH KTCN TP.HCM (2015). [2] Dương Thành Phết, Bài tập thực hành Thiết kế Web, Khoa Cao đẳng thực hành, Trường ĐH KTCN TP.HCM (2015). [3]. Lê Minh Hoàng.Tự học thiết kế web,NXB Lao Động, 2010 [4]. Huỳnh Văn Phước, Giáo trình Dreamweaver, NXB Đại Học Quốc Gia TP.HCM, 2010. [5]. Hồ Hoàng Triết, Hướng dẫn thiết kế Website, NXB Thống Kế 2010. [6] [7] 13 © copyright by Dương Thành Phết
  14. SẢN PHẨM THỰC HÀNH 14 © copyright by Dương Thành Phết
  15. CÁC CHUYÊN ĐỀ THUYẾT TRÍNH 1. Hướng dẫn sử dụng phần mềm Flash intro (hoặc 1 phần mềm đồ họa bất kỳ) 2. Hướng dẫn sử dụng phần mềm DHTML Menu Sothink (hoặc phần mềm tạo menu bất kỳ) 3. Ứng dụng ngôn ngữ CCS3, HTML 5, Jquery tạo ứng dụng Menu đa tầng/Slide ảnh/ Hiệu ứng ảnh 3600 4. Hướng dẫn đăng ký sử dụng Domain & Hosting miễn phí. 5. Tùy ý khác liên quan lĩnh vực thiết kế Website 15 © copyright by Dương Thành Phết
  16. Chúc thành công 16