위치

요일

가능
시간
(날짜)

  • 오후 6시~9시 (2019-04-21)
  • 오후 6시~9시 (2019-04-21)
  • 오후 6시~9시 (2019-04-21)
장소 : 서울시 송파구 문정동 651-15 문정법조인단지 파트너스 빌딩2
추가비용 : 없음
신청하신 분들께 보다 상세한 강의장 주소와 수업자료가 올라와있는 밴드초대 링크를 보내드리고 있습니다.
₩24,000원 / 시간
₩288,000 / 총 4회 12시간
실시간 톡하기 찜하기
최성일
hadaboni
비전공자, 디자이너를 위한 HTML5,CSS3
  • 잠실
  • 3시간/회
  • 최대인원:4~6
  • ₩24,000/시간

튜터정보

  • 신분 인증 됨
안녕하세요. 이번에 비전공자 디자이너를 위한 HTML5,CSS3수업을 진행하는 최성일입니다.

서울 성균관대학교에서 예술학부 섬유미술을 전공하고 현재는 조그맣게 웹에이전시를 운영하며 UI/UX디자인, 프론트엔드, 백엔드개발을 담당하고 있습니다.


서울산업진흥원과 기업체, 대학등에서 비전공자들을 위한 프로그래밍 특강을 진행하고 있으며 주말에 사무실에서 취업, 이직, 창업준비를 위한 실무관련 그룹과외를 진행하고 있습니다.


그동안 진행했던 프로젝트
- 대한주택보증
- 한국의집
- 외교부
- Olleh KT
- 쌍용자동차
- 예술의전당
- Gallaxy S Internation Poromotion


저서
인터랙티브 웹디자인북 -한빛미디어
https://book.naver.com/bookdb/book_detail.nhn?bid=8994305


수업소개

일단 저부터가 대학에서 순수미술을 전공한 비전공자로 시작을 했기때문에 비전공자와 디자이너분들이 처음 프로그래밍에 접할때 현실적으로 느끼는 코딩에 대한 거부감을 누구보다 잘 알고 있으며 나름대로의 수업노하우도 가지고 있다고 자부합니다.


유튜브강의나 생활코딩 기타 일반 국비교육원에서 손쉽게 접할수있는 기초 문법이 아닌 실무에서 부딪히게 되는 현실적인 예제위주로 커리큐럼을 구성하였습니다.

수업대상

  • 해당 수업은 아래와 같은 분들을 대상으로 커리큐럼을 구성하였습니다.

    - 보다 다양한 UI 인터랙티브 모션을 배우고자 하는 웹디자이너, 웹퍼블리셔

    - 기존 회사에서 HTML, CSS로 웹사이트 UI를 담당하고 있지만 현재 작업하는 방식에 의구심이 드는 신입 웹퍼블리셔

    - 비전공자로써 웹개발자 혹은 웹디자이너로 취업을 준비하고 있는데 어디서부터 시작해야 될지 모르는 분

    - 기존 국비학원이나 동영상강좌를 통해 기본 HTML,CSS문법은 알고 있지만 실제 웹페이지를 제작해 본적이 없는 취업준비생

커리큘럼

1회차

1주차 예습영상

- 웹 UI/UX의 개념

- VS Code 설치 및 세팅

- HTML, CSS 기본 문법

- Float & Position 의 개념

- 실무 예제를 통한 기초문법의 활용

1주차 본수업

- 일반적인 기업형 사이트의 구성요소및 레이아웃 분석

- 반응형웹 제작을 위한 효율적인 레이아웃 제작 노하우

- 다양한 HTML,CSS관련 크로스브라우징 이슈 및 해결방법

2회차

2주차 예습영상

- 레티나 디스플레이의 이해및 다양한 모바일 디바이스에서 레이아웃의 이해

- 반응형웹의 구조 및 레이아웃 분석

- 실무 예제를 통한 사례별 웹 컨텐츠 제작

2주차 본수업

- 해상도별 미디어쿼리를 활용한 효율적인 반응형웹 제작

- 버티컬 네비게이션 형태의 웹레이아웃과 풀스크린 레이아웃의 반응형웹 제작 기법

- 메트로 UI 레이아웃 제작기법 및 유의사항

3회차

3주차 예습영상

- 폼태그, 테이블 태그를 활용한 서브페이지 제작 및 반응형

- 인터랙티브 웹모션의 활용을 위한 HTM5, CSS3 기본문법 소개

3주차 본수업

- SVG의 ViewBox, Path의 개념과 백터방식 웹 모션의 활용

- SVG, CSS3를 활용한 다양한 웹모션 제작

- 웹 페이지에 사례별 UI 인터렉션 컨텐츠 적용

4회차

4주차 예습영상

- FLEX 의 이해 및 기본 문법 설명

4주차 본수업

- FLEX를 활용한 효율적인 반응형웹 페이지 제작

튜터영상

리뷰

리뷰쓰기

실시간톡

실시간 톡하기

위치

지도가 들어갑니다.