Các bạn thân mến, môn học “xây dựng trang web” là môn cơ bản làm quen với code html css, nên sẽ khó nuốt và không gây hứng thú khi xây dựng một layout web “tĩnh” không động đậy. HTML5 & CSS3 là những “chiêu” dụ dỗ những tân binh làm web sẽ được giới thiệu trong danh sách này, khiến bạn sẽ tạo nên một trang web đầy tính tương tác và thú vị. Mời các bạn theo dõi 18 chiêu hữu ích bắt buộc phải biết khi làm web tĩnh, xây dựng layout web:
Các bạn có thể xem 18 chiêu thông qua danh sách clip sau đây, xem theo thứ tự, xem xong clip này click nút “next” để xem clip tiếp theo
Hoặc các bạn có thể xem từng “chiêu” riêng biệt theo các clip sau đây
Chiêu 1: Khái niệm “AP div” hay còn gọi là “định vị box” là gì?
Chiêu 2: CSS3 – bo gốc và đổ bóng với box-radius, box-shadow, text-shadow
Chiêu 3: CSS3 – before / after – tạo box định vị chỉ bằng CSS
Chiêu 4: Sử dụng font icons awersome, google font, bootstrap
Chiêu 5: Màu nền, ảnh nền với background-color, background-image, màu nền đơn sắc có độ trong suốt rgba(), màu nền chuyển sắc linear-gradient()
Chiêu 6: Trạng thái hover element, hover box, hover thẻ a
Chiêu 7: CSS3 – transform, translate, scale, rotate, skew
Chiêu 8: hover kết hợp before / after
Chiêu 9: Tạo menu một cấp dọc với ul, li
Chiêu 10: Tạo menu 1 cấp ngang giống trang zing.vn
Chiêu 11: Tạo menu 2 cấp ngang giống ngoisao.net
Chiêu 12: Tạo menu dọc 2 cấp
Chiêu 13: Nhúng font việt hóa vào website, @font-face, @import google font
Chiêu 14: Nhúng biểu đồ chart google vào trang web
Chiêu 15: Tạo slideshow carousel không cần biết code javascript
Chiêu 16: HTML reponsive web page (tham khảo lý thuyết), %, vw, thẻ picture
Chiêu 17: HTML reponsive trang web (thực hành demo), %, vw, thẻ picture
Chiêu 18: Tạo menu top cố định, sticky css, copy javascript
Hi các bạn, các bạn thấy hay và hữu ích thì nhớ like, share và đăng ký kênh để cập nhật sớm các clip mới nhất từ Thầy. Cám ơn các bạn.
Đăng ký kênh “Thầy Hộ Web” bằng cách click vào đường link sau:
https://youtube.com/channel/UCiK5UYcfkgcnhlnYctNLKtQ?sub_confirmation=1
Share 18 chiêu sở hữu html5 css3 nhanh và dễ dàng qua link sau:
Cám ơn các bạn. Chúc các bạn thành công.