Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Lập trình là gì? với Web Publishing - CSS

Học từ cơ bản CSS đến hoạt ảnh và responsive. Củng cố vững chắc kiến thức cơ bản bằng cách ôn lại những gì đã học thông qua các ví dụ thực tế.

(5.0) 19 đánh giá

1,145 học viên

  • ezweb
css
웹개발
웹퍼블리싱
퍼블리싱
HTML/CSS
Thumbnail

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

Dịch cái này sang tiếng Việt

  • Bộ chọn CSS

  • Kiểu chữ và định dạng văn bản CSS

  • CSS Layout - float, position

  • Bố cục CSS - flexbox

  • CSS Animation, Responsive

Sau HTML là tới CSS!
Tạo các trang web nổi bật với CSS ⭐

코딩은 처음이라 with 웹퍼블리싱

CSS để cải thiện tính hoàn thiện của tài liệu web 🎨

CSS chịu trách nhiệm về giao diện của tài liệu web. Bạn có thể tạo một tài liệu web hấp dẫn và dễ sử dụng bằng cách chọn mục tiêu từ một phần tử HTML và thiết lập màu sắc, nền, vị trí, hình ảnh động, v.v. cho mục tiêu đã chọn.

Bài giảng này là phần tiếp theo của <Lần đầu tiên viết mã với xuất bản web - Kiến thức cơ bản về HTML> và giả định rằng bạn đã học HTML và nắm được các kỹ thuật cần thiết để thiết lập kiểu trang web .

CSS chủ yếu quan tâm đến việc lựa chọn chính xác mục tiêu về kiểu dáng từ một phần tử HTML. Trong bài giảng này, bạn có thể tìm hiểu về bộ chọn CSS một cách chắc chắn. Tìm hiểu những kiến ​​thức cơ bản về thiết kế đáp ứng để tạo ra các trang web được tối ưu hóa để hiển thị trên nhiều thiết bị có nhiều độ rộng khác nhau. Tìm hiểu cách triển khai hoạt ảnh bằng cách sử dụng thuộc tính chuyển tiếp và hoạt ảnh, biến đổi.

Sau khi học khóa học này, bạn sẽ có thể sử dụng bộ chọn CSS để chọn chính xác các thành phần bạn muốn và tự do thiết lập kiểu cho các thành phần đã chọn!

✔️ Xem bài giảng trực tiếp từ tác giả cuốn sách!

  • Bài giảng này được thực hiện bởi tác giả của cuốn sách <Lập trình cho người mới bắt đầu với Web Publishing> do Yeongjin.com xuất bản, dựa trên nội dung của cuốn sách. Sẽ hữu ích hơn cho việc học của bạn nếu bạn xem nó qua sách.
  • Sau khi hoàn thành khóa học 'Lần đầu lập trình với Web Publishing - HTML cơ bản', vui lòng tiếp tục học khóa học này.
  • Nếu bạn cần học thêm, hãy xem kênh YouTube của tác giả để biết thêm các bài giảng.

Tôi giới thiệu điều này cho những người này 🙋‍♀️

Tôi có kiến ​​thức cơ bản về HTML, nhưng
Dành cho những người thiếu kỹ năng CSS cơ bản

Triển khai phản hồi, hoạt hình
Người khó tính

Linh hoạt với Flex
Bất kỳ ai muốn học cách bố trí


Tính năng bài giảng ✨

Thuộc tính cần thiết để thiết lập kiểu CSS
Chúng ta hãy học từng cái một nhé!

Dựa trên nhiều năm kinh nghiệm giảng dạy,
Hãy để tôi giải thích cho bạn một cách dễ hiểu nhất !

Như một ví dụ đơn giản
Hãy đảm bảo rằng chúng ta có một nền tảng vững chắc !

Thông qua Flexbox
Học cách bố trí hiệu quả!


Học những điều như thế này 📚

1) Tìm hiểu kỹ về bộ chọn CSS. CSS bắt đầu bằng việc chọn mục tiêu chính xác.


2) Học các kiểu liên quan đến phông chữ.


3) Tìm hiểu các thuộc tính cần thiết liên quan đến bố cục.


4) Tìm hiểu tất cả các đặc tính liên quan đến bối cảnh.


5) Tìm hiểu cốt lõi của bố cục linh hoạt để dễ dàng triển khai nhiều bố cục đa dạng hơn.


