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

http://www.thayphet.net

© copyright by Dương Thành Phết

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 2

http://www.thayphet.net

© copyright by Dương Thành Phết

NỘI DUNG TÓM TẮT

- Những kiến thức cơ bản về Internet & Website

CSS 3, JavaScript + JQuery

- Thiết kế website bằng ngôn ngữ HTML + HTML 5, CSS

- 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 3

http://www.thayphet.net

© copyright by Dương Thành Phết

 Kiến thức nền tảng nghiên cứu về lập trình web.

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

4 4

http://www.thayphet.net

© copyright by Dương Thành Phết

mềm Adobe Dreamweaver

MỤC TIÊU

 Kỹ năng

CSS,CSS3, Javascript, JQuery

 Thiết kế được Website với ngôn ngữ HTML,HTML5

 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.

5 5

http://www.thayphet.net

© copyright by Dương Thành Phết

 Đăng ký Hosting, Domain và Upload lên Web Server.

MỤC TIÊU

 Thái độ:

dụng vào thực tiễn

 Ý thực được tầm quan trọng của môn học để ứng

6 6

http://www.thayphet.net

© copyright by Dương Thành Phết

 Tĩ mỹ, cận thận, sáng tạo trong thiết kế web.

ĐIỀU KIỆN TIÊN QUYẾT

7 7

http://www.thayphet.net

© copyright by Dương Thành Phết

Môn học trước.  Tin học đại cương  Ky thuật lập trình

THỜI LƯỢNG

6 tiết / tuần x 5 tuần

8 8

http://www.thayphet.net

© copyright by Dương Thành Phết

Thời gian: 3 ĐVHT Tổng số tiết: 75 tiết Lý thuyết: 30 tiết Thực hành: 45 tiết 6 tiết x 2 buổi / tuần x 4 tuần

ĐÁNH GIÁ KẾT QUẢ HỌC TẬP

 Kiểm tra hệ số 2: Kiểm tra Thực hành (90’)

 Kiểm tra hệ số 1: Kiểm tra trắc nghiệm nhiều lần

 Thi cuối kỳ: Bài thu hoạch(1-2SV/1 Đề tài, chấm vấn đáp

 Thuyết trình: Công điểm (nhóm 13 SV/1 chuyên đề).

tại giờ thực hành)

 Chuyên cần: Tham gia học tập trên lớp >=80% số tiết

9 9

http://www.thayphet.net

© copyright by Dương Thành Phết

(vắng >20% cấm thi).

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.

 Tự giác tìm tài liệu, nghiên cứu thực hiện đề tài

10 10

http://www.thayphet.net

© copyright by Dương Thành Phết

 Thực hiện nghiêm túc các bài tập được giao.

NỘI DUNG HỌC PHẦN

Tên chương

Thời gian (giờ) Tổng LT TH

thiết kế 3 3 0

12 18 9 6 6 6 12 6 3

15

6

9

18 6 12

Chương 1: Tổng quan về website Chương 2: Ngôn ngữ HTM 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

11 11

http://www.thayphet.net

© copyright by Dương Thành Phết

Cộng 75 30 45

PHẦN MỀM THỰC HÀNH

 Notepad++ trên MS Windows hoặc tương đương

12 12

http://www.thayphet.net

© copyright by Dương Thành Phết

 Adobe Dreamweaver CS6

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

http://www.thayphet.net

© copyright by Dương Thành Phết

SẢN PHẨM THỰC HÀNH

14 14

http://www.thayphet.net

© copyright by Dương Thành Phết

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

miễn phí.

4. Hướng dẫn đăng ký sử dụng Domain & Hosting

15 15

http://www.thayphet.net

© copyright by Dương Thành Phết

5. Tùy ý khác liên quan lĩnh vực thiết kế Website

Chúc thành công

16 16