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

Chia sẻ: Ngocnga Ngocnga | Ngày: | Loại File: PDF | Số trang:16

Thêm vào BST

Báo xấu

107
lượt xem 14
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

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

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 1 © copyright by Dương Thành Phết http://www.thayphet.net
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 http://www.thayphet.net
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 http://www.thayphet.net
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 http://www.thayphet.net
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 http://www.thayphet.net
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 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 7 © copyright by Dương Thành Phết http://www.thayphet.net
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 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 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 http://www.thayphet.net
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 http://www.thayphet.net
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 http://www.thayphet.net
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 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 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 http://www.thayphet.net
Chúc thành công 16