[Thiết kế Website] Hướng dẫn học thiết kế Website với HTML5 & CSS3

Tại sao cần học HTML, CSS

---

HTML là nền tảng của tất cả các trang Web. Nếu không có HTML, bạn sẽ không thể tổ chức văn bản hoặc thêm hình ảnh hoặc video vào các trang Web của mình. CSS là ngôn ngữ được sử dụng để định kiểu nội dung HTML. 

Trong khoá học thiết kế Web cơ bản này, bạn sẽ học các nguyên tắc cơ bản của cả HTML, CSS để có thể tạo các trang Web hấp dẫn trực quan.

Kiến thức đạt được

---

Bạn sẽ tìm hiểu tất cả các thẻ HTML phổ biến và các cấu trúc định kiểu để tạo được Website. 

Nội dung

Căn bản về HTML

Hướng dẫn	Cấu trúc trang web cơ bản
Hướng dẫn	Thẻ HTML và các thuộc tính
Hướng dẫn	Chú thích trong HTML
Hướng dẫn	Các thẻ tiêu đề, đoạn văn bản
Hướng dẫn	Tạo bảng trong HTML
Hướng dẫn	Thẻ tạo liên kết
Hướng dẫn	Thẻ hiển thị hình ảnh
Hướng dẫn	Thực hành: Tạo trang Web đơn giản
Hướng dẫn	Thực hành: Sử dụng thẻ HTLM cơ bản
Hướng dẫn	Bài tập: Tạo trang CV cá nhân
Hướng dẫn	Sử dụng thẻ tạo danh sách: ul, ol, li

CSS căn bản

Hướng dẫn	CSS là gì
Hướng dẫn	Cú pháp của CSS
Hướng dẫn	Chú thích trong CSS
Hướng dẫn	Bộ chọn trong CSS
Hướng dẫn	Các cách sử dụng CSS
Hướng dẫn	Bảng trong CSS
Hướng dẫn	Định dạng văn bản với CSS
Hướng dẫn	Phông chữ với CSS
Hướng dẫn	Tạo trang CV cá nhân sử dụng CSS
Hướng dẫn	Tạo Gallary ảnh
Hướng dẫn	Tạo trang đọc truyện cười

Các thuộc tính CSS về Box

Hướng dẫn	Bố cục với CSS - Căn chỉnh theo chiều ngang
Hướng dẫn	Bố cục với CSS - Width và max-width
Hướng dẫn	Bố cục với CSS - Thuộc tính display
Hướng dẫn	Bố cục với CSS - float và clear
Hướng dẫn	Bố cục với CSS - inline và block và mô hình hộp
Hướng dẫn	Margin trong CSS
Hướng dẫn	Padding trong CSS
Hướng dẫn	Đường viền trong CSS
Hướng dẫn	Vùng bao trong CSS
Hướng dẫn	Danh sách trong CSS
Hướng dẫn	Liên kết trong CSS

HTML Form

Hướng dẫn	Tạo biểu mẫu cho trang web
Hướng dẫn	Sử dụng input, button, textarea
Hướng dẫn	Sử dụng select, option
Hướng dẫn	Tạo form order món ăn
Hướng dẫn	Tạo form tìm kiếm trên google
Hướng dẫn	Tạo form đăng ký
Hướng dẫn	Tạo form lấy survey đăng ký khách hàng
Hướng dẫn	Tạo trang Login Facebook

Các thẻ HTML5

Hướng dẫn	Giới thiệu về HTML5
Hướng dẫn	Các thẻ trong HTML5
Hướng dẫn	Điều chỉnh màu nền, ảnh nền
Hướng dẫn	HTML Coding Convention
Hướng dẫn	HTML Media
Hướng dẫn	Chèn video
Hướng dẫn	Chèn audio
Hướng dẫn	HTML Plug-ins
Hướng dẫn	HTML Youtube
Hướng dẫn	Tạo trang Web nghe nhạc mp3
Hướng dẫn	Tạo trang Web xem phim hoạt hình

CSS3

Hướng dẫn	Giới thiệu về CSS3
Hướng dẫn	Góc tròn với CSS3
Hướng dẫn	Văn bản với CSS3
Hướng dẫn	Phông chữ với CSS3
Hướng dẫn	Animation với CSS3
Hướng dẫn	Thiết kế Website đúng cách với 5 cuốn sách
Hướng dẫn	Giới thiệu về phân cấp thị giác

Bố cục trang Web

Hướng dẫn	Tạo layout với div và css
Hướng dẫn	Tạo layout với các thẻ HTML5 & CSS3
Hướng dẫn	Thuộc tính position
Hướng dẫn	Tạo bố cục với fixed header và fixed footer
Hướng dẫn	Tạo menu dọc
Hướng dẫn	Tạo menu ngang
Hướng dẫn	CSS Media Queries
Hướng dẫn	CSS Image Gallery
Hướng dẫn	CSS Dropdowns
Hướng dẫn	Tạo giao diện đơn giản của trang chủ Facebook
Hướng dẫn	Tạo trang Web đọc truyện trực tuyến

Reponsive Web Design

Hướng dẫn	Giới thiệu về Responsive Web Design
Hướng dẫn	RWD Viewport
Hướng dẫn	RWD Grid View
Hướng dẫn	RWD Media Queries
Hướng dẫn	RWD Images
Hướng dẫn	RWD Videos
Hướng dẫn	RWD Frameworks
Hướng dẫn	RWD Templates
Hướng dẫn	Tạo trang Web CV sử dụng Responsive Web Design
Hướng dẫn	Tạo trang đọc truyện ngắn sử dụng Responsive Web Design
Hướng dẫn	Tạo trang xem phim sử dụng Responsive Web Design

Project

Hướng dẫn	Hướng dẫn đưa Web lên Heroku
Hướng dẫn	Tạo website từ đầu với Bootstrap
Hướng dẫn	Landing Page
Hướng dẫn	Landing Page
Hướng dẫn	Landing Page
Hướng dẫn	Landing Page
Hướng dẫn	Landing Page
Hướng dẫn	Website giới thiệu sản phẩm
Hướng dẫn	Website giới thiệu việc làm
Hướng dẫn	Website tin tức
Hướng dẫn	Website xem phim

CodeLean.vn