주차 | 주요내용 | 커리큘럼 |
---|---|---|
1주 | HTML5 기본요소 |
오리엔테이션, Html기본 마크업의 의미와 구축방법 dom의 의미 div 의 의미와 활용 doc타입의 의미와 중요성 설명 기본 골격 구축 html 태그의 이해, mark-up의 이해 |
2주 | CSS 개념이해 |
박스모델에 관련된 설명 마진 패딩의 개념 블록요소와 인라인 요소, 인라인 블록요소에 대한 설명 CSS의 개념 설명 CSS 호출방법(경로설정) CSS 사용방법 CSS의 주요 속성 설명, 디스플레이, 인라인 블록요소 변경 CSS를 이용해서 마크업 된 div 변경해보기 CSS 기본속성 position, float, overflow z-index, margin, padding, border CSS 선택자의 이해 테이블 코딩, 폼 인풋 이해하기 |
3주 | TABLE 구성요소 |
웹사이트 실습 크롬을 활용하여 코드 검사 하기 FTP의 이해 및 웹파일 업로드 상대경로와 절대경로의 이해 html5 시멘틱 마크업 컨텐츠에 게시판 형태 테이블과 페이징 형태 넣어보기 |
4주 | CSS 속성이해 |
웹폰트의 이해, pseuo셀렉터의 이해 리셋 CSS의 이해 웹폰트 활용한 아이콘 넣기 홈페이지 프레임 코딩 실습 inline-block 공백없애기 |
5주 | 웹 접근성과 웹 표준. HTML5+CSS3 |
웹접근성과 웹표준의 이해 , 웹접근성 코딩의 기초 웹접근성 코드로 화면 코딩 |
6주 | 웹표준 마크업 구축 |
웹접근성에 기반한 웹표준 마크업 구축 방법 및 사례 소개 웹접근성에 기반한 웹표준 마크업 구축 |
7주 | CSS 활용1 |
CSS2.0 과 3.0의 차이, CSS3.0 을 활용한 CSS코드 기초 CSS 2.0 과 3.0의 차이를 이해를 위한 라운드형 버튼 코딩 |
8주 | CSS 활용2 |
CSS3.0을 이용한 애니메이션 적용 CSS3.0을 이용한 로딩바 만들기 실무 웹퍼블리싱 Html, CSS공통 규격 만들기, 사례소개 |