Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Web Development

【ウェブパブリッシング実習】レスポンシブサイト作成

モバイル、タブレット、ウェブ環境に応じて自由自在にスクリーンサイズを変更するレスポンシブウェブを制作しましょう。

（5.0）受講レビュー 26件

受講生 2,023名

  • webs
이게 무료라니
Responsive Web
Thumbnail

学習した受講者のレビュー

こんなことが学べます

  • レスポンシブウェブサイトの作成

  • セマンティックタグの種類と使い方を知る

  • メディアクエリの使用

ナビゲーションが楽しいレスポンシブウェブサイト！
それを作る私は黄金の手です🖐️✨

Webパブリッシャーの夢の木のための講義✏️

「フィルターエフェクター」のうち

活気溢れるウェブサイト、みなさんも作れますよ！

ウェブページのサイズが接続したデバイス画面の解像度に合わせて自動的に変化するレスポンシブサイトを作る授業です。

頑強に向かって！

こんなことを学びます📖

レスポンシブレイアウトの実践

ヘッダーとメニューの練習

コンテンツエリアの練習

画像スライドとエフェクトの練習

📢受講時の注意事項

Webパブリッシャードリームロードマップ🌲

*各画像をクリックすると、その講義ページに移動します。

1. [Webパブリッシング実習] Web標準サイトの作成

サイトの作り方についての感覚を捉えることができる講義です。

2. [ウェブパブリッシング実習] レスポンシブサイトの作成現在の講義

Web環境に応じて自由自在にスクリーンサイズを変更するレスポンシブWebを製作します。

予想される質問 Q&A 💬

Q.非専攻者も聞ける講義ですか？

はい！基本的な内容を扱う講義ですので、初めて学ぶ方も十分に聞くことができます。

Q.講義を聞く前に準備すべきことはありますか？

あなたの情熱だけを準備してください。^^

Q.授業内容をどのレベルまで扱いますか？

HTMLとCSSをまったく知らなくても十分に一緒に学ぶことができるレベルです。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • さまざまなデバイス環境に合わせて変化するウェブを制作したい方

  • 反応型サイトを一つ一つフォローして作りたい方

  • メディアクエリについて詳しく知り、ウェブに適用したい方

  • Webパブリッシャー職務を希望する方

前提知識、
必要でしょうか？

  • ウェブ標準サイト作成講義（オプション）

こんにちは
です。

7,299

受講生

95

受講レビュー

1

回答

4.9

講座評価

4

講座

안녕하세요! 🧑🏻‍💻

웹에 관심이 많고, 강의를 하고있는 
웹 스토리보이입니다.

유튜브 채널 Webstoryboy에서 
여러가지 강의를 제작합니다.

포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.

어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서

스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻‍♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!

カリキュラム

全体

