강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

[Web Publishing Practice] Creating a Responsive Site

Let's create a responsive web that freely changes the screen size according to the mobile, tablet, and web environment.

(5.0) 30 reviews

2,056 learners

  • webstoryboy
이게 무료라니
Responsive Web
Thumbnail

Reviews from Early Learners

What you will gain after the course

  • Creating a responsive website

  • Understand the types and uses of semantic tags

  • Using media queries

A responsive website that's fun to navigate!
I have golden hands when I make it 🖐️✨

Lectures for aspiring web publishers ✏️

Among the 'filter effectors'

You can create a vibrant website too!

This course teaches you how to create responsive websites, where web pages automatically adjust to the screen resolution of the device you're accessing them on. Taking this course after completing "[Web Publishing] Creating Standard Web Sites" will help you understand the material more quickly. As you follow along step by step, you'll gain a feel for how to build a website.

Towards the finish line! I'll be rooting for your hard work.🧚🏻‍♀️

Learn this 📖

Responsive layout practice

Header and Menu Practice

Content Area Practice

Image Slide and Effects Practice

📢 Information to note when taking the course

Web Publisher Dream Tree Roadmap 🌲

*Click on each image to go to the corresponding lecture page.

1. [Web Publishing Practice] Creating a Web Standard Site

This course will give you a feel for how to create a website.

2. [Web Publishing Practice] Creating a Responsive Website Current Lecture

We create responsive web that freely changes screen size according to the web environment.

3. Creating a Movie Ticket Reservation Site: Design

Now it's time for the real thing! Here's the first part of creating a movie ticket reservation website: design.

4. Creating a Movie Ticket Reservation Site: Coding

Now it's time for the real thing! Part 2 of building a movie ticket reservation website: coding.

Expected Questions Q&A 💬

Q. Is this a course that non-majors can also take?

Yes! This course covers the basics, so even beginners can easily follow along. ^^

Q. Is there anything I need to prepare before attending the lecture?

All you need to do is prepare your passion.^^

Q. What level of content is covered in the class?

It is at a level where you can learn together even if you know nothing about HTML and CSS.

Recommended for
these people

Who is this course right for?

  • Anyone who wants to create a web that changes to fit various device environments

  • Anyone who wants to create a responsive site step by step

  • Anyone who wants to learn more about media queries and apply them to the web

  • Anyone interested in a web publisher position

Need to know before starting?

  • Creating Web Standard Sites (Optional)

Hello
This is

7,422

Learners

101

Reviews

1

Answers

4.9

Rating

4

Courses

안녕하세요! 🧑🏻‍💻

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

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

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

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

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

Curriculum

All

36 lectures ∙ (8hr 10min)

Published: 
Last updated: 

Reviews

All

30 reviews

5.0

