Thiết kế web Khoa CNTT 1
Thi
Thi
ế
ế
t k
t k
ế
ế
web
web
Thời gian:
- Lý thuyết: 30 tiết
- Thực hành: 30 tiết
- Tự học: 15 tiết
Khoa Công nghệ thông tin
GV: TS. Vũ ðức Lung

Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 2
ð
ð
iểm ñánh giá
iểm ñánh giá
 ðiểm chuyên cần: 10%
 ðiểm làm ñồ án môn học: 30%
– Sinh viên chia thành nhóm 3-5 người
– ðăng ký với lớp trưởng, Danh sách gồm: stt
nhóm, Họ & tên SV, MSSV, e-mail của trưởng
nhóm (buổi sau lớp trưởng nộp lại)
 ðiểm thi cuối kỳ: 60%

Thiết kế web Khoa CNTT 5
Các kiến thức tiên quyết
Các kiến thức tiên quyết
 Lập trình cơ bản C, C++ hoặc Java
 Các kiến thức cơ bản về CSDL
 Thiết kế, ứng dụng MS Access, MS SQL
Server hoặc MySQL
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 6
Tài
Tài
liệu
liệu
tham
tham
khảo
khảo
1. Jennifer Niederst Robbins. Web Design in a Nutshell (A
Desktop Quick Reference), Third Edition, 2006.
2. Jeffrey Veen. The Art & Science of Web Design, 2001.
3. Lê Minh Hoàng. Tự học thiết kế web, NXB “Lao ðộng”,
tập I&II, 2007.
 Các trang Web tham khảo:
– www.w3schools.com
– www.php.net
– www.w3.org
– www.javascript.internet.com
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 7
Ch

Thiết kế web Khoa CNTT 9
Webpage
Webpage
-
-
Website
Website
Web page:
– Là một trang web
– Có thể viết bằng các ngôn ngữ khác nhau
nhưng kết quả trả về client là trang HTML
Web site:
Là tập hợp các trang Web có nội dung thống nhất,
phục vụ cho một mục ñích nào ñó.
World Wide Web (WWW):
Là hệ thống các Web Site trên toàn thế giới ñược truy
cập thông qua mạng Internet.
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 10
URL
URL
-
-
Uniform Resource Locator
Uniform Resource Locator
URL-Uniform Resource Locator: (Chuỗi
ñịnh vị tài nguyên)
Dạng:
giaothức://ñịa_chỉ_máy_chủ:cổng/ñường_dẫn_ñến_tài_nguyên
Ví dụ: :80/index.aspx

- Lập trình và quá trình tạo mã kịch bản
- Truyền thông ña phương tiện
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 13
Phần mềm trợ giúp
Phần mềm trợ giúp
Thiết kế ñồ họa
- Adobe Photoshop
- Adobe ImageReady
- Macromedia Fireworks
- Adobe Illustrator
- JASC Paint Shop Pro
Multimedia
- Macromedia Flash
- Adobe LiveMotion
- Apple Quicktime
- Apple Final Cut Pro
- Adobe Premier
PHP
PHP
PHP ZendStudio
ASP.NET
ASP.NET
Visual Studio.NET
Web Matrix
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 14
Ngôn ngữ lập trình web
Ngôn ngữ lập trình web
Cần học những gì?

Cách hiển thị trang web
Cách hiển thị trang web
b) Client
b) Client
-
-
side model
side model
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 18
Cách hiển thị trang web
Cách hiển thị trang web
c) Server
c) Server
-
-
side model
side model
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 19
Các triết lý xây dựng web
Các triết lý xây dựng web
- Mục ñích của Website cần thiết kế
- Xác ñịnh ñối tượng ñộc giả của Website
- Thiết lập các chủ ñề
- Thiết kế các khối thông tin chủ yếu sẽ
cung cấp
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 20
Các triết lý xây dựng web (tt)

Thiết kế web Khoa CNTT 23
Bố trí các trang web (tt)
Bố trí các trang web (tt)
Các mối quan hệ-liên kết
Không nên xây dựng một website như sau
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 24
Bố trí các trang web (tt)
Bố trí các trang web (tt)
Website quá nông, chỉ một mức liên
kết => không có liên kết, trật tự
Simpo PDF Merge and Split Unregistered Version -
Thiết kế web Khoa CNTT 25
Bố trí các trang web (tt)
Bố trí các trang web (tt)
Website quá sâu => mở nhiều thư mục mới tới
ñích
Simpo PDF Merge and Split Unregistered Version -