HTML/CSS
디자인(웹/편집/공간)
HTML/CSS란 무엇인가요?
HTML/CSS의 수업 목표는 무엇인가요?
HTML/CSS의 수업 포인트는 무엇인가요?
HTML/CSS의 수업 방식은 무엇인가요?
HTLM/CSS 수업의 사전 준비 항목은 무엇인가요?
과제와 복습을 할 수 있도록 Visual Studio Code 프로그램을 설치할 수 있는 컴퓨터
없음
VS Code
HTML/CSS 수업의 취업분야 및 전망은 어떤가요?
HTML/CSS
HTML의 정의와 기본 지식을 익히고 웹 표준과 웹 접근성, 크로스브라우징의 개념을 정리합니다. 마크업에 대한 설명 및 HTML 기본 문서 구조를 파악합니다.
인라인/블록 요소별 태그를 분리하여 어떤 태그들이 있는지 배워봅니다. 실제로 마크업을 하여 각각의 태그들이 어떤 특성을 가지고 있는지 알아봅니다.
구조를 담당하는 시멘틱 태그의 역할과 사용법을 학습합니다. 다양한 구조를 만들어 보면서 태그 활용법을 익힙니다.
스타일 시트 사용과 개념을 이해하고 기본 문법을 학습합니다. 파일 관리 및 네이밍 규칙에 대해 알아봅니다. 다양한 CSS 선택자 종류를 학습하고 올바른 사용법을 익힙니다.
다양한 텍스트 관련 스타일 속성과 컬러 속성에 대해 알아봅니다. 퍼블리싱에서 사용되는 단위들에 대한 개념을 정리합니다. 웹에서 사용하는 폰트의 사용법을 실무 방식에 맞춰 배웁니다.
여백 속성에 대해서 알아보고 여백의 활용법을 익힙니다. 태그를 변형 시켜주는 속성의 사용법을 배웁니다. 변형과 전환 효과를 이용하여 간단한 동적 구현을 실행시켜 봅니다.
사이트의 구조 당담하는 배치 속성들에 대해서 배워봅니다. FLOAT, POSITION, DISPLAY 그리고 FLEX의 여러 속성까지 익힐 수 있습니다.
디바이스별 특징과 반응형 웹의 상관관계를 알아봅니다. PC, TABLET, MOBILE 디바이스의 브레이크 포인트를 구분하여 작성할 수 있습니다.
웹 디자인 기능사 예제 1종을 마크업 해봅니다. 기본적인 웹의 구조를 파악하고 구조에 맞는 태그 사용을 익힐 수 있습니다. 웹 디자인 기능사 자격증 취득을 위한 기반을 다져봅니다.
실제 구현되어 있는 웹사이트를 따라 제작해봅니다. 웹사이트를 만들기 위해 사용되는 태그의 응용법을 배워봅니다. 제이쿼리로 표현하는 동적인 부분 미리 파악할 수 있습니다.