
TRƯỜNG CAO ĐẲNG VIỆT MỸ
GIÁO TRÌNH
MÔN HỌC: THIẾT KẾ WEB
NGÀNH: CÔNG NGHỆ THÔNG TIN
TRÌNH ĐỘ: TRUNG CẤP/CAO ĐẲNG
(Ban hành kèm theo Quyết định số: /QĐ-CĐVM ngày ..… tháng ....... năm 2022
của Trường Cao đẳng Việt Mỹ)
Thành phố Hồ Chí Minh, năm 2022
(Lưu hành nội bộ

TUYÊN BỐ BẢN QUYỀN
Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể được phép dùng
nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo.
Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành
mạnh sẽ bị nghiêm cấm.

LỜI GIỚI THIỆU
Giáo trình Thiết kế web được biên soạn dựa trên khung chương trình đào tạo cao đẳng
nghề Công nghệ thông tin đã được Trường Cao đẳng Việt Mỹ phê duyệt.
Tác giả đã nghiên cứu một số tài liệu, giáo trình môn thiết kế web và nhiều nguồn tài liệu
khác, kết hợp kinh nghiệm giảng dạy và làm việc của bản thân để viết nên cuốn giáo trình này.
Nội dung được tác giả trình bày cô đọng, dễ hiểu, các kiến thức mới đều có ví dụ đi kèm theo
giúp người đọc hiểu và ghi nhớ lâu. Giáo trình được viết ra theo nguyên tắc quan tâm đến kết
quả đầu ra, khả năng tự học và kỹ năng cần thiết để sinh viên có thể nắm vững kiến thức và
thành thạo thao tác. Mục tiêu chính của giáo trình là giúp sinh viên nắm vững các kiến thức về
website, các bước xây dựng trang web, thông thạo ngôn ngữ HTML và CSS để xây dựng và
trang trí trang web.
Nội dung giáo trình được chia thành 16 bài:
Bài 1. Xuất bản web là gì?
Bài 2. Sử dụng các công cụ theo thứ tự
Bài 3. Giới thiệu html và css
Bài 4. Học những điều cơ bản về html
Bài 5. Tổ chức thông tin với danh sách (list)
Bài 6. Làm việc với các liên kết (link)
Bài 7. Định dạng văn bản với html và css
Bài 8. Sử dụng css để tạo kiểu dáng cho trang web
Bài 9. Sử dụng hình ảnh trên trang web
Bài 10. Xây dựng bảng (table)
Bài 11. Sử dụng css để định vị các yếu tố trên trang
Bài 12. Thiết kế biểu mẫu (form)
Bài 13. Cấu trúc một trang với html5
Bài 14. Các thuộc tính mới trong css3
Bài 15. Các phép biến đổi trong css3
Bài 16. Thiết kế web responsive
Sau khi học xong môn Thiết kế web, người học sẽ được làm quen với framework
Bootstrap cực kỳ mạnh mẽ trong khả năng xây dựng web một cách nhanh chóng, đẹp, đồng bộ
trong giao diện và mượt mà trong xử lý hiệu ứng ở môn Thiết kế web 2, từ đó nâng cao được
chất lượng giao diện và hiệu ứng của trang web.
Trong quá trình biên soạn, giáo trình không tránh khỏi có sai sót. Tác giả rất mong nhận
được ý kiến đánh giá của quý thầy cô, các em sinh viên để giáo trình ngày càng hoàn thiện.

Xin chân thành cảm ơn quý đồng nghiệp, bạn bè, doanh nghiệp đã có những ý kiến
đóng góp trong quá trình tác giả biên soạn giáo trình này.
Thành phố Hồ Chí Minh, ngày 24 tháng 9 năm 2023
Tham gia biên soạn
Chủ biên ThS. Phạm Đào Minh Vũ

MỤC LỤC
TUYÊN BỐ BẢN QUYỀN 2
LỜI GIỚI THIỆU 3
MỤC LỤC I
DANH MỤC BẢNG VI
DANH MỤC HÌNH VII
GIÁO TRÌNH MÔN HỌC IX
BÀI 1: XUẤT BẢN WEB LÀ GÌ 10
1.1. Khái niệm về web và website..................................................10
1.1.1. Khái niệm Web..................................................................................... 10
1.1.2. Khái niệm Website................................................................................10
1.2. Phân loại website.....................................................................11
1.2.1. Static pages (Web tĩnh )....................................................................... 11
1.2.2. Dynamic Web (Web động)................................................................... 11
1.3. Webserver - webbrowser........................................................ 11
1.3.1. WebServer (máy chủ Web).................................................................. 11
1.3.2. WebBrowser (trình duyệt web)............................................................. 12
1.3.3. Phương thức hoạt động của Web........................................................ 12
BÀI 2: SỬ DỤNG CÁC CÔNG CỤ THEO THỨ TỰ 13
2.1. Tên miền – hosting.................................................................. 13
2.1.1. Tên miền ( Domain ) .............................................................................13
2.1.2. Hosting................................................................................................. 14
2.2. Các công cụ thiết kế web........................................................ 15
BÀI 3: GIỚI THIỆU HTML VÀ CSS 16
3.1. Giới thiệu................................................................................. 16
3.1.1. HTML (Hyper Text Markup Language).................................................16
3.1.2. Dạng thẻ HTML (tag) ............................................................................16
3.1.3. Thuộc tính của thẻ HTML ..................................................................... 17
3.1.4. Cấu trúc một trang web viết bằng html:................................................17
3.1.5. Chú thích trong html ............................................................................. 18
3.1.6. Môi trường soạn thảo ........................................................................... 18