36件 ∙ (8時間 10分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

26件

5.0

26件の受講レビュー

  • ohj7358748님의 프로필 이미지
    ohj7358748

    受講レビュー 3

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    Tôi nghe rõ lắm.

    • camorra0421님의 프로필 이미지
      camorra0421

      受講レビュー 24

      ∙

      平均評価 4.5

      4

      100% 受講後に作成

      Tôi đã học được rất nhiều điều bằng cách làm theo từng điều một, vừa học vừa thực hành.

      • netstat님의 프로필 이미지
        netstat

        受講レビュー 14

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        Nó rất hữu ích trong việc tạo ra một trang web đáp ứng. Cảm ơn

        • dongseokyu24159님의 프로필 이미지
          dongseokyu24159

          受講レビュー 2

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          Đây là bài giảng phù hợp nhất với câu nói “cứ làm đi”. Các bạn làm theo sẽ thấy đáp án, vui thật đấy. Tôi sẽ chăm chỉ nghiên cứu phần còn lại.

          • angelbe349447님의 프로필 이미지
            angelbe349447

            受講レビュー 3

            ∙

            平均評価 5.0

            5

            61% 受講後に作成

            cảm ơn vì bài giảng hay

            無料

            websの他の講座

            知識共有者の他の講座を見てみましょう！

            Tạo trang web bán vé xem phim: Lập trình강의 썸네일

            Tạo trang web bán vé xem phim: Lập trình

            webs

            Nếu bạn đã theo dõi các bài giảng về tiêu chuẩn web và cách tạo trang web đáp ứng, thì giờ là lúc thực hành thực tế! Chúng ta sẽ tìm hiểu cách tạo một trang web đặt trước phim bằng cách chia nó thành phần thiết kế và phần mã hóa.

            초급

            초급

            Responsive Web

            Tạo trang web bán vé xem phim: Lập trình강의 썸네일

            Tạo trang web bán vé xem phim: Lập trình

            webs

            Tạo một trang web bán vé xem phim: Thiết kế강의 썸네일

            Tạo một trang web bán vé xem phim: Thiết kế

            webs

            Nếu bạn đã theo dõi các bài giảng về tiêu chuẩn web và cách tạo trang web đáp ứng, thì giờ là lúc thực hành thực tế! Chúng ta sẽ tìm hiểu cách tạo một trang web đặt trước phim bằng cách chia nó thành phần thiết kế và phần mã hóa.

            초급

            초급

            Photoshop, Responsive Web

            Tạo một trang web bán vé xem phim: Thiết kế강의 썸네일

            Tạo một trang web bán vé xem phim: Thiết kế

            webs

            [Thực hành xuất bản web] Tạo một trang web chuẩn강의 썸네일

            [Thực hành xuất bản web] Tạo một trang web chuẩn

            webs

            Nếu bạn định làm được thì hãy làm cho đúng! Đây là khóa học xuất bản được tạo tuân thủ các tiêu chuẩn web chính thức🧑🏻‍💻

            입문

            입문

            HTML/CSS

            [Thực hành xuất bản web] Tạo một trang web chuẩn강의 썸네일

            [Thực hành xuất bản web] Tạo một trang web chuẩn

            webs

            似ている講座

            同じ分野の他の講座を見てみましょう！

            Tạo trang web phản hồi bằng BOOTSTRAP3강의 썸네일

            Tạo trang web phản hồi bằng BOOTSTRAP3

            usefulit

            Đây là bài giảng về cách sử dụng Bootstrap để tạo một trang web phản hồi có bố cục thay đổi tùy theo thiết bị.

            초급

            초급

            Bootstrap, Responsive Web

            Tạo trang web phản hồi bằng BOOTSTRAP3강의 썸네일

            Tạo trang web phản hồi bằng BOOTSTRAP3

            usefulit

            Kiến thức cơ bản về Web đáp ứng cho người mới bắt đầu강의 썸네일

            Kiến thức cơ bản về Web đáp ứng cho người mới bắt đầu

            uknow

            Khóa học này sẽ giúp bạn có được những kỹ năng cơ bản cần thiết để tạo ra một 'trang web phản hồi' có thể cung cấp dịch vụ trên nhiều thiết bị và màn hình khác nhau.

            초급

            초급

            Responsive Web, HTML/CSS, JavaScript

            Kiến thức cơ bản về Web đáp ứng cho người mới bắt đầu강의 썸네일

            Kiến thức cơ bản về Web đáp ứng cho người mới bắt đầu

            uknow

            Tạo trang web bán vé xem phim: Lập trình강의 썸네일

            Tạo trang web bán vé xem phim: Lập trình

            webs

            Nếu bạn đã theo dõi các bài giảng về tiêu chuẩn web và cách tạo trang web đáp ứng, thì giờ là lúc thực hành thực tế! Chúng ta sẽ tìm hiểu cách tạo một trang web đặt trước phim bằng cách chia nó thành phần thiết kế và phần mã hóa.

            초급

            초급

            Responsive Web

            Tạo trang web bán vé xem phim: Lập trình강의 썸네일

            Tạo trang web bán vé xem phim: Lập trình

            webs

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp강의 썸네일

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp

            youngcodikimssam

            Đây là bài giảng về cách sử dụng Bootstrap để tạo trang web phản hồi, tức là trang web có bố cục thay đổi tùy theo thiết bị. [Phiên bản sửa đổi]

            초급

            초급

            Bootstrap, Responsive Web, Web Design

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp강의 썸네일

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp

            youngcodikimssam

            Bootcamp thực hành: Thiết kế web responsive với Bootstrap강의 썸네일

            Bootcamp thực hành: Thiết kế web responsive với Bootstrap

            youngcodikimssam

            Trong buổi học thực hành của khóa học "Xây dựng trang web phản hồi bằng BOOTSTRAP [Ấn bản sửa đổi năm 2024]", chúng ta sẽ trực tiếp xây dựng một trang web thực tế có bố cục thay đổi theo thiết bị, sử dụng Bootstrap 4.

            초급

            초급

            Bootstrap, Responsive Web, Web Design

            Bootcamp thực hành: Thiết kế web responsive với Bootstrap강의 썸네일

            Bootcamp thực hành: Thiết kế web responsive với Bootstrap

            youngcodikimssam

            Danh mục UIUX Phần 3 - Danh mục Web đáp ứng강의 썸네일

            Danh mục UIUX Phần 3 - Danh mục Web đáp ứng

            lizb

            Bước thứ ba trong quy trình lập kế hoạch-thiết kế-triển khai - tạo mẫu danh mục đầu tư web đáp ứng

            초급

            초급

            Responsive Web, JavaScript, jQuery

            Danh mục UIUX Phần 3 - Danh mục Web đáp ứng강의 썸네일

            Danh mục UIUX Phần 3 - Danh mục Web đáp ứng

            lizb

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp강의 썸네일

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp

            codingworks

            [Kiểu dáng UI web tuyệt đẹp bằng Tailwind CSS] khóa học hiện đang trình bày đầy đủ Tailwind CSS v3.4.1, một trong những framework hot nhất hiện nay, từ lý thuyết đến trang web phản hồi thực tế trong 19 giờ. Khóa học không phải là tốt chỉ vì thời lượng dài. Nhưng chúng tôi tự tin rằng khóa học này là khóa học dài nhưng vẫn tuyệt vời. Đặc biệt, khóa học trình bày chi tiết tất cả lý thuyết của Tailwind CSS trong 8 giờ 30 phút, vì vậy những người thiếu lý thuyết CSS có thể học lý thuyết CSS một cách đầy đủ. Khóa học này được thiết kế tập trung vào kiểu dáng Tailwind CSS do các nhà phát triển và nhà xuất bản tạo ra.

            초급

            초급

            TailwindCSS, Responsive Web, HTML/CSS

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp강의 썸네일

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp

            codingworks

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo강의 썸네일

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo

            lizb

            Danh mục thực hành web đáp ứng được thực hiện dễ dàng! Danh mục #Sulwhasoo

            초급

            초급

            HTML/CSS, Responsive Web, Clone Coding

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo강의 썸네일

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo

            lizb

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng강의 썸네일

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng

            boldux

            Từ cơ bản đến thực tế, lớp học UI Design toàn diện hoàn thành mọi thứ chỉ với Figma! Từ các tính năng cốt lõi như Auto Layout·Component đến thiết kế responsive, handoff hiệu quả, và cả collaboration - bạn sẽ hoàn toàn thành thạo các kỹ năng thực tế. Hãy bắt đầu ngay bây giờ và nâng cấp năng lực thiết kế của bạn lên một tầm cao mới!

            입문

            입문

            Web Design, Prototyping, Figma

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng강의 썸네일

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng

            boldux