inflearn logo

Khái niệm cơ bản về HTML5 CSS3 và tạo mẫu web đáp ứng!

Bài giảng trên web đáp ứng dành cho người mới bắt đầu được tạo ra chỉ với những phần trích xuất thiết yếu cần thiết để sử dụng thực tế cho người mới bắt đầu tìm hiểu các tiêu chuẩn web!

(5.0) 9 đánh giá

218 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web

Đánh giá từ những học viên đầu tiên

5.0

5.0

도림

8% đã tham gia

Tôi đang chuẩn bị cho công việc là một nhà xuất bản. Tôi đã tham gia khóa học, nhưng khi tôi gặp khó khăn và đặt câu hỏi trong khi nghe giảng, anh ấy đã trả lời rất tử tế và nội dung bài giảng được tổ chức tốt, điều này đã giúp tôi rất nhiều trong việc tạo hồ sơ năng lực của mình.

5.0

뉴스나인

100% đã tham gia

Cảm ơn bạn vì bài giảng tuyệt vời.

5.0

다랑어치킨

100% đã tham gia

Đó là khóa học hoàn hảo để tìm hiểu cách xây dựng một trang web đáp ứng bằng cách sử dụng CSS và truy vấn phương tiện!

Bạn sẽ nhận được điều này sau khi học.

  • html5

  • css3

  • tiêu chuẩn web

  • Cách sử dụng vscode

  • web đáp ứng

  • Tạo một trang web đáp ứng bằng truy vấn phương tiện

  • Tạo điều hướng đáp ứng

  • Bất cứ ai muốn biết cách thiết kế thông tin HTML

Bao gồm bí quyết chạy đường đua cờ quốc gia!
Tạo các mẫu web đáp ứng sẵn sàng để sử dụng thực tế.

HTML5 + CSS3

Những điều cơ bản về HTML5 và CSS
Tìm hiểu về web đáp ứng
Cuối cùng, một mẫu web đáp ứng
Đây là hướng dẫn thực hiện!

Trước khi bắt đầu bài giảng

Với bài giảng này
Tôi có thể học được gì?

Khóa học này được thiết kế dành cho những người mới làm quen với các tiêu chuẩn web. Khóa học bắt đầu với những kiến thức cơ bản nhất về HTML/CSS, hướng dẫn về kiến trúc thông tin HTML và bố cục CSS, và cuối cùng là xây dựng một mẫu web đáp ứng .
Khóa học này bao gồm quy trình tạo mẫu web đáp ứng, dựa trên kiến thức chuyên môn bạn sẽ tích lũy được khi áp dụng ngay vào công việc. Tìm hiểu các nguyên tắc cơ bản của HTML, cách sử dụng CSS, cách tạo bố cục CSS thường được sử dụng trong thực tế, và thậm chí cả Flex, từng bước một, để trở thành một nhà xuất bản web.

Trong bài giảng này
Có những tính năng gì?

Từ kiến thức cơ bản đến kiến thức nâng cao cần thiết cho công việc thực tế. Hãy xem các bài tập thực hành và ghi chú bài giảng cho từng phần!
Cuối mỗi phần đều có bài tập thực hành cho từng phần. Chúng tôi khuyến nghị bạn nên giải bài tập trước, kiểm tra kết quả rồi mới chuyển sang bài giảng cho phần tiếp theo.
Để giúp sinh viên hiểu và học tập dễ dàng hơn, chúng tôi cung cấp các ghi chú bài giảng ở định dạng PDF. Những ghi chú này được biên soạn dựa trên kinh nghiệm giảng dạy trực tuyến và ngoại tuyến của chúng tôi, và sẽ là một trợ giúp hữu ích cho việc học tập của bạn.

Ghi chú bài giảng chứa đựng bản chất của giáo dục trực tuyến và ngoại tuyến

Bài giảng này
Ai cần nó?

Mã một lần
Bạn có muốn học không?

