본문 바로가기 메뉴 바로가기

디자이너를 위한 HTML/CSS 과정

디자이너를 위한 코딩 수업 HTML/CSS가
보이다. - 3

Online(ZOOM)

진지하게 코딩을 시작하고 싶은 분들을 위한 수업입니다.

특전
1. 출판예정이며, 모두 그림으로 설명한 정을수 선생님의 PDF북(약 800p)을 드립니다.
2. ZOOM 수업시 줌의 녹화 기능을 이용해서 매수업이 끝날 때마다 녹화된 영상을 드립니다. (개인 소장용, 복습용)
난이도
초급
수업의 대상
한번도 코드를 접해보지 않았지만, 진지하게 시작하고 싶은 분들
대학생 혹은 취업 준비자
디자이너이면서 코딩업무를 병행하셔야 하는 분들
프론트엔드 개발자를 준비하시는 분들
개인 쇼핑몰이나 블로그를 운영하는데 HTML/CSS를 다루셔야 하는 분들
책이나 강의를 들어도 이해가 어려운 분들
개념이 선명하지 않아 우연하게 작업이 이루어지는 분들

수업
월, 목
강의 횟수
7회(21시간)
시간
19:30~22:30
기간
예약중
장소
온라인
강의료
0

예약시 요일을 월/수로 선택해주세요.
4명 이상 모집 시 개별 연락후 진행, ZOOM 라이브수업
문의 010-2841-0692 / eulsoo.jung@gmail.com

안녕하세요.
Step3. 포트폴리오과정입니다.

1회차 - 반응형 사이즈 계산

- 새로운 계산식

- % 계산 훈련

- 노멀플로우, 플롯, 포지션층에서의 사이즈 계산

- 고정된 간격을 가진 %상자

- 유동된 간격을 가진 %상자

2회차 - 반응형 상자안의 이미지, 비디오

- 비디오 비율 다루기

- 이미지 비율 다루기

- 배경이미지 비율 다루기

- %상자안에서 이미지와 비디오 정렬

- picture태그에서 쿼리문 사용하기

3회차 - 미디어쿼리

- 미디어 쿼리문의 종류

- 3가지 사이즈로 미디어 쿼리 사용하기

- 블로그에 미디어 쿼리 적용해 보기

4회차 - 반응형 페이지 클론 실습

- 레이아웃

- %작업

- 상단메뉴

- 비주얼 영역

5회차 - 반응형 페이지 클론 실습

- 내용 모듈화 작업

- 슬라이더

- 미디어 쿼리 작업

6회차 - 반응형 페이지 클론 실습

- 풋터와 마무리

- 모던 레이아웃 - 플렉스란?

- 플렉스의 옵션들

점층적으로
더해가며
능률을 높입니다.

step1. 파운데이션
step2. 트레이닝
step3. 포트폴리오

html/css가 보이다. 수업은 한 과정이 끝날때마다 그 다음 과정을 모집합니다.

7회차 - 모던 레이아웃

- 그리드 모드 사용하기

- 그리드의 옵션들

- 그리드 VS 플렉스