📘 강의 소개
국내 웹 서비스에서 가장 많이 쓰이는 온라인 서식형 UI를 직접 구현해보는 실전 퍼블리싱 강의입니다.
단순한 템플릿 복붙이 아닌, 로그인/회원가입/약관동의/게시판 글쓰기/상세검색 등 10가지 서식 구조를 HTML + CSS로 설계하고 구현합니다.

🚫 JavaScript 없이도 강력한 폼 구현!
WAI-ARIA 속성을 활용하고, 실제 화면낭독기(VoiceOver) 테스트까지 반영하여 접근성까지 고려한 실무 퍼블리싱을 배울 수 있습니다.

💡 이런 분께 추천해요

• HTML/CSS는 익혔지만 실무 서식 구현은 처음인 분
• 로그인/회원가입/동의 폼을 직접 구현해야 하는 퍼블리셔
• 웹 접근성과 폼 마크업을 함께 익히고 싶은 개발자
• 마크업 구조에 대한 자신감을 키우고 싶은 웹 입문자

🧩 포함된 서식 UI 유형 (총 10종)

• 로그인
• 아이디, 비밀번호 찾기
• 상세검색
• 상담신청
• 회원가입
• 약관 동의 & 체크 처리
• 게시판 글쓰기
• 다단 필드 구조 & 그룹화 예제 등

📦 강의 구성

• 총 10개 강의 영상 (각 30분 ~ 1시간 분량)
• HTML + CSS 예제 소스 제공
• WAI-ARIA 적용 구조 예시
• 화면낭독기 테스트 포함 일부 예제

⏰ 수강 정보

• 수강 기간: 1개월 열람권
• 가격: ₩19,000
• 강의 난이도: HTML/CSS 기초 이상
• 사용 기술: HTML5, CSS3, WAI-ARIA

❓ FAQ
Q. JavaScript 기능도 구현하나요?
→ 아닙니다. 본 강의는 순수 HTML + CSS로만 구성되어 있으며, 자바스크립트는 포함되지 않습니다.

Q. 반응형 서식도 포함되나요?
→ 본 강의는 데스크탑 중심 서식 구조를 다루며, 반응형은 별도 강의에서 제공합니다.

📌 수강 전 꼭 확인하세요

• 실습을 위해 코드 에디터(VSCode) 사용을 권장합니다.
• 화면낭독기 테스트는 Mac VoiceOver 기준으로 설명합니다.
• HTML 시멘틱 구조, CSS 기본 지식이 있는 수강자에게 적합합니다.

✅ 정복이 아니라, 구조화입니다.
폼은 디자인보다도 구조가 핵심입니다. 각 UI는 실무에서 바로 활용할 수 있도록 설계되었으며, 접근성과 재사용성까지 고려한 설계력을 키워보세요.

지금 바로, 리베하얀과 함께 국내 온라인 서식형 UI 완전정복 Vol.1을 시작하세요!