로그인을 해주세요
웹표준 기초편┃HTML/CSS 기초부터 반응형 웹까지, 웹표준 제대로 배우기
장바구니
수강신청
“웹디자인과 웹 퍼블리셔 취업을 위한 첫걸음!
HTML/CSS 기초부터 웹표준 코딩, 반응형 웹 제작까지, 현업에 필요한 모든 것을 배워보세요.”
본 강좌는 웹 코딩을 처음 배우는 입문자를 위한 기초 강좌입니다.
HTML과 CSS의 기본 개념을 체계적으로 다루며, 단순한 태그 암기를 넘어 웹에 대한 표준 코딩 방식을 이해하고 활용하는 데 중점을 둡니다.
레이아웃(Flexbox), 반응형 웹, 웹 접근성 등 실제 웹사이트 제작에 필수적인 기술을 학습하며, 웹 디자이너나 웹 퍼블리셔로 취업하는 데 필요한 실무 능력을 갖출 수 있도록 구성했습니다.
이 강좌를 통해 웹 코딩의 탄탄한 기초를 다지고, 관련 자격증까지 취득할 수 있는 기반을 마련하세요.
🔹웹 문서를 구성하는 HTML 태그의 종류와 용도를 정확히 이해하고 활용할 수 있습니다.
🔹HTML을 아름답게 꾸며주는 CSS의 기본 문법과 Position, Flexbox를 이용한 레이아웃 구성 능력을 갖출 수 있습니다.
🔹웹표준 및 웹 접근성에 맞는 코드를 작성하여 모든 사용자가 웹사이트를 편리하게 이용하도록 만들 수 있습니다.
🔹웹 코딩을 처음 배우는 완전 초보자
🔹웹 디자이너, 웹 퍼블리셔로 취업을 희망하는 분
🔹그래픽 디자인 프로그램만 다루며 웹 코딩 지식이 부족한 분
🔹웹 관련 자격증을 취득하고자 하는 분
강좌는 웹페이지를 구성하는 HTML과 스타일을 담당하는 CSS를 중심으로 구성되어 있습니다.
Part 1. HTML & CSS 핵심 기초
웹페이지의 골격인 HTML 문서의 기본 구조와 폼 입력 태그를 배웁니다. 이후 웹페이지를 꾸미는 CSS에 대한 학습이 시작됩니다.
CSS의 기본 문법과 함께, 웹페이지의 요소를 원하는 위치에 배치하는 데 필수적인 Display, Position, 그리고 최신 웹사이트 레이아웃의 핵심인 Flexbox를 집중적으로 다룹니다.
Part 2. 웹표준 & 반응형 웹 실전
이론을 바탕으로 실제 웹페이지를 제작하는 방법을 배웁니다.
웹표준 헤더와 웹 접근성에 맞는 GNB(Global Navigation Bar)를 다양한 유형으로 구현해 보며 실전 감각을 키웁니다.
테이블과 폼의 스타일을 다루는 방법을 배우고, 마지막으로 다양한 디바이스(PC, 모바일 등)에 맞춰 화면이 유연하게 변하는 반응형 웹을 구현하는 기술까지 익힙니다.
강의목차(총 27강)
- Part 1. HTML & CSS 핵심 기초
-
1. 01강 HTML 시작 24분
2. 02강 HTML 문서의 기본 구조 22분
3. 03강 폼 입력 태그 24분
4. 04강 그 밖의 출력 태그 22분
5. 05강 CSS 시작 30분
6. 06강 CSS 기본 스타일 30분
7. 07강 Reset CSS 작성 15분
8. 08강 Display CSS에 대한 이해 29분
9. 09강 Position CSS에 대한 이해1 19분
10. 10강 Position CSS에 대한 이해2 21분
11. 11강 Flex Layout에 대한 이해1 30분
12. 12강 Flex Layout에 대한 이해2 25분
- Part 2. 웹표준 & 반응형 웹 실전
-
13. 01강 웹표준 헤더 작성 23분
14. 02강 웹 접근성 헤더 작성 25분
15. 03강 디바이스 별 컨테이너 작성 34분
16. 04강 웹표준 GNB 유형1 24분
17. 05강 웹표준 GNB 유형2 19분
18. 06강 웹표준 GNB 유형3 35분
19. 07강 폰트 아이콘 작성 15분
20. 08강 테이블 기본 스타일 25분
21. 09강 테이블 활용 스타일1 20분
22. 10강 테이블 활용 스타일2 27분
23. 11강 폼 기본 스타일 38분
24. 12강 폼 활용 스타일1 23분
25. 13강 폼 활용 스타일2 29분
26. 14강 반응형 기본 스타일 29분
27. 15강 반응형 활용 스타일 29분
