inflearn logo
inflearn logo

Easy! Short! Strong! Preparing for the Web Design Technician Practical Exam

We have prepared a short and easy course for those preparing for the Web Design Technician practical exam. Even if it's not just for the exam, anyone interested in implementing a site that meets web standard formats is welcome.

(4.0) 5 reviews

85 learners

Level Basic

Course period Unlimited

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

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

What you will gain after the course

  • You don't need a high score to pass the certification exam! Just those who want to pass

  • Understanding the types of questions on the Web Design Technician practical exam

  • Web Design Technician Practical Problem Solving and Practice

  • For those who want to prepare for the exam by extracting only the necessary content in a short period of time

  • HTML/CSS+jQuery Core Theory Practice

Get ready for something easy, short, and strong!
Complete Guide to the 2021 Web Design Technician Practical Exam

Study short and powerfully for one month!

Study hard for about 30 days, you can pass even if you don't know the 'code' of coding.
Just pick out the content you need, study it, and you will pass.
Save time by extracting only the content you need to pass!

✅ You will discover the joy of coding through easy and fun lessons!
✅ One thing to note is that it is a good class to learn and study the basics of web standards. I would appreciate it if you took the HTML basics class on Inflearn and took the class!
✅ If you want to get a job in web design? In particular, those with a web design qualification are often given preference. That's because they are prepared.

What you will learn in this course ✔

  • Identify and analyze the problem types, select only the necessary content, and learn easily!
  • Web Design Technician Practical Exam Questions, Complete Guide Without Any Gaps
  • Learn how to design HTML information
  • Creating screen layouts with CSS
  • Creating dynamic screens with jQuery (slides, navigation, tab menus, layer popups)
  • You can memorize the parts you don't understand. Making slides isn't difficult!
  • jQuery Slide Animations (Horizontal Slide, Vertical Slide, Fade-In/Out Slide)
  • Essential Photoshop CS6 usage and image production video for the web design technician practical exam
  • Download the final 12 production files

📚 Lecture Structure

Section 00. Introduction to the practical exam course for web design technician certification

  • Introduction to the practical exam course for web design technician certification
  • Web Design Technician Practical Examination Procedure, Tips, and Submission Method

Section 01. Learn how to use the editor used for coding

  • How to use Brackets and use shortcut keys
  • How to use Emmet in Brackets and use shortcuts)
  • Brackets Live Preview (Creating a Web Design Technician Practical Exam Folder Structure)

Section 02. Creating content images using cs6

  • How to create an image
  • How to create slider images with improved readability

