웹 개발의 기초부터 실전 프로젝트까지 HTML, CSS, Bootstrap을 활용한 학습 및 실습 코드
챕터 | 내용 | 학습 요소 |
---|---|---|
ch1 | 웹 개요와 실습환경 구축 | HTML 기본 구조, 문서 구성 요소, 기초 태그 활용 |
ch2 | HTML 태그 | 기본 태그, 입력양식 태그, 공간분할 태그, 시맨틱 태그 |
ch3 | CSS 선택자 | 선택자 유형, 스타일 적용 방법, 레이아웃 설계 |
ch4 | CSS 속성 | 다양한 입력 요소, 폼 유효성 검사, 사용자 상호작용 |
ch5 | Bootstrap 활용 | 그리드 시스템, 반응형 컴포넌트, 모바일 최적화 기법 |
과제명 | 설명 | 학습 요소 |
---|---|---|
foodshop | 식품 쇼핑몰 메인 페이지 구현 | 반응형 레이아웃, 상품 그리드, 네비게이션 |
real113 | 부동산 웹사이트 클론 코딩 | 디자인 모방, 레이아웃 구성, 스타일링 적용 |