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 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 thể được phép dùng
nguyên bản hoặc trích dùng cho c mục đích về đào tạo 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 n thiết kế web nhiều nguồn tài liệu
khác, kết hợp kinh nghiệm giảng dạy 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 đọng, dễ hiểu, các kiến thức mới đều dụ đi kèm theo
giúp người đọc hiểu 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 kỹ năng cần thiết để sinh viên thể nắm vững kiến thức
thành thạo thao tác. Mục tiêu chính của giáo trình 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 CSS đ xây dựng
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 gì?
Bài 2. Sử dụng các công cụ theo thứ tự
Bài 3. Giới thiệu html css
Bài 4. Học những điều 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 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 y dựng web một cách nhanh chóng, đẹp, đồng bộ
trong giao diện mượt trong xử hiệu ứng môn Thiết kế web 2, từ đó nâng cao được
chất lượng giao diện 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 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 đã 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
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 10
1.1. Khái niệm về web 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 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 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 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