Bài giảng Thiết kế Website: Chương 0 - ThS. Dương Thành Phết

Bài giảng Thiết kế Website - Chương 0 giới thiệu chung về thiết kế web. Mục tiêu của học phần này nhằm giúp người họ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ời các bạn cùng tham khảo.

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: http://www.thayphet.net  Tel: 0918158670 © copyright by Dương Thành Phết http://www.thayphet.net GIỚI THIỆU “Thiết kế web “mốt thời thượng” mà cách thể phong cách hay kiểu tự quảng cáo thời đại số Hãy tưởng tượng xem giới biết đến bạn, cơng việc, hay công ty bạn Internet mà bạn chẳng tốn xu cho tiếng cả.” © copyright by Dương Thành Phết http://www.thayphet.net NỘI DUNG TÓM TẮT - Những kiến thức Internet & Website - Thiết kế website 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 quản trị Website tin tức, giải trí , quảng cáo, cho tổ chức, cá nhân  Kiến thức tảng nghiên cứu lập trình web © copyright by Dương Thành Phết http://www.thayphet.net MỤC TIÊU  Kiến thức:  Trình bày khái niệm, thuật ngữ liên quan Internet Website  Phân biệt Web tĩnh, Web động, ngôn ngữ thiết kế lập trình web, cơng cụ để xây dựng web  Trình bày cơng dụng, cú pháp ngôn ngữ thiết kế Web như: HTML/HTML5, CSS/CSS3, Javascript/JQuery  Mô tả chức năng, công dụng phần mềm Adobe Dreamweaver © copyright by Dương Thành Phết http://www.thayphet.net MỤC TIÊU  Kỹ  Thiết kế Website với ngôn ngữ HTML,HTML5 CSS,CSS3, Javascript, JQuery  Thiết kế Website với phần mềm Adobe Dreamweaver  Xây dựng Website cho doanh nghiệp, cá nhân  Đăng ký Hosting, Domain Upload lên Web Server © copyright by Dương Thành Phết http://www.thayphet.net MỤC TIÊU  Thái độ:  Ý thực tầm quan trọng môn học để ứng dụng vào thực tiễn  Tĩ mỹ, cận thận, sáng tạo thiết kế web © copyright by Dương Thành Phết http://www.thayphet.net Đ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 © copyright by Dương Thành Phết http://www.thayphet.net THỜI LƯỢNG Thời gian: ĐVHT Tổng số tiết: 75 tiết Lý thuyết: 30 tiết tiết / tuần x tuần Thực hành: 45 tiết tiết x buổi / tuần x tuần © copyright by Dương Thành Phết http://www.thayphet.net ĐÁ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 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 lớp >=80% số tiết (vắng >20% cấm thi) © copyright by Dương Thành Phết http://www.thayphet.net NHIỆM VỤ CỦA SINH VIÊN  Chuyên cần  Xem giảng trước buổi lên lớp  Tích cực tham gia phát biểu, đóng góp ý kiến  Thực nghiêm túc tập giao  Tự giác tìm tài liệu, nghiên cứu thực đề tài 10 © copyright by Dương Thành Phết http://www.thayphet.net NỘI DUNG HỌC PHẦN Tên chương Chương 1: Tổng quan thiết kế website Chương 2: Ngôn ngữ HTM Thời gian (giờ) Tổng LT TH 3 12 6 Chương 3: Ngôn ngữ CSS Chương 4: Ngôn ngữ Javascript Chương 5: Ngôn ngữ HTML5, CSS3, Jquery Chương 6: Thiết kế Website với Adobe Dreamweaver Cộng 18 12 18 12 15 75 30 45 © copyright by Dương Thành Phết http://www.thayphet.net 11 PHẦN MỀM THỰC HÀNH  Notepad++ MS Windows tương đương  Adobe Dreamweaver CS6 12 © copyright by Dương Thành Phết http://www.thayphet.net 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] http://www.3c.com.vn [7] http://w3schools.com 13 © copyright by Dương Thành Phết http://www.thayphet.net SẢN PHẨM THỰC HÀNH 14 © copyright by Dương Thành Phết http://www.thayphet.net CÁC CHUYÊN ĐỀ THUYẾT TRÍNH Hướng dẫn sử dụng phần mềm Flash intro (hoặc phần mềm đồ họa bất kỳ) 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ỳ) Ứ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 Hướng dẫn đăng ký sử dụng Domain & Hosting miễn phí Tùy ý khác liên quan lĩnh vực thiết kế Website 15 © copyright by Dương Thành Phết http://www.thayphet.net Chúc thành công 16 ... by Dương Thành Phết http://www.thayphet.net 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 ( 201 5) [2] Dương Thành Phết, ... tài 10 © copyright by Dương Thành Phết http://www.thayphet.net NỘI DUNG HỌC PHẦN Tên chương Chương 1: Tổng quan thiết kế website Chương 2: Ngôn ngữ HTM Thời gian (giờ) Tổng LT TH 3 12 6 Chương. .. Học Quốc Gia TP.HCM, 201 0 [5] Hồ Hoàng Triết, Hướng dẫn thiết kế Website, NXB Thống Kế 201 0 [6] http://www.3c.com.vn [7] http://w3schools.com 13 © copyright by Dương Thành Phết http://www.thayphet.net