inflearn logo
inflearn logo

Real! Website Creation! Step by Step! (Beginner's Course)

Real! Website Creation Step By Step! This is an introductory course, where you can learn the concepts of HTML and CSS while creating various basic layouts.

(4.9) 8 reviews

115 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
Web Design
Web Design
HTML/CSS
HTML/CSS
Web Design
Web Design
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

박정서

100% enrolled

I found it very helpful to hear you explain the process of creating a layout structure step by step.

5.0

디자이너써니입니다

100% enrolled

It was an opportunity to reorganize from the basics. I listened to the class well~!!!

5.0

행복한천사

40% enrolled

I really like that the lectures explain everything in detail, so I can build a solid foundation while watching them, and I think I will be able to build a solid foundation for practical work and development work.

What you will gain after the course

  • A solid layout foundation that you can learn by following along!

  • Understanding and applying the concept of Position

  • Understanding and applying the concept of Float

  • How to use Google Web Fonts!

  • Complete mastery of HTML/CSS basics!

  • How to use developer tools!

It's OK even if you don't know anything about coding!
Practical website creation that even beginners can easily learn!

You don't even know the 'code' of coding?
An introductory course for HTML/CSS beginners!

Even if you don't know what an HTML tag is or what a CSS style is,
Practice! Master HTML and CSS through layout creation!

Just follow along and you've completed the basic layout creation!
Tags and styles used in practice will soon guide you.
We'll guide you through your first steps as a web designer and publisher.


Step By Step!
Get started right now.

When creating a web page , creating an accurate layout based on HTML and CSS is of utmost importance.
For those who are new to coding, we have organized the concepts of HTML/CSS into each step.

If you diligently follow this course, which thoroughly covers the basics, you'll soon find yourself with a solid foundation in layout creation!


  • Creating a web page layout
  • HTML/CSS Basics
  • Mouse Hover Effect
  • Understanding CSS property concepts such as Position and Transform
  • How to use virtual content
  • How to use developer tools

Curious about real-world examples?

Step 1!
Step 2!
Step 3!
Step 4!
Step 5!


20 years of practical experience and lecture know-how
J.young

Hello? This is J.young.

For over 20 years, I've been leading a design team at a web design and app development company. In my spare time, I teach UI/UX design, web design, web publisher, and front-end development at universities, schools, and vocational training institutions. I aim to train students with no prior design or coding experience to become professionals, including web designers and publishers.

  • From basics to practice!
  • What you want in practice!
  • Create a portfolio that can be used right away in practice!

Through our lectures, we guide students to confidently enter the workforce as professionals. As a result, many of our students are now demonstrating their capabilities as working designers and publishers.

  • People who want to become a web designer or publisher but don't know where or how to start
  • People who want to attend a regular course for job change but can't even think about it due to work life
  • People who don't even know the 'code' of coding
  • Those who have learned the basics of HTML/CSS through academies or YouTube, but who have never learned how to create a website

J.young is here to help!

Also, if you have any questions while learning, please leave a comment and I will do my best to provide helpful answers.

Open chat room operation

For a smoother learning experience, join the Jalnan Webdi open chat room run by J.young.
We'll share some great tips and free webinar links related to Figma, UI/UX, coding, and portfolio creation.

- Open chat room name: Jalnan Webdi
- Code: jyoung

Work experience

  • 2015~2017 Managing Director, Elicell Co., Ltd.
  • 2003~2015 Managing Director, Amusingware Co., Ltd.
  • ~2003 Seowoo C&D Design Director

Lectures and other experiences

  • Running a well-known webtoon YouTube channel
  • Incheon Arts College (multimedia web lectures)
  • Seoul Hyundai Vocational School (Smart Web/App Lectures)
  • Polytechnic University (Design Lecture)
  • Korea IT College (Multimedia Design Course)
  • Dudurim Vocational School (Design Class)
  • Gwangmyeong City Women's Vision Center (Web Design Class)
  • Now Computer Academy Bundang Branch (Design Lecture)
  • The Joeun Computer Academy Seocho Branch ([Web Design Specialist] Digital Web & App Design - Course Evaluation-Type Qualification-A)
  • HiMedia Computer Academy Seocho Branch (UI/UX Web Design & Web Publishing Using Video)

Recommended for
these people

Who is this course right for?

  • For those who want to study HTML/CSS from the basics

  • Those who have basic knowledge of HTML/CSS but have difficulty creating layouts

  • For those who are new to coding

  • For those who want to learn the concepts of Float and Position

  • For those who want to learn how to properly use virtual selectors

  • For those who want to learn how to use developer tools

Hello
This is jyoung

9,110

Learners

367

Reviews

227

Answers

4.8

Rating

14

Courses

"I am J.Young, your design and development portfolio mentor."

I have run a web design and app development company for the past 20 years, experiencing the intensity of the field firsthand. Based on that experience, I am currently dedicated to nurturing future experts at universities and professional educational institutions, covering everything from UI/UX design to front-end development.

My teaching philosophy is clear.

  1. From basics to practice, a seamless connection

  2. A compression of core skills desired by the industry

  3. Achieving Employment Success through a Practical Portfolio Completion

For those who feel overwhelmed and don't know where to start, office workers dreaming of a career change but lacking time, and beginners who feel like coding is a world away—I will turn my 20-year journey into your shortcut. Until the day you stand tall as a professional, I will do my best to be your reliable mentor and help you every step of the way.

J.young will help you!!
Also!! If you have any questions while studying, please leave a comment and
I will do my best to provide a helpful answer.

Professional Experience

- 2017~Present) Web Development Director
- 2015~2017) Executive Director at Eliesel Co., Ltd.
- 2003~2015) Executive Director at Amusingwear Co., Ltd.
- 2003: Design Manager at Seowoo C&D


