18 tuyet chieu xay dung trang web co tinh tuong tac cao

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.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *