WORKSHOP | 워크샵

워크샵 과정은 다양한 디자인 분야에서도 독자적인 영역을 확보하고 있는 스페셜 교육에 주목합니다.
전문가의 축적된 노하우와 메이킹 스타일을 통해 새로운 크리에이티브의 세계를 경험할 수 있는 스페셜 코스 입니다.

HOME > 워크샵 > 과정소개

디자이너를 위한 HTML/CSS 실무 웹표준_초급 (47기)

내용 타이틀 이미지
기  간 2018-05-09 - 2018-06-18
시  간 (월/수) 19:00 - 21:50
강  사 차영신
장  소 아카데미정글(강남 신사)
모집인원 20명 [결재선착순 모집]
수강료 420,000원    [카드 2~6개월 무이자할부 가능]

안내 : 휴강안내 : 5월 21일

 강의 개요

line 이미지
웹표준(Web standards)이란 무엇일까?

웹표준이란 웹을 만드는데 전세계적으로 지켜야할 표준입니다.
새롭게 나오는 거의 모든 기기들(스마트폰, 스마트패드, 스마트 TV 등)은
이제 웹을 사용하게 될 것이며 이 기기들에는 웹표준을 따라
렌더링할 수 있는 브라우저가 장착됩니다.

이런 웹표준 HTML/CSS를 배운다는 것은 디자이너로서 혹은
기획자 개발자까지 앞으로 아주 중요한 무기를 갖는다는 의미입니다.


html/css 이미지1
웹표준, 디자이너가 왜 배워야 할까?

웹 페이지는 적게는 몇 십 페이지 많게는 수만 페이지로 이루어지기 때문에
규칙을 기반으로 디자인되어야 하며 규칙이 지켜진 웹 페이지야말로 웹다운 큰 힘을 갖게 됩니다.
따라서 웹표준을 아는 웹 디자이너는 크리에이티브한 시각언어를
규칙 안에 담아 내어 현장감 있고 현실성 있는 디자인을 만들어낼 수 있게 됩니다.

코드라는 규칙 안에서 창의적인 디자인을 만들수 있는
진짜 웹디자이너가 어느때 보다 필요한 시대입니다.


html/css 이미지2

 강의 특징

line 이미지

시각적인 이미지에 익숙한 웹 디자이너가 HTML/CSS를 사용하여
의미와 표현을 구분하여 배우는 것은 쉬운 일이 아닙니다.
일반적으로 최소 수개월 이상이 걸립니다.
시간이 많이 걸리는 가장 큰 이유는 처음 코드를 접하므로 낯설기 때문입니다.
그래서 처음 배우는 분들에게 있어 가장 중요한 점은 ‘브라우저 입장에서 생각하는 훈련’입니다.

보통 HTML/CSS가 능숙한 경우 머리 속으로 연상(생각)을 한 후 코드로 옮기게 되는데,
이렇게 디자인된 작업물을 어떻게 코드로 말할지를 생각하는 훈련이 가장 중요합니다.

'디자이너를 위한 HTML/CSS_웹표준' 과정을 통해 HTML과 CSS의 대한 기본적인 이해
사용 방법을 그림과 설명을 통해 충분이 이해하고, 예제를 통해서 개념을 확실하게 만들 수 있습니다.
디자이너가 웹표준을 배우는데 있어서 가장 어려운 부분인 float을 이용한 배치를
완전히 이해하는 것에 최종적인 포커스를 맞추고 있으며, 이를 통해 막연하고 우연히 이루어진 작업이
명확하게 되고 작업에서 왜 이렇게 깨져서 보이는 지도 이해할 수 있게 될 것입니다.


html/css 이미지3

 강의 방식

line 이미지

이론과 실습을 분리하지 않고 준비된 학습 시나리오를 가지고 다양한 예제와 실습 설명을 통해 진행합니다.
따라서 처음 배우는 분들로 하여금 따로 뭔가 해야하는 공부꺼리가 아니라 자연스럽게 알 수 있도록 구성하였습니다.

수강대상

line 이미지
  • 시각 디자인의 공부를 처음 시작하려는 분 이미지 한번도 HTML/CSS를 다뤄보지 못한 분들
  • 안경 아이콘 조금 경험은 있으나 확실하고 체계적인
    개념을 가지고 HTML/CSS를 시작하고 싶은 분들

 웹표준을 따른 웹디자인 예시

line 이미지

강의를 성실히 이수 하신다면 아래와 같은 웹페이지를 마크업하여 만들 수 있습니다.

커리큘럼

line 이미지
  • 01 HTML
  • 웹의 이해 및 표준이란?
    HTML 태그 및 속성
    HTML 작성 실습
    주요 라이브러리 소개 : jQuery, Font-Awesome
line 이미지 2
  • 02 CSS
  • CSS 소개
    CSS 프로퍼티 소개 및 실습
    주요 개념 : 박스모델, 포지션
line 이미지 2
  • 03 공통영역
  • 레이아웃 : 메인화면, 서브화면
    헤더영역 : 로고, 상단메뉴, GNB
    푸터영역
line 이미지 2
  • 04 웹사이트 퍼블리싱 실습
  • 메인화면
    - 비주얼 영역
    - 배너 및 게시판 등
line 이미지 2
  • 05 웹사이트 퍼블리싱 실습
  • 서브화면
    - 비주얼 영역, LNB
    - 콘텐츠 영역
line 이미지 2
  • 06 반응형 웹사이트 퍼블리싱 실습
  • 웹사이트
    - 메인화면 : 헤더, 비주얼 영역, 콘텐츠
