강의

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,059 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,430

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!

            Creating a movie ticket reservation site: Coding강의 썸네일

            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.

            초급

            초급

            Responsive Web

            Creating a movie ticket reservation site: Coding강의 썸네일

            Creating a movie ticket reservation site: Coding

            webstoryboy

            Creating a Movie Ticket Booking Site: Design강의 썸네일

            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.

            초급

            초급

            Photoshop, Responsive Web

            Creating a Movie Ticket Booking Site: Design강의 썸네일

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            [Web Publishing Practice] Creating a Web Standard Site강의 썸네일

            [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🧑🏻‍💻

            입문

            입문

            HTML/CSS

            [Web Publishing Practice] Creating a Web Standard Site강의 썸네일

            [Web Publishing Practice] Creating a Web Standard Site

            webstoryboy

            Similar courses

            Explore other courses in the same field!

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!강의 썸네일

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!

            lizb

            Let's do it in practice! Responsive web portfolio that responds to scroll #JeilEngineering

            초급

            초급

            Responsive Web, Interactive Web, XD

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!강의 썸네일

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!

            lizb

            Responsive Web Basics for Beginners강의 썸네일

            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.

            초급

            초급

            Responsive Web, HTML/CSS, JavaScript

            Responsive Web Basics for Beginners강의 썸네일

            Responsive Web Basics for Beginners

            uknow

            Creating a responsive web page using BOOTSTRAP 3강의 썸네일

            Creating a responsive web page using BOOTSTRAP 3

            usefulit

            This tutorial will show you how to use Bootstrap to create responsive web pages that change layout depending on the device.

            초급

            초급

            Bootstrap, Responsive Web

            Creating a responsive web page using BOOTSTRAP 3강의 썸네일

            Creating a responsive web page using BOOTSTRAP 3

            usefulit

            Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp강의 썸네일

            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].

            초급

            초급

            HTML/CSS, Responsive Web, Interactive Web

            Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp강의 썸네일

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

            youngcodikimssam

            UIUX Portfolio Part.3 - Responsive Web Portfolio강의 썸네일

            UIUX Portfolio Part.3 - Responsive Web Portfolio

            lizb

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

            초급

            초급

            Responsive Web, JavaScript, jQuery

            UIUX Portfolio Part.3 - Responsive Web Portfolio강의 썸네일

            UIUX Portfolio Part.3 - Responsive Web Portfolio

            lizb

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp강의 썸네일

            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.

            초급

            초급

            Bootstrap, Responsive Web, Web Design

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp강의 썸네일

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

            youngcodikimssam

            Awesome Web UI Styling with Tailwind CSS강의 썸네일

            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.

            초급

            초급

            TailwindCSS, Responsive Web, HTML/CSS

            Awesome Web UI Styling with Tailwind CSS강의 썸네일

            Awesome Web UI Styling with Tailwind CSS

            codingworks

            Easy to learn and create a responsive web portfolio! #Sulwhasoo강의 썸네일

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

            lizb

            Easy to make responsive web practice portfolio! #Sulwhasoo portfolio

            초급

            초급

            HTML/CSS, Responsive Web, Clone Coding

            Easy to learn and create a responsive web portfolio! #Sulwhasoo강의 썸네일

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

            lizb

            Learn Figma UI Design Class Properly from Basics to Practice강의 썸네일

            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!

            입문

            입문

            Web Design, Prototyping, Figma

            Learn Figma UI Design Class Properly from Basics to Practice강의 썸네일

            Learn Figma UI Design Class Properly from Basics to Practice

            bolduxlab