30 reviews

  • yuiky3216701님의 프로필 이미지
    yuiky3216701

    Reviews 40

    ∙

    Average Rating 4.8

    5

    47% enrolled

    I had fun studying.

    • thddl52642022님의 프로필 이미지
      thddl52642022

      Reviews 4

      ∙

      Average Rating 5.0

      5

      31% enrolled

      • jjhgwx님의 프로필 이미지
        jjhgwx

        Reviews 609

        ∙

        Average Rating 4.9

        5

        8% enrolled

        Thank you for the great lecture!

        • imomo님의 프로필 이미지
          imomo

          Reviews 13

          ∙

          Average Rating 5.0

          5

          19% enrolled

          • ohj7358748님의 프로필 이미지
            ohj7358748

            Reviews 3

            ∙

            Average Rating 5.0

            5

            100% enrolled

            I heard it well.

            Free

            webstoryboy's other courses

            Check out other courses by the instructor!

            [Web Publishing Practice] Creating a Web Standard SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Web Standard Site

            webstoryboy

            If you're going to do it, do it right! This is a publishing course that follows official web standards🧑🏻‍💻

            Beginner

            Beginner

            HTML/CSS

            [Web Publishing Practice] Creating a Web Standard SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Web Standard Site

            webstoryboy

            Creating a movie ticket reservation site: CodingCourse Thumbnail

            Creating a movie ticket reservation site: Coding

            webstoryboy

            If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

            Basic

            Basic

            Responsive Web

            Creating a movie ticket reservation site: CodingCourse Thumbnail

            Creating a movie ticket reservation site: Coding

            webstoryboy

            Creating a Movie Ticket Booking Site: DesignCourse Thumbnail

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

            Basic

            Basic

            Photoshop, Responsive Web

            Creating a Movie Ticket Booking Site: DesignCourse Thumbnail

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            Similar courses

            Explore other courses in the same field!

            UIUX Portfolio Part.3 - Responsive Web PortfolioCourse Thumbnail

            UIUX Portfolio Part.3 - Responsive Web Portfolio

            lizb

            The third step of the planning-design-implementation process - creating a responsive web portfolio template

            Basic

            Basic

            Responsive Web, JavaScript, jQuery

            UIUX Portfolio Part.3 - Responsive Web PortfolioCourse Thumbnail

            UIUX Portfolio Part.3 - Responsive Web Portfolio

            lizb

            Real! Website Creation! Step By Step! _Basic (Hanwha Chemical_Responsive Web)

            jyoung

            This is a practical course for creating a website (Hanwha Chemical/Solution) using HTML5 and CSS3. This is a practical course for creating a web page! Step by Step! To fully understand and utilize PC mode layout and responsive page creation. (Attached is the completed lecture file!)

            Basic

            Basic

            HTML/CSS, Responsive Web, jQuery

            Real! Website Creation! Step By Step! _Basic (Hanwha Chemical_Responsive Web)

            jyoung

            Responsive Web Development with Bootstrap [Practical] BootcampCourse Thumbnail

            Responsive Web Development with Bootstrap [Practical] Bootcamp

            youngcodikimssam

            Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

            Basic

            Basic

            Bootstrap, Responsive Web, Web Design

            Responsive Web Development with Bootstrap [Practical] BootcampCourse Thumbnail

            Responsive Web Development with Bootstrap [Practical] Bootcamp

            youngcodikimssam

            Responsive Web Basics for BeginnersCourse Thumbnail

            Responsive Web Basics for Beginners

            uknow

            This is a course that will help you acquire the basic skills needed to create a 'responsive website' that can provide services on a variety of devices and screens.

            Basic

            Basic

            Responsive Web, HTML/CSS, JavaScript

            Responsive Web Basics for BeginnersCourse Thumbnail

            Responsive Web Basics for Beginners

            uknow

            Hands-on Responsive Web Development with Pure HTML/CSS/JS BootcampCourse Thumbnail

            Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

            youngcodikimssam

            A practical production class on creating responsive web pages that can implement various layouts for each device using only pure HTML/CSS/JS without using Bootstrap [2024 Latest Edition].

            Basic

            Basic

            HTML/CSS, Responsive Web, Interactive Web

            Hands-on Responsive Web Development with Pure HTML/CSS/JS BootcampCourse Thumbnail

            Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

            youngcodikimssam

            Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

            youngcodikimssam

            This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

            Basic

            Basic

            Bootstrap, Responsive Web, Web Design

            Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

            youngcodikimssam

            Awesome Web UI Styling with Tailwind CSSCourse Thumbnail

            Awesome Web UI Styling with Tailwind CSS

            codingworks

            [Creating a great web UI style with Tailwind CSS] The lecture covers the most popular framework, Tailwind CSS v3.4.1, in detail for 19 hours, from theory to practical responsive websites. A long lecture does not mean it is a good lecture. However, I am confident that this lecture is a good lecture that is also long. In particular, since all the Tailwind CSS theory is covered in detail for 8 hours and 30 minutes, people who are lacking in CSS theory can learn CSS theory thoroughly. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

            Basic

            Basic

            TailwindCSS, Responsive Web, HTML/CSS

            Awesome Web UI Styling with Tailwind CSSCourse Thumbnail

            Awesome Web UI Styling with Tailwind CSS

            codingworks

            Easy to learn and create a responsive web portfolio! #SulwhasooCourse Thumbnail

            Easy to learn and create a responsive web portfolio! #Sulwhasoo

            lizb

            Easy to make responsive web practice portfolio! #Sulwhasoo portfolio

            Basic

            Basic

            HTML/CSS, Responsive Web, Clone Coding

            Easy to learn and create a responsive web portfolio! #SulwhasooCourse Thumbnail

            Easy to learn and create a responsive web portfolio! #Sulwhasoo

            lizb

            Learn Figma UI Design Class Properly from Basics to PracticeCourse Thumbnail

            Learn Figma UI Design Class Properly from Basics to Practice

            bolduxlab

            From basics to professional practice, the all-in-one UI design class that covers everything with Figma! Master professional skills from core features like auto layout and components to responsive design, efficient handoff, and collaboration. Start now and upgrade your design capabilities to the next level!

            Beginner

            Beginner

            Web Design, Prototyping, Figma

            Learn Figma UI Design Class Properly from Basics to PracticeCourse Thumbnail

            Learn Figma UI Design Class Properly from Basics to Practice

            bolduxlab