![웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)강의 썸네일](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)
두노피
전국 합격률 60%중에 우리반 합격률은 90%! 시험요구사항을 파악하면 가능합니다. 실기 책 사지마요 어려워요
초급
HTML/CSS, jQuery
Through this course, you can learn how to solve Web Design Development Technician A3 problems using display:flex.
html, css, jquery
Web Design Development Craftsman
This lecture is an instructional video for test takers preparing for the A3 type of the Web Design Technician practical exam. The A3 type is one of the most frequently tested types in the practical exam, requiring the integrated use of all three technologies: HTML, CSS, and jQuery. In this lecture, we first guide you through the overall structure and requirements of how the A3 type is presented in the actual exam, then explain each area step by step.
First, in the HTML part, we introduce how to set up the basic structure of a document along with the usage of tags that frequently appear in exams (such as header
, nav
, section
, footer
, etc.). Especially in the practical exam,
links, and [[IMG_5/]]
image insertion. This lecture carefully teaches through examples how to properly position these elements and assign attributes.
Moving on to the CSS section, we cover connecting external stylesheets and various selector usage methods and style property setting techniques. For example, we explain core style properties like position, float, flex, margin, padding, text-align, and font properties through actual examples. We also cover implementation strategies for style composition methods frequently tested in practical exams (top menu, banner, content box, footer, etc.), and help develop a sense of how to implement designs with CSS.
Finally, in the jQuery section, we explain dynamic functionality implementation mainly required in exams. jQuery has the advantage of quickly implementing simple interactions such as showing/hiding HTML elements (toggle), show and hide effects, tab menus, image changes, and adding/removing classes. The lecture covers jQuery's basic syntax, basic structure setup using $(document).ready(), event handling on button clicks, dynamic control of specific areas, and other code that can be directly applied in practical exams.
This video goes beyond simple explanations and focuses on showing real-time practical skills and coding sequences required in exam situations. It's explained in a Kind and step-by-step manner so beginners can understand, and learning efficiency is very high because it explains the intention behind each line of code. Examples similar to actual exams are also included, making it useful for review purposes.
Through this lecture, we will help you approach the A3 type exam with confidence, and you can learn the entire flow from HTML structure creation → CSS styling → jQuery functionality implementation. If you're aiming for high scores in practical exams, please watch until the end!Who is this course right for?
Those who want to solve it with display:flex
Those who want to pass certification exams
Need to know before starting?
HTML Fundamentals
CSS Fundamentals
jQuery Fundamentals
1,250
Learners
15
Reviews
24
Answers
5.0
Rating
9
Courses
웹디자인기능사 실기
전국 평균 합격률 60%에
우리반은 90% 합격중이지용~용용~
All
3 lectures ∙ (24min)
Limited time deal ends in 4 days
$11,550.00
25%
$12.10
Check out other courses by the instructor!
Explore other courses in the same field!