강의

멘토링

커뮤니티

Programming

/

Front-end

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

113 learners

  • jyoung
HTML/CSS
Web Design

Reviews from Early Learners

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

8,824

Learners

354

Reviews

227

Answers

4.8

Rating

14

Courses

 안녕하세요? J.young 임자영입니다.

20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.

디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!!
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.

그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.

-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터
어떻게 시작할지 막막하신 분들..
- 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 -
도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

* 오픈채팅방운영

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.

오픈채팅방명 : 잘난웹디
코드 : jyoung

 

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장


- 현) UIUX & 웹포트폴리오 강의 진행 중(실무 진출 90프로 이상)

 

감사합니다^^ 


운영중인유튜브

잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

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~!!!

    • 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

    • 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

    • 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

    Limited time deal ends in 7 days

    $7,700.00

    30%

    $8.80

    jyoung's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!