Tôi muốn bắt đầu với việc viết mã
Người mới bắt đầu viết mã

Nhà xuất bản web
Tôi muốn trở thành

Tôi không biết gì về lập trình
Những người muốn thay đổi công việc

Kiến trúc thông tin là
Tôi nên làm gì?

Dành cho thiết kế UI
Những người cần thiết kế thông tin

Đối với danh mục đầu tư
Không có mẫu nào sao?

trang web đáp ứng
Bất kỳ ai cần mẫu

Cho dù bạn đang muốn bắt đầu với lập trình web, chuyển đổi từ nền tảng lập trình hoàn chỉnh sang nhà xuất bản web, cần kiến trúc thông tin cho thiết kế UI, hay là một nhà thiết kế đang học xuất bản... chúng tôi đã biên soạn một hướng dẫn có hệ thống và thiết yếu để hỗ trợ bạn. Nếu việc tự học khiến bạn cảm thấy quá sức hoặc đáng sợ, chúng tôi luôn sẵn sàng hỗ trợ!
Ngoài ra, các nhà thiết kế đang học xuất bản hoặc những người có nguyện vọng trở thành nhà xuất bản web sẽ có thể sử dụng các mẫu được tạo trong khóa học này để tạo danh mục đầu tư của mình.


Bài giảng này sẽ diễn ra như sau:

Phần 1. Cơ bản về HTML/CSS
Tìm hiểu về ngữ pháp HTML cơ bản và đặc điểm của các thẻ được sử dụng để tạo tài liệu bằng vscode.

Phần 2. Cơ bản về CSS
Chúng ta sẽ nghiên cứu ngữ pháp cơ bản và cách sử dụng CSS, cũng như nhiều bộ chọn khác nhau.

Phần 3. HTML / Ngữ nghĩa / Danh sách / Thẻ nhập của người dùng / Nhóm
Tìm hiểu về các thẻ và cách sử dụng các thẻ khác nhau chủ yếu được dùng trong HTML, chẳng hạn như thẻ ngữ nghĩa / danh sách / thẻ nhập liệu của người dùng / nhóm.

phần 4. phông chữ / đơn vị
Tìm hiểu về các kiểu chữ in hoa, căn chỉnh đoạn văn, phông chữ và đơn vị trong CSS.

phần 5. css / nền / hiển thị / đường viền / mô hình hộp
Chúng ta sẽ nghiên cứu chuyên sâu về display và boxmodel như một trong những thành phần cốt lõi của CSS.

phần 6. css / flex / vị trí / chuyển tiếp / hoạt ảnh / biến đổi
Chúng ta sẽ tìm hiểu về flex, position và transition/animation/transform, những thành phần chủ yếu được sử dụng trong bố cục CSS.

Phần 7. CSS / Media Query / Web đáp ứng
Tìm hiểu về truy vấn phương tiện cho thiết kế web đáp ứng.

Học thông qua các ví dụ toàn diện
Quy trình phát triển web đáp ứng

Hãy xem bản thảo công việc đang được thực hiện với người chia sẻ kiến thức! Chúng ta hãy cùng nhau làm việc từng bước một nhé!
Xin lưu ý rằng khóa học này không bao gồm quá trình tạo bản thiết kế hoặc công việc thiết kế .

Xem ví dụ toàn diện

màn hình máy tính để bàn

màn hình máy tính bảng

điều hướng

phản ứng nhanh

màn hình di động


Câu hỏi dự kiến Hỏi & Đáp

H. Người không học chuyên ngành có thấy khó học không?

Vâng, chúng tôi đã chuẩn bị sẵn các ghi chú giải thích để ngay cả những người không chuyên cũng có thể dễ dàng hiểu được tài liệu. Nếu bạn gặp bất kỳ khó khăn nào trong bài giảng, xin vui lòng đặt câu hỏi. Tôi sẽ phản hồi sớm nhất có thể.

H. Tôi có thể trở thành nhà xuất bản bằng cách tham gia lớp học này không?