- Current)
- UI/UX Web Planning/Design/Front-end Bootcamp Instructor (EZEN DX Academy - Seocho Branch)
- Professional lectures and group/individual tutoring for design and development portfolios


* YouTube channel in operation (Coding Designer)

For smoother learning, if you join the Jalnan Web Design open chat room operated by J.young,
I will provide answers to lecture questions and feedback on your portfolio.

- Open Chat Room Name: Jalnan Web Design
- Code: jyoung

 

More

Curriculum

All

15 lectures ∙ (2hr 17min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

8 reviews

4.9

8 reviews

  • jeongs25040198님의 프로필 이미지
    jeongs25040198

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I found it very helpful to hear you explain the process of creating a layout structure step by step.

    • jyoung
      Instructor

      I am grateful that my layout was of great help to you, Mr. Park Jeong-seo. Thank you for your hard work~~ Have a happy new year^^ J. Young Dream

  • sunnybaek님의 프로필 이미지
    sunnybaek

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    It was an opportunity to reorganize from the basics. I listened to the class well~!!!

    • iamabuddhboy1479님의 프로필 이미지
      iamabuddhboy1479

      Reviews 3

      Average Rating 4.3

      5

      100% enrolled

      It just happened

      • jyoung
        Instructor

        Brown charlie, I just did that... I'm sorry. I will work harder and come back with a better lecture. Thank you J.young Dream

    • gotoshsh20055696님의 프로필 이미지
      gotoshsh20055696

      Reviews 1

      Average Rating 5.0

      5

      40% enrolled

      I really like that the lectures explain everything in detail, so I can build a solid foundation while watching them, and I think I will be able to build a solid foundation for practical work and development work.

      • jyoung
        Instructor

        Happy Angel~ I am so grateful that it helped you study and build a foundation. I hope you achieve your goals through continuous and steady study. Thank you. J.youngDream

    • doggodie08086539님의 프로필 이미지
      doggodie08086539

      Reviews 1

      Average Rating 5.0

      5

      100% enrolled

      It helped me study CSS.

      • jyoung
        Instructor

        Thank you for your class review, Dong-Hyeon Kim~ We will come back with better lectures. Thank you J.young Dream

    jyoung's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!

    $8.80