HTML - CSS - Bootstap - Responsive

Đây là chương trình giúp bạn từng bước tìm hiểu về HTML và CSS. Sau khi học xong chương trình này bạn biết cách dựng được 1 website tĩnh, biết sử dụng các thẻ HTML và style thành phần HTML sao cho đẹp mắt.

(71)
100 học viên
Admin

Bạn nhận được gì

  • Tìm hiểu chi tiết các thẻ HTML và thuộc tính của nó
  • Tìm hiểu CSS và các thuộc tính thường dùng
  • Dựng được website tĩnh theo thiết kế hoặc "sao chép" giao diện từ website khác

Học ngay

Bạn click vào nút Học ngay để xem video bài học, đây là giải pháp để bạn tiếp cận kiến thức thực tế đi làm sau một khoảng thời gian ngắn, bấm vào Đăng ký ngay để tham gia chương trình

  • Bài 1 - HTML là gì? Kiến thức cơ bản HTML cho người mới bắt đầu
  • Bài 3 - Tìm hiểu thẻ html, head, meta, body, link, script
  • Bài 4 - Thực hành tạo web tĩnh sử dụng phần mềm notepad

Ai là người phù hợp với chương trình này

  • Bạn là sinh viên thuộc chuyên ngành công nghệ thông tin hoặc đơn giản là người đam mê lập trình web
  • Bạn là nhân viên SEO marketing đang muốn tìm hiểu về HTML, CSS để phục vụ công việc?
  • Bạn là người muốn "rẽ ngang" sang nghề lập trình website nhưng chưa có nền tảng kiến thức vững chắc và lộ trình cụ thể bài bản?

Tại sao bạn cần tham gia khóa học này?

HTML là chữ viết tắt của Hypertext Markup Language (ngôn ngữ đánh dấu siêu văn bản) là .Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes...

HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể tạo ra các chức năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web.

CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet language. Nó dùng để tạo phong cách và định dạng các thành phần HTML như màu sắc, bố cục...

Chế độ hỗ trợ đặc biệt

  • Khi tham gia khóa học bạn được thêm vào Group chat giúp bạn hỏi đáp thông qua Facebook Messenger hoặc Zalo Group
  • Sau khi học xong bài nào, hãy nhớ "thực hành" luôn để rèn luyện kỹ năng

Điều kiện tham gia chương trình

  • Bạn không cần có kiến thức nền tảng, chỉ cần có máy tính nối mạng
  • Bạn có thời gian ít nhất 2h mỗi ngày để tập trung học tập và rèn luyện
  • Bạn có quyết tâm mục tiêu rõ ràng 
  • Bạn cam kết học theo hướng dẫn để đạt hiệu quả tối đa

Nội dung chi tiết khóa học

Phần 1 - Tìm hiểu HTML

  • Bài 1 - HTML là gì? Kiến thức cơ bản HTML cho người mới bắt đầu
  • Bài 2 - Tìm hiểu thuộc tính global Class, Id và data
  • Bài 3 - Tìm hiểu thẻ html, head, meta, body, link, script
  • Bài 4 - Thực hành tạo web tĩnh sử dụng phần mềm notepad
  • Bài 5 - Tìm hiểu HTML Style CSS
  • Bài 6 - HTML Color - Bộ mã màu
  • Bài 7 - HTML Link
  • Bài 4.7 - HTML Image
  • Bài 4.8 - HTML Table
  • Bài 4.9 - HTML List
  • Bài 4.11 - HTML Iframes
  • Bài 4.14 - HTML Layout
  • Bài 4.12 - HTML Javascript
  • Bài 4.17 - Hiển thị ký tự đặc biệt Entities
  • Bài 4.18 - HTML URL Encode
  • Bài 4.20 - HTML Form - Quan trọng
  • Bài 7 - Bổ sung - Bảng ký tự - Charset
  • Bài 7 - Bổ sung - Giới thiệu xhtml
  • Bài 7 - Bổ sung - HTML Guide - Quy tắc viết thẻ html
  • Bài 7 - Bổ sung - Khái niệm pixel

Phần 2 - Tìm hiểu CSS

  • Bài 1 - CSS là gì - Cú pháp CSS
  • Bài 2 - 3 cách viết CSS và mức độ hiển thị class trong CSS
  • Bài 3 - Sử dụng Id và Class
  • Bài 4 - Hiểu về box model
  • Bài 5 - Tìm hiểu về Font
  • Bài 5.1 - Các thuộc tính CSS Font
  • Bài 5.2 - Tìm font đẹp Google và nhúng font vào website
  • Bài 6 - CSS Icon
  • Bài 6 - Thuộc tính thường dùng trong CSS

Phần 3 - Sao chép giao diện 1 website bất kỳ

  • Bài 1 - Giới thiệu Trình kiểm tra của Google Chrome
  • Bài 2 - Thủ thuật copy style nhanh

Phần 4 - Giới thiệu Responsive

  • Bài 1 - Responsive là gì
  • Bài 2 - Cách kiểm tra Responsive
  • Bài 3 - Thuộc tính @media

Phần 5 - Giới thiệu thư viện Bootstap

  • Bài 1 - Giới thiệu Bootstrap
  • Bài 2 - Cách nhúng thư viện Bootstrap vào website
  • Bài 3 - Các CSS thường dùng trong Bootstrap
  • Bài 4 - Cách responsive website sử dụng Bootstrap

Phần 6 - Tổng kết khóa học

  • Bài 10 - Một số tip UI để giao diện đẹp hơn
  • Tổng kết khóa học và hỏi đáp thực tế