Section 04. Identify and create A, B layout

  • Full Prototype Design
  • Type 1) AB header CSS/Script
  • Type 2) AB header CSS/Script
  • Type 3) AB header CSS/Script
  • Type 4) C header CSS/Script
  • Type 5) C header CSS/Script
    • Type 1) Slider (left-right type) CSS/Script
    • Type 2) Slider (top-bottom) CSS/Script
    • Type 3) Slider (Fade-in/out type) CSS/Script
    • Type 1) Content CSS/Script(Tab menu/popup)
    • Type 2) Content CSS/Script(Tab menu/popup)

    • Footer CSS
    • Check the final completed file

    Section 05. Essential Check! Raise your score

    • Essential items for high scores on the web design practical exam (tips, deductions, error checks, etc.)

    ※ Download the completed version (follow along once for each type!)

    1. [01A-1] Completed production version
    2. [02A-2] Completed production version
    3. [03A-3] Completed production version
    4. [04A-4] Completed production version
    5. [01B-1] Completed production version
    6. [02B-2] Completed production version
    7. [03B-3] Completed production version
    8. [04B-4] Completed production version
    9. [01C-1] Completed production version
    10. [02C-2] Completed production version
    11. [03C-3] Completed production version
    12. [04C-4] Completed production version

    Recommended for
    these people

    Who is this course right for?

    • If you have a fear of coding, we'll make it one stitch at a time!

    • If you want to learn the basic principles and coding that meets web standards

    • If you want to learn the core technologies of web standard coding!

    Need to know before starting?

    • Basic HTML/CSS knowledge

    Hello
    This is lizb

    785

    Learners

    43

    Reviews

    92

    Answers

    4.7

    Rating

    7

    Courses

    View the reviews for the instructor's offline government-funded course

    Go to "Responsive Web Design Training Course" Reviews
    (2022.03-2022.07)

    From March until now, it may have been a long time for some and a short time for others, but for me, it was a truly important and valuable period in my life. Although I had some prior knowledge, I felt lost and overwhelmed, not knowing how to proceed, which direction to take, or what to do. However, thanks to the teacher's sincere and dedicated guidance, I was able to achieve significant growth in both my technical skills and career preparation. Thanks to this, my confidence has grown a lot, and I feel like I will do well even after getting a job! I am so grateful to Teacher Bang Mi-jung, who led the classes, and the other career advisors! :) I’m leaving now after successfully finding employment! I hope the students in future cohorts stay strong and gain great experiences as well! Fighting! :)

    I took the Web Publisher training course from March to July :) I took on this challenge knowing nothing but design, but I feel like I'm leaving with so much thanks to the support and encouragement from my teacher and classmates. I will continue to study hard based on what I learned at the academy~~ I am so grateful to teacher Bang Mi-jung, who always taught me kindly, and to the other career support teachers!

    Go to "Front-end Developer Training Course" Reviews
    (2020.11.17-2021.05.11)

    The training course was so interesting that the six months felt short. Although coming up with ideas and designing took a long time at first, I felt proud to see my skills gradually improve as I gained know-how and significantly shortened my work time through the course. For someone like me who couldn't find a career direction, the lessons learned through this training were not only my own knowledge but also a milestone that guided my path. My classmates in Room 3 of the Frontend Developer Training Course and Instructor Mi-jeong Bang, whom I studied with for six months, were great connections and a huge source of support. I am so grateful to Instructor Mi-jeong Bang, the employment support team, and the administrative staff for their hard work, which I believe helped me secure a job even before completing the course. Since there are many other great programs available, I would like to recommend Daewoo Vocational Training Institute to juniors and friends who, like me, have fears about employment or are struggling to find their career direction.

    When I first arrived, I worried a lot about whether I could actually get a job after taking this course, since I had never learned design or coding before. However, those worries disappeared the more I attended. I learned so many things, including Illustrator, Photoshop, HTML, CSS, JS, and Vue. It might be difficult at first because there is so much new information to take in, but you don't need to worry because the passionate teacher, Bang Mi-jung, explains everything so well. ㅎㅎ Looking at reviews for other academies, I've seen cases where they use the same repetitive curriculum every year, or where teachers don't even know the answers to questions. But our teacher was always passionate about teaching us new things and was so knowledgeable that I received a lot of help! If you want to become a web publisher or a web designer, I highly recommend this course.~~

    In November 2020, I happened to come across an excellent institution called Daewoo Vocational Training Institute, and I am truly grateful to have met a wonderful teacher and received such great education there. If I hadn't taken this training course, it would have been difficult for me to have the job opportunities I have now. After graduating from university, I was lost and wandering at a crossroads in my career. During that time, the 5-6 month curriculum—filled with the teacher's actual field experience and know-how that is hard to find anywhere else—became a period of great learning and growth for me, even though I knew nothing about web development. Based on this, I learned various aspects of design and web development and was able to create my own portfolio. There were several moments when I wanted to give up because learning coding languages was so unfamiliar and difficult, but thanks to the teacher's passion and guidance—teaching me ten times over if needed—I was able to secure a job early (after completing over 80% of the course) and finish the program successfully. I would like to express my deep gratitude to the teacher and the Daewoo Vocational Training Institute for making it possible for me to find my first job and make a fresh start.

    They explained things in a way that was easy for even non-majors to understand, and thanks to that, I was able to get a job. I am very happy that I took this course.

    The curriculum explains design and coding tools step-by-step starting from the basics, tailored for practical use in the field. It was very helpful because the teacher did their best to support me so that I could work independently. This education shattered the prejudice that government-funded classes are of low quality. My teacher was also very proactive and always tried to teach new things, which allowed me to learn a lot.

    They explained things in a way that was easy for even non-majors to understand, and thanks to that, I was able to get a good job. I am so glad I took this course.

    In addition to the knowledge I already had, I learned a wide variety of new things through the training at the academy. They provided practice sessions so I could obtain certifications, and although it was difficult for me, I learned enough to understand most coding-related terms. I am relieved and happy because I was able to secure a job while taking this course.


    I majored in architecture, and it has been over 20 years since I first connected with web design. After experiencing many ups and downs while balancing practical work and teaching, I have come to truly love this profession, and my interest and sense of accomplishment drive me to work even harder. I hope to share the knowledge I have gained to help more non-majors enter this field easily, and I sincerely wish for all your dreams to come true.

    Lucete!

    Inquiries regarding lectures email: loo4love90@gmail.com

     

     

    Teaching Experience  

    • 2018.3 - Present. Web Design/Multimedia/Front-end Specialist Course in progress

    • Elice Academy `HTML / CSS in a Class of Its Own` Preparing to open

    • Elice Academy `JavaScript in a Different Class` preparing to open

    □ Current Instructor for Frontend / Multimedia / Web Content courses at Daewoo Vocational Training Institute
    □ UI/UX Web Publishing Lecture at Hi Media

    □ Ezen Computer UI/UX Web Publishing Lecture
    □ The Joeun Computer Academy Jongno Campus Web Design Lecture
    □ The Joeun Computer Academy Gangnam Campus Web Design/Graphics Lecture
    □ Youngjae Vocational School Web Design Lecture

     

      Certification  

    □ Web Design Technician Certification
    □ Computer Graphics Operation Technician Certification

    □ KPC Certified Instructor (GTQ, GTQi, GTQid) Certificate

    Vocational Education and Training Instructor Grade 3 (Information Technology, Design, Cultural Content, IT Strategy & Planning)

    IT Operations)
    □ Computer Literacy Level 1

     

    More

    Curriculum

    All

    34 lectures ∙ (5hr 46min)

    Course Materials:

    Lecture resources
    Published: 
    Last updated: 

    Reviews

    All

    5 reviews

    4.0

    5 reviews

    • cherryberries6587님의 프로필 이미지
      cherryberries6587

      Reviews 1

      Average Rating 4.0

      4

      100% enrolled

      If you don't know the basics of HTML and CSS, you won't be able to understand anything. Since it goes straight through without a brief explanation, you'll have to keep looking it up even after following along, so I think you should watch it with some basic knowledge. It seems more convenient to watch it to quickly pass the practical exam in a short period of time, and there are more contents that can be used usefully when actually creating a website. It uses more diverse structures than other lectures, so it can be convenient when creating an actual website. However, those who want to quickly obtain a technician's license almost always memorize it and proceed, but if you don't follow the overall flow properly, you won't be able to use it, and it might be difficult to memorize it and apply it in a short period of time because it's complicated. I'd like to recommend it to those who want to slowly understand the flow and create it more conveniently. I think I'll only use the brief parts for now, but I think it would be good to continue studying by looking at it again when I actually create a website later.

      • lizb
        Instructor

        Thank you for your feedback, Cherry ^^~ I also wish I had thought more deeply about the position of those taking the technical engineer exam and made the lectures with content that can be easily understood with simple memorized code. As you said, it would be helpful if you take the class when you have time, but I think I overlooked the fact that most people prepare for the exam when they don't have much time left! I will try to think more from the students' perspective and make helpful lectures based on your words. And I launched a new basic lecture, so I think the new lectures will be of great help in filling in the gaps. Thank you for your sincere feedback, and I hope you pass!

    • enyalife12235952님의 프로필 이미지
      enyalife12235952

      Reviews 3

      Average Rating 5.0

      5

      18% enrolled

      It may be a bit difficult for beginners, but if you have some basic knowledge, it's okay. It was a great help in preparing for the practical test for the web design function certification.

      • lizb
        Instructor

        Thank you. I hope you pass the certification exam.

    • apollothegam3r1798님의 프로필 이미지
      apollothegam3r1798

      Reviews 2

      Average Rating 4.0

      4

      100% enrolled

      First of all, if you don't know the basics about HTML, CSS, and JavaScript and watch this lecture, it will be quite difficult.. The progress is too fast and the explanations are explained in a flowing manner.. For example, the explanations are focused on memorization rather than principles and understanding, so from the viewer's perspective, I think there should be more explanation.. I recommend it to those who want to study JavaScript code more with basic knowledge.. (And you need to be a bit faster to watch the lecture..) I bought the lecture because I wanted to copy the 12 examples in the student-provided files, but it felt like the site was made with specifications several times higher than the specifications required for the technician exam.. It felt like it was made easy for the instructor's standards rather than for the beginners' standards..? In conclusion, I think the files provided to the examinees are more beneficial than the lectures. I think you will be satisfied if you study the basics in the complete beginner course and watch this lecture.

      • lizb
        Instructor

        I agree that it was difficult and that the explanation was insufficient, and I will definitely reflect it in the next lecture and work on it. When I was making the lecture, I thought a lot about whether to include a beginner's lecture, but since Inflearn and many other free lectures exist, I think I missed that part. I regret not including that phrase in the detailed lecture description. I will reflect it even now. Apollo TV, you worked hard studying, and I hope you have a lot of good things.

    • chloe360님의 프로필 이미지
      chloe360

      Reviews 22

      Average Rating 5.0

      5

      100% enrolled

      Hahahaha

      • chocousb8145님의 프로필 이미지
        chocousb8145

        Reviews 1

        Average Rating 2.0

        2

        24% enrolled

        Today is the first time I'm starting I think someone who doesn't have basic knowledge of html, css, etc. will regret taking the class. I'm in the 8th of 26 classes, but I think I need to listen to it more to know the overall course review.

        • lizb
          Instructor

          I have included basic HTML CSS as prerequisite knowledge. I guess you had a hard time with the class. I will compensate you with more informative lectures in other lectures.

      lizb's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!

      $38.50