line 이미지 2
  • 07 / 08 반응형 웹사이트 퍼블리싱 실습
  • 모바일/반응형 웹사이트 개념 소개
    모바일 사이트 메인화면 : 헤더, 비주얼 영역, 콘텐츠
    반응형 웹 만들기
line 이미지 2

 강사소개

line 이미지
차영신 선생님 이미지

강사
차영신


(현) ㈜태그앤브레이스 대표
(전) ㈜이모션, 컨설팅 사업부 대표


주요프로젝트

2013~2015 삼성그룹 홈페이지 개편
2013 삼성전기 홈페이지 웹접근성
2012~2013 우리은행 인터넷뱅킹 재구축
2012 신한은행 오픈뱅킹 재구축
2009~2011 CJmall 웹표준화


수강후기

line 이미지
  • 박현희 님
  • 기초를 좀 더 세세하게 배우고 싶으신 분이 듣는다면 도움이 될 것입니다.
    웹표준 관련 강의를 여러 번 들었는데 가장 자세하고 깔끔하게 가르쳐주셨습니다.
    다만 아예 모르는 상태로 수업을 들으신다면 많은 내용을 알려주시는 거라 진도가 좀 빠르다 느끼실 수
    있을 것 같습니다. 원하던 수준의 강의였고, 바로 실무에 쓰일 수 있는 부분들이어서 전반적으로 유익했습니다.
line 이미지 2
  • 정혜림 님
  • 체계적인 수강내용에 탄복 받아 저희 회사 사수님도 수업 들으신다고 합니다. 역시 잘 가르치는 곳이 최고죠. 반응형 웹에 대한 이해도가 한층 개선되었습니다. 추천할 수 있는 책과 사이트를 알려주어서 많은 도움이 됩니다.
line 이미지 2
  • 이정이 님
  • 웹표준 구성에 대해 어느 정도 이해하게 되었으며 기초 다지기에 도움이 된 것 같다. 시간이 없는 직장인들에게 더할 나위 없는 선택. 짧고 굵게 기초를 다질 수 있다.
line 이미지 2
  • 최유림 님
  • 이론정립이 제대로 되지 않은 채 활용하고 계시는 분들이 들으면 좋을 것 같다. 책을 정독하기엔 시간이 없고, 바로 써먹어야 할 일이 있는 분들도 괜찮다. 기초강의만 들어도 일단 이론은 정립되고 간단한 페이지는 혼자 만들어볼 수 있게 된다.
line 이미지 2
  • 심재혁 님
  • 스스로 초급이상은 된다고 생각했지만 기초에서 20~30%는 책을 봐도 이해할 수 없었던 부분들을 속 시원히 뚫어주었고 HTML을 문법이 아닌 문서구조로 바라볼 수 있게 되어 마크업 설계 능력을 한 단계 끌어올려준 수업이었습니다. 책을 봐도 기초가 다져지지 않았던 부분들이 해소되었습니다.
line 이미지 2
  • 황데레사 님
  • 기본개념이 충분히 잡히지 않은 웹디자이너라면, 단연코 이 강의를 추천해 드리고 싶습니다. 오랜 경력을 지니신 선생님의 노하우와 실전 경험담까지 보너스로 들으실 수 있으니, 지금 웹디자이너로 일하고 계신 분들이라면, 더욱 와 닿는 강의가 되지 않을까 생각합니다. 근무 후 저녁수업이라 매우 피곤했지만, 충분히 그만한 가치가 있는 수업이었습니다.^^
line 이미지 2
  • 한기상 님
  • 웹표준에 대한 구조적인 개념 설명을 그림으로 잘 설명해주셔서 이해하기 쉬웠습니다. 매번 코딩하다 보면 이건 왜 이러지 한 부분이 해결되어 시원하였습니다.^^
line 이미지 2
  • ※ 본 강의는 강사, 커리큘럼이 일부 변경되거나 사정으로 인하여 폐강될 수 있습니다.
  • ※ 본 강의 내용은 교육기획자 및 강사와의 협의없이 무단으로 사용될 수 없습니다.
  • ※ 무단사용시 저작권 침해로 인해 처벌받을 수 있음을 알려 드립니다.

포인트안내

  • 포인트는 과정 종료후 마이스터디에 있는 강의평가 버튼을 누른 후 설문조사에 참여하시면, 포인트가 가용 포인트로 전환됩니다.
    (참고로 실제 사용할 수 있는 포인트를 가용 포인트라고 칭합니다.)
    또한, 강의평가 설문조사 사항은 앞으로의 교육 운영에 적극 반영 하도록 하겠습니다. 마이스터디 페이지 바로가기

등록안내

  • - 과정 등록은 온라인으로 신청하시면 됩니다. 결제는 직접 방문, 무통장입금 또는 카드결제가 가능합니다.
  • - 무통장 입금으로 결제를 하실 경우 반드시 신청자 이름으로 입금하셔야지만 확인이 가능합니다.
  • - 등록확인과 취소는 마이스터디에서 확인 하실 수 있습니다.
  • - 계산서가 필요하신 분은 발급 신청란에 내용을 정확하게 기입해 주셔야 하며, 사업자 등록을 하신 분은 회사 찾기로 쉽게 입력하실 수 있습니다.
  • - 환불 규정은 해당 페이지를 참고하시기 바랍니다. 환불규정 보기
  • - 기타 문의 사항은 전화 02-3673-1721 메일 info@ejungle.co.kr
목록으로