Giới thiệu học phần
Nền tảng Web là học phần nhập môn giúp sinh viên làm quen với HTML và CSS, hai ngôn ngữ cơ bản nhất để xây dựng một trang web. Sinh viên sẽ đi từ cấu trúc HTML thuần, sau đó học cách định dạng giao diện bằng CSS, và cuối cùng biết cách dùng Flexbox để chia bố cục trang.
Học phần gồm 5 buổi học trên lớp, mỗi buổi đều có bài tập nhanh, bài tập tại lớp và bài tập về nhà.
Mục tiêu học phần
- Xây dựng được trang HTML có cấu trúc semantic rõ ràng.
- Định dạng được trang bằng CSS: màu sắc, font chữ, khoảng cách.
- Sử dụng thành thạo Flexbox để chia bố cục nhiều cột.
- Xây dựng được form thu thập thông tin người dùng.
Nội dung học phần
- Buổi 1: HTML cơ bản, semantic HTML, bảng dữ liệu
- Buổi 2: CSS cơ bản, selector, Box Model
- Buổi 3: Selector nâng cao và liên kết nâng cao
- Buổi 4: Chia layout bằng Flexbox
- Buổi 5: Thiết kế form
Lịch trình học phần
| Buổi học | Chủ đề | Ghi chú |
|---|---|---|
| Buổi 1 | HTML cơ bản | Semantic HTML, bảng, media |
| Buổi 2 | CSS cơ bản | Selector, Box Model, đơn vị đo |
| Buổi 3 | Selector nâng cao | Pseudo-class, pseudo-element |
| Buổi 4 | Chia layout | Flexbox, position, iframe |
| Buổi 5 | Thiết kế form | Các loại input, kiểm tra dữ liệu cơ bản |
Trang này minh họa 3 loại đơn vị: px cho padding/border cố định,
rem cho cỡ chữ co giãn theo cài đặt trình duyệt, và %/vw
cho chiều rộng các khối bố cục.