Bắt đầu là đã thành công một nửa rồi. Sau khi học kỹ khóa học này, tôi tin rằng bạn có thể trở thành một nhà xuất bản thành công, tùy thuộc vào nỗ lực bạn bỏ ra cho việc học. Đây không phải là lời nói suông; cá nhân tôi đã trải nghiệm điều này trong các lớp học trực tiếp.

H. Nội dung bài học được trình bày ở mức độ nào?

Chúng tôi tập trung vào phương pháp thiết kế thông tin và sản xuất web đáp ứng bằng HTML5/CSS3, đặc biệt là tính linh hoạt trong quá trình sản xuất bố cục.


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất cứ ai mới làm quen với mã hóa

  • Những người chỉ cần học nhanh nội dung chính

  • Bất kỳ ai tạo danh mục web đáp ứng

  • Những người bối rối về cách thiết kế thông tin sau khi xem thiết kế giao diện người dùng

Cần biết trước khi bắt đầu?

  • Sẽ thuận tiện hơn nếu bạn ghi nhớ cách bố trí bàn phím tiếng Anh!

Xin chào
Đây là lizb

374

Học viên

16

Đánh giá

92

Trả lời

4.9

Xếp hạng

3

Các khóa học

Tôi là giảng viên chuyên giảng dạy về phát triển web tập trung vào thực tiễn từ Frontend đến Backend, dựa trên kinh nghiệm giảng dạy lâu năm của mình.

Chương trình giảng dạy

Tất cả

77 bài giảng ∙ (10giờ 0phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

9 đánh giá

5.0

9 đánh giá

  • inflearn4141님의 프로필 이미지
    inflearn4141

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Cảm ơn!

    • roykean19930688님의 프로필 이미지
      roykean19930688

      Đánh giá 35

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Nó rất hữu ích trong việc nghiên cứu bố cục và khả năng phản hồi.

      • lizb
        Giảng viên

        Tôi rất vui vì nó đã giúp bạn. Chúng tôi sẽ sớm triển khai khóa học trình độ trung cấp về khả năng phản hồi, vì vậy hãy thể hiện sự quan tâm của bạn! Cảm ơn bạn~

    • kcm9010230725님의 프로필 이미지
      kcm9010230725

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      8% đã tham gia

      Tôi đang chuẩn bị cho công việc là một nhà xuất bản. Tôi đã tham gia khóa học, nhưng khi tôi gặp khó khăn và đặt câu hỏi trong khi nghe giảng, anh ấy đã trả lời rất tử tế và nội dung bài giảng được tổ chức tốt, điều này đã giúp tôi rất nhiều trong việc tạo hồ sơ năng lực của mình.

      • lizb
        Giảng viên

        Ồ, tôi vừa xem bài đánh giá khóa học. Cảm ơn Doran@! Tôi hy vọng bạn học tập chăm chỉ và thấy nó hữu ích trong sự nghiệp của bạn!

    • ehs0525773698님의 프로필 이미지
      ehs0525773698

      Đánh giá 7

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Đó là khóa học hoàn hảo để tìm hiểu cách xây dựng một trang web đáp ứng bằng cách sử dụng CSS và truy vấn phương tiện!

      • lizb
        Giảng viên

        Cảm ơn bạn ~! Tôi sẽ làm việc chăm chỉ hơn và sớm trả ơn bạn bằng những bài giảng hay. Tôi hy vọng bạn sẽ tiến bộ hơn nữa!

    • gtgyujung4745님의 프로필 이미지
      gtgyujung4745

      Đánh giá 27

      Đánh giá trung bình 4.7

      5

      100% đã tham gia

      Cảm ơn bạn vì bài giảng tuyệt vời.

      • lizb
        Giảng viên

        Cảm ơn!

    Khóa học khác của lizb

    Hãy khám phá các khóa học khác của giảng viên!

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!

    Giảm 25% cho thành viên mới

    582.139 ₫

    25%

    776.189 ₫