Chuyên mục
Học lập trình web

Tài liệu HTMl, CSS cơ bản cho người mới bắt đầu

Chào mừng bạn đã đến với blog của Phan Văn Cương. Sau nhiều lần “trễ hẹn” với các bạn, hôm nay tôi đã hoàn thành bộ series học HTML, CSS căn bản. Xin gửi tặng tới những “Coder”  tương lai của Việt Nam.

HTML, CSS  là hai nền tảng quan trọng nhất cho việc làm website, nếu bạn còn đang băn khoăn không biết học Html, Css  có khó không, có dễ học không? thì với 13 năm trong nghề, tôi xin khẳng định rằng  HTML,CSS vô cùng dễ học. Vì,

Cả hai đều không phải là ngôn ngữ lập trình. HTML là ngôn ngữ đánh dấu văn bản, CSS là ngôn ngữ định dạng.

Tin tôi đi, sau khi học xong series này, bạn sẽ thấy HTML, CSS vô cùng thú vị. Bạn đã sẵn sàng chưa?

Xem toàn bộ video

I. Phần cơ bản

</> Bài 1: Giới thiệu Khóa học html và css online

</> Bài 2: Cấu trúc html của website

</> Bài 3: Định dạng text bằng html(strong, i, b, u…)

</> Bài 4: Chèn hình ảnh vào website

</> Bài 5: Link trong website

</> Bài 6: Link đến nội dung trong cùng một trang

</> Bài 7: Danh sách(List)

</> Bài 8: Cách tạo bảng trong website (Table)

</> Bài 9: Form trong website

</> Bài 10: Div trong website

</> Bài 11: Giới thiệu css và một số thuộc tính cơ bản

</> Bài 12: Các cách kết nối css vào html

</> Bài 13: Cách viết selector trong css(class, id, element html)

</> Bài 14: Thứ tự cha con trong selector css

</> Bài 15: Định dạng văn bản trong website

</> Bài 16: Font trong css(font-family, font-size, font-style)

</> Bài 17: Thuộc tính background

</> Bài 18: Thuộc tính border

</> Bài 19: Thuộc tính border

</> Bài 20: Selector hover

</> Bài 21: Thuộc tính display

</> Bài 22: Thuộc tính float, clear

</> Bài 23: Thuộc tính padding, margin

</> Bài 24: Định vị selector với nth-child, first-child, last-child

</> Bài 25: Thuộc tính position và z-index

</> Bài 26: Giới thiệu và cách lấy thông tin từ PSD(CS5, CS6)

</> Bài 27: 4 Bước chuyển PSD thành HTML-CSS chuyên nghiệp

</> Bài 28: Chuyển layout từ PSD sang HTML-CSS(Phần 1)

</> Bài 29: Chuyển layout từ PSD sang HTML-CSS(Phần 2)

</> Bài  30: Các loại bố cục website – hocweb123.com

</> Bài 31: RESET CSS là gì? vì sao cần sử dụng nó?

II. Tham khảo thêm

Hướng dẫn tạo menu đa cấp bằng HTML, CSS

P/s: Tôi có chuỗi video miễn phí hướng dẫn bạn lộ trình học đi làm, bạn nên xem nó để học hiệu quả và đi làm kiếm tiền sớm hơn.

=> http://hocweb90ngay.com

Chúc bạn học tốt!

Chuyên mục
Học lập trình web

Hướng dẫn tạo menu website bằng html css: menu một cấp, menu đa cấp, menu dọc, menu ngang…

Menu là một phần không thể thiếu trong website,  nhờ có menu mà người dùng có thể dễ dàng ghé thăm các danh mục,  Nội dung quan trọng một cách dễ dàng.

Menu có rất nhiều loại khác nhau

  • Menu ngang một cấp
  • Menu dọc một cấp
  • Menu ngang đa cấp
  • Menu dọc đa cấp

Để xây dựng được menu bạn cần phải có kiến thức HTML và Css,  thậm chí nếu menu được thiết kế sẵn trong file Photoshop thì bạn cần có thêm kiến thức  chuyển PSD thành HTML-CSS

Nếu bạn chưa có cái thức này,  không sao tôi có một series  giúp bạn học một cách nhanh chóng và miễn phí.

=> Link học Html-Css miễn phí: https://goo.gl/UusJYL

Nếu bạn đã có kiến thức cơ bản bạn xem video ngay tại đây

Hướng dẫn tạo menu ngang một cấp

 

Hướng dẫn tạo menu ngang đa cấp

 

Tôi đã tạo một series gồm 8 video nằm trong khóa học online Tất tần tật chuyển PSD thành HTML-CSS

Video hướng dẫn tạo các loại menu website
Video hướng dẫn tạo các loại menu website

Để xem đầy đủ các loại menu bạn click vào đây tôi sẽ gửi nó miễn phí qua email của bạn

Hẹn gặp bạn với chuổi hướng dẫn bổ ích qua email!

Kết  nối với tôi qua facebook: https://fb.me/mr.phanvancuong