6) Học những kiến ​​thức cơ bản về hoạt hình.


7) Học và thực hành những điều cơ bản về phản ứng.

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

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

Màn hình di động


8) Triển khai trang web HTML được tạo ở bài giảng trước bằng CSS.


Hỏi & Đáp 💬

H. Đây có phải là bài giảng mà sinh viên không chuyên ngành cũng có thể tham gia không?

Nếu bạn đã học khóa học HTML hoặc có kiến ​​thức cơ bản, bạn có thể làm được.

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

Nó bao gồm rất nhiều thứ, từ bộ chọn đến khả năng phản ứng. Lòng tham là điều không nên. Bạn có thể hoàn thành khóa học bằng cách học từng bước ngay từ đầu.

H. Tôi nên học loại gì sau khi trở nên mạnh mẽ?

Thực hành tạo trang web bằng HTML và CSS bằng cách tham khảo nhiều thiết kế khác nhau. Sau đó, tôi khuyên bạn nên học Javascript.


Giới thiệu người chia sẻ kiến ​​thức ✒️

Xin chào. Đây là người hướng dẫn Kim Dong-ju, người điều hành kênh YouTube easyweb của rock.

Sách chính

  • Figma Hướng dẫn hoàn hảo cho thiết kế web và xuất bản web - Vijay Republic Publishing

  • Lần đầu tiên viết mã với xuất bản web - Youngjin.com

Liên hệ với tôi

Bạn có thể kiểm tra thông tin bài giảng ngoại tuyến, video bổ sung, v.v.

Cửa sổ giao tiếp (khảo sát, phòng trò chuyện mở 1:1) ✒️

Học sinh có thể cung cấp ý kiến ​​và câu hỏi của mình bất kỳ lúc nào thông qua khảo sát của Googlephòng trò chuyện mở 1:1 được giới thiệu trong phần Có gì mới .

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

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

  • Người đã học HTML

  • Dành cho những ai gặp khó khăn trong việc triển khai responsive

  • Dành cho những người thiếu kiến thức cơ bản về hoạt hình

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

  • HTML

  • Photoshop

Xin chào
Đây là

2,509

Học viên

48

Đánh giá

3

Trả lời

4.9

Xếp hạng

8

Các khóa học

■ [현재] 그린컴퓨터아트학원 웹퍼블리싱, 프론트엔드 강의
■ [현재] 웹 퍼블리싱 유튜브 채널 'Rock's Easyweb' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 한빛 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의


[ 도서 ]
2021.07.19 출간 / 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서 / 비제이퍼블릭

2022.08.25 출간  / 코딩을 처음이라 with 웹 퍼블리싱  / 영진출판사

2023.10 출간 /2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획

2024.11 재판 /2025 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획

 

[ 수상경력 ]
2022.08 그린컴퓨터 아트 학원 종로지점 - 우수강사 2021.06 그린컴퓨터 아트 학원 종로지점 - 우수강사 2018.06 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2017.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2016.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2015.10 그린 컴퓨터아카데미 신촌 지점 - 우수강사 

 

 

 

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

Tất cả

33 bài giảng ∙ (9giờ 12phú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ả

19 đánh giá

5.0

19 đánh giá

  • wlghsp3420님의 프로필 이미지
    wlghsp3420

    Đánh giá 214

    Đánh giá trung bình 5.0

    5

    6% đã tham gia

    良い講義ありがとうございます。

    • hesshes2407님의 프로필 이미지
      hesshes2407

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      39% đã tham gia

      入門者に簡潔で簡単に説明

      • ezweb
        Giảng viên

        Figma デザイン参照コーディング講座が新しくオープンしました。この講座もぜひご覧ください ^^ https://inf.run/CZ1az

    • hahahayeji님의 프로필 이미지
      hahahayeji

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      • tomomo님의 프로필 이미지
        tomomo

        Đánh giá 7

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        良い講義をありがとうございました。_(__)_

        • ezweb
          Giảng viên

          私もありがとうございます。他の講座も挑戦してみてくださいね ^^

      • prayforyooh2177님의 프로필 이미지
        prayforyooh2177

        Đánh giá 4

        Đánh giá trung bình 4.8

        5

        30% đã tham gia

        Miễn phí

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

        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!