00 modaumoi

TRƯỜNG ĐẠI HỌC KINH TẾ KỸ THUẬT BÌNH DƯƠNG
KHOA KỸ THUẬT - CÔNG NGHỆ

THIẾT KẾ WEBSITE
Giảng Viên: ThS. Dương Thành Phết
Email:
Website:
Tel: 0918158670
Facebook.com/DuongThanhPhet
1
© copyright by Dương Thành Phết




GIỚI THIỆU
“Thiết kế web là “mốt thời thượng” là một cách thể hiện phong cách
trong thời đại số. Hãy tưởng tượng xem cả thế giới ai cũng 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




NỘI DUNG TÓM TẮT
1. Những kiến thức cơ bản về Internet, Website, các
công nghệ phát triển Website…
2. Sử dụng các phần mềm thiết kế website trên các ngôn

ngữ HTML, CSS, JavaScript,…
3. Đăng ký Hosting & Doamain để vận hành Website.
4. Thiết kế hoàn chỉnh và vận hành các Website về tin
tức, giải trí , quảng cáo, . . .cho các tổ chức, cá nhân .
5.

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

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




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,…
 Trình bày được các khái niệm về Domain, Hostting,
quy trình đăng ký và vận hành Website

4

 Mô tả được các chức năng, công dụng của các công

cụ thiết kế Website
© copyright by Dương Thành Phết




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 chuyên dụng
và các dịch vụ hỗ trợ khác.


Xây dựng được Website cho doanh nghiệp, cá
nhân.

 Đăng ký Hosting, Domain và vận hành Website tên
mạng Internet.

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




MỤC TIÊU
 Thái độ:
 Ý thực được tầm quan trọng của học phần để ứng
dụng vào thực tiễn

 Tĩ mỹ, cận thận, sáng tạo trong thiết kế web.
 Nâng cao khả năng tự học, làm việc nhóm.

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




ĐIỀU KIỆN TIÊN QUYẾT
Học phần đã học:
 Tin học đại cương
 Ky thuật lập trình

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




THỜI LƯỢNG
Thời gian: 3 TC
Tổng số tiết: 60 tiết
Lý thuyết: 30 tiết
5 tiết / tuần x 6 tuần
Thực hành: 30 tiết
5 tiết / tuần x 6 tuần
Tự học: 90 Giờ

8

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




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

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




NHIỆM VỤ CỦA SINH VIÊN
 Chuyên cần >=80%
 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




NỘI DUNG HỌC PHẦN
Thời gian
LT TH

Tên chương
Chương 1: Tổng quan về thiết kế website

3

0

Chương 2: Ngôn ngữ HTML

8

7

Chương 3: Ngôn ngữ CSS

6

8

Chương 4: Ngôn ngữ Javascript

4

4

Chương 5: Ngôn ngữ HTML5, CSS3, Jquery

5

6

Chương 6: Các công cụ, dịch vụ hỗ trợ TKWeb

3

3

Chương 7:Triển khai vận hành Website
Cộng

1
30

2
30

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




PHẦN MỀM THỰC HÀNH
 Notepad++ trên MS Windows hoặc tương đương
 Adobe Dreamweaver CS5/6

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

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 Kỹ thuật
Công nghệ, Trường ĐH KTKT Bình Dương (2015).
[2] Dương Thành Phết, Bài tập thực hành Thiết kế Web, Khoa
Kỹ thuật Công nghệ, Trường ĐH KTKT Bình Dương (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]
[6]
13
© copyright by Dương Thành Phết




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

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




CÁC CHUYÊN ĐỀ THUYẾT TRÍNH
1. Hướng dẫn sử dụng 1 công cụ đồ họa hỗ trợ thiết
kế hình ảnh
2. Hướng dẫn sử dụng công cụ hỗ trợ thiết kế Menu,

Slider, hình ảnh 3600
3. Hướng dẫn sử dụng các công cụ tạo HTML 5, CSS
3 (HTML 5 Maker, CSS 3 Maker,…)
4. Hướng dẫn nhúng các liên kết ngoài vào Website
mhu7: FaceBook API, Google API, Rss,..
5. Hướng dẫn đăng ký sử dụng Domain, Hosting miễn
phí và các thao tác quản trị Website.
6. Giới thiệu các công cụ hỗ trợ phát triển Website tốt
nhất hiện nay.
15
© copyright by Dương Thành Phết




Chúc thành công

16