• 전체
  • 워크숍
  • 디자인툴
  • 특강
  • 1 DAY
  • user
  • 전체
  • 워크숍
  • 디자인툴
  • 특강
  • 1 DAY
  • 웹디자이너를 위한 HTML/CSS - step1:파운데이션 [1기]
    웹디자이너를 위한 HTML/CSS step 1, 파운데이션 !
    • 페이스북
    • 카톡

    정을수

      프리랜서 디렉터 및 강사
    • 디자이너가 들어야 하는 HTML/CSS ! 기초를 탄탄하게 잘 다질 수 있는 수업입니다.
    • 디자이너가 들어야 하는 HTML/CSS ! 기초를 탄탄하게 잘 다질 수 있는 수업입니다.
    일자 2019-01-12 부터 2019-02-16 까지 (매주 토요일, 총 6회)
    시간
    장소 봄아카데미
    인원 0 - 15명
    수량
    비용 336,000 원
    예약하기
    Reserve
    모집마감
    Close

    신청과정

      • 강의구매
      • 신청
      • 안내문자발송
      • 안내문자발송
        1~2일 소요
      • 강의수강
      • 신청완료
       

    디노마드가 인증하는 본 교육과정은 IT/개발 분야의 지식향상을 목표로 합니다.
    수강완료 후, 해당 과정의 수료증이 발급됩니다.

    디노마드가 인증하는 본 교육과정은 IT/개발 분야의 지식향상을 목표로 합니다.
    수강완료 후, 해당 과정의 수료증이 발급됩니다.

     

    bannar_정을수.jpg

     

    내용 (Contents)

    <프롤로그>

     

    HTML/CSS는 생각만큼 배우기 수월하지가 않습니다. 일반적으로 최소 수개월 이상이 걸립니다. 시간이 많이 걸리는 가장 큰 이유는

    처음 코드를 접하므로 낯설기 때문입니다. 뭔가 의도하는 것을 코드를 이용해서 명령을 내린다는 것은 막연한게 아닐 수 없습니다.

    그래서 처음 배우는 분들에게 있어 가장 중요한 점은 브라우저 입장에서 생각하는 훈련입니다.

     

    보통 HTML/CSS가 능숙한 경우 머리속으로 연상(생각)을 한 후 코드로 옮기게 되는데, 이렇게 디자인된 작업물을 어떻게 코드로

     말할지를 생각하는 훈련이 가장 중요합니다. 코드가 익숙해 지기까지 시간이 많이 필요한 이유는 이런 연상과 생각이 수많은 시행 착오를

    통해서 알아지기 때문입니다. 하지만 언어를 최초로 배우는 과정에서 브라우저 입장에서 이해하고 머리속으로 그릴 수 있는 연습을 한다면

     좀 더 쉽고 재밌게 익숙 해지는 과정을 만들수 있고 상당한 시간을 줄 일 수 있습니다.

     

    기초편에서는 HTML과 CSS의 대한 기본적인 이해와 사용 방법을 그림과 설명을 통해 충분이 이해하고, 예제를 통해서 개념을 확실하게

    만들게 됩니다. 디자이너가 웹표준을 배우는데 있어서 가장 어려운 부분인 float을 이용한 배치를 완전히 이해 하는것에  최종적인 포커를

    맞추고 있으며, 이를 통해 막연하고 우연히 되어졌던 작업이 명확하게 되고 작업에서 왜 이렇게 깨져서 보이는 지도 이해하게 됩니다.


     

     

     


    <기초편 커리큘럼>


    개념과 준비
      - 예술과 기술. 융합의 시대
      - 미디어와 시멘틱웹
      - 웹표준 html/css 소개
      - 웹타입셋팅란?
      - 어떻게 익힐것인가? (why & doing)
      - 준비하기 (브라우저, 에디터, 기타도구, 도서, 아티클, 시간사용과 연습방법)
    시멘틱 마크업
      - html 기초 문법
      - hello world!
      - 제목 (heading)
      - 문장 (pragraph)
      - 목록 (list)
      - 이미지 (image)
      - 그룹핑 (grouping)
      - 인용 (quotation)
      - 부가정보 (additional)
      - 강조 (strong)
      - 링크 (link)
      - 페이지정보 (page info)
    기초 스타일링(1)
      - HTML에 CSS 적용하기
      - CSS 기초 문법
      - reset.css 준비하기
      - id와 class 사용하기
      - 기초선택자, 가상선택자
      - font 스타일링
      - text 스타일링
    기초 스타일링(2)
      - 단위
      - 상속
      - 우선순위
      - 속성선택자
    박스다루기-1
      - 박스로 생각하기
      - 박스의 성질
      - 박스의 종류
      - 넓이와 높이
      - 여백과 간격
    박스다루기-2
      - 선긋기
      - 배경색과 배경이미지
      - overflow, display, visibillity
    배치하기
      - 웹에서의 배치란?
      - 마크업에서 배치까지
      - 관계성 있는 배치
      - block formatted context
      - inline formatted context
      - position:relative
      - 플롯팅
      - 클리어링


     

    웹퍼블리싱은 PSD를 HTML/CSS로 옮기는 작업이 아닙니다.
    PSD를  HTML/CSS로 만드는 작업이라는 인식을 가지고 있는 분들이 종종 있습니다. 심지어 그런 인식으로 가르치는 교육기관도 있습니다. HTML/CSS가

    비교적 쉬운 문법을 가지고 있다고 해서 프로그래밍 언어가 아닌것은 아닙니다. program의 어원은 “ pro” - “gramma”  즉 미리 써두는 것입니다. 제대로 된

     프로그래밍은 반드시 설계 과정이 있어야 합니다.  그래야 상황에 따라 사람이 자꾸 고치지 않고 자동으로 돌아가기 때문입니다. 이점이 좋은 프로그래밍의

     중요한 조건이라고 생각합니다.  그러므로 데이타가 웹페이지나 웹앱에 어떻게 안길지, 계절별로 색이 바뀌는 상황은 어떻게 할지 등의 비지니스적 디자인적

     상황을 고려해서 설계되지않는 HTML/CSS 작업물은 이후 개발 과정을 힘들게 합니다. 그래서 PSD를  HTML/CSS로 만드는 작업이라는 자기 인식을

    가지고 배우는것은 제한적인 작업밖에 할 수없게 만듭니다.  프로그래밍을 배울때는 많은 상황을 고려하고 해결할 수 있는 설계(desing)능력이 길러져야합니다.
    전체 수업에서 사용하는 모든 코드 설명을 이 능력을 기르는데 초점을 맞추었습니다. 강사의 생각의 과정을 그렇게 하기로 한 이유와 함께 전달하면서 

    자신의 생각과 비교할 수 있도록 진행합니다.  HTML/CSS 작업은 PSD를  HTML/CSS로 만드는 작업이 아닙니다.


    HTML/CSS. 왜 디자이너가 배워야 하는가?
    좋은 웹/앱 디자인은 HTML/CSS에 대한 충분한 이해로부터 시작됩니다. 현재의 웹 사이트들은 대부분 브로슈어를 디자인 하는 것처럼 픽셀을 기반으로

    디자인 되어지고 있습니다. 하지만 웹 페이지는 적게는 몇 십페이지 많게는 수 만페이지가 될 수 있으므로, 규칙을 기반으로 디자인 되어야 하며 이렇게

    만들어진 웹 페이지야 말로 웹 다운 큰 힘을 갖게 됩니다. 그러므로 웹디자이너는 크리에이티브한 시각언어를 규칙안에 담아 내어 현장감 있고 현실성 있는

    디자인을 만들어 낼 수 있어야 합니다.


    어떻게 제대로 배울 수 있을까?
    사실 html/css는 쉽게 전문가가 아니더라도 사용할 수 있도록 보편성을 철학으로 하여 설계된 언어입니다. 하지만 프로 작업자로서 실제 디자인을 코드로

     만들 수 있게 되기까지 배우기는 쉽지 않은 것이 사실입니다. 머리로 이해되고 손으로 익숙해져 응용될 만큼 친절하게 단계별로 학습할 수 있는 가이드가

     많지 않은 것도 그 이유중 하나입니다. 보통의 책과 강의는 속성설명 위주의 내용이 대부분이기 때문입니다.


    본 과정은 단순한 속성 위주의 강의가 아닙니다. 깊이 있고 폭넓을 이해와 시야를 가져서 실무에서도 응용 할 수 있는 스킬셋이 되도록 하는 것이 목표입니다.

     앞으로의 모든 미디어는 소프트웨어. 텔레비전 방송 그리고 이북에 이르기까지 모든 미디어를 HTML/CSS가 통합해 나갈 기세입니다. 이것은 기존의 북 디자인,

     웹 디자인 그리고 3D의 각 각의 아웃풋이 웹이라는 하나의 아웃풋으로 된다는 뜻입니다.


    그렇기에 이 시리즈는 디자이너 분들에게 HTML/CSS를 자유럽게 다룰 수 있는 디자인 도구로 만들어 드린다는 목표를 가지고 있으며, HTML/CSS에 대해

    좀 더 진지하고 의욕적으로 배우고 싶은 분들을 위해 만들어 지게 되었습니다. 전 과정에 걸쳐 실무에서의 강사의 경험을 최대한 살리고 기존의 책이나

    강의의 기능 명세를 알아보는 방식의 단순한 학습이 아닌 통합적인 이해아래, 머리와 손으로 익혀질 수 있는 배움이 될 수 있도록 합니다.

     


     

    <기타 안내 사항>

     - 봄아카데미에서 진행하며, 20인치 아이맥을 이용하실 수 있습니다. 개인노트북 지참 자유

     

     


    수업의 원칙 >


    첫째. 최대한 쉽게 설명할 것.
    둘째. 점진적으로 향상되는 재미가 있을 것.
    셋째. 최대한 일반인이 생각할 수 있는 단어와 그림으로 기술적 원리를 설명할 것.
    넷째. 기술에 대한 폭넓은 이해와 디자인과 기술간의 인사이트를 수업에서 경험하도록 할 것.
    다섯. 실제 작업과 괴리감이 없을 것.

     


    < 추천 대상 >


    - 대학생 혹은 취업 준비자
    - 디자이너이면서 코딩업무를 병행하셔야 하는 분들
    - 프론트엔드 개발자를 준비하시는 분들
    - 개인 쇼핑몰이나 블로그를 운영하는데 HTML/CSS를 다루셔야 하는 분들
    - 책이나 강의를 들어도 이해가 어려운 분들
    - 개념이 선명하지 않아 우연하게 작업이 이루어지는 분들

     


      

     



     

     

    수강생 우수작은 해당 워크숍 홍보를 위해 디노마드 채널에 소개될 수 있습니다.



    정보 (Information)

     

    정을수

      

    () 프리랜서 디렉터 / 강사
    (
    ) 펜타브리드 수석 디렉터
    (
    ) 메가존 웹표준화 팀장
    (
    ) 프리랜서 디자이너
    2011~2014,
    아카데미정글 웹표준 강의
    2013~
    현재, ()한국인터넷전문가협회 웹표준강의
    2014~
    현재, Vom Academy 웹표준 강의중
    2014. (
    한국인터넷전문가협회) 2014년 청년취업아카데미 웹표준과정
    2013. (
    한국디자인진흥원) 2013년 국가기간전략산업직종 UX/UI 디자인 4기 교육
    2013. godpeople.com
    디자인팀 웹표준 교육
    2013.
    에스원 웹사이트 웹접근성 고도화 (디렉터)
    2012.
    에스원 웹사이트 구축 (PM)
    2012.
    현대 아산정주영 웹사이트 구축 (PM)
    2012.
    현대자동차국내판매 웹사이트 구축 (UI 디렉터)
    2012.
    삼성HSPOSM 웹사이트 구축 (PM)
    2012.
    코스콤 웹접근성 고도화 (PM)
    2011. U+
    통합웹사이트 구축 (UI개발 PL)
    2010.
    신한카드 웹사이트 (UI개발 PL)
    2009.
    삼성모바일닷컴 웹사이트 (UI개발 PL)

       ▼ 강사님 수업 ▼


    1.png

     

    * 위 슬라이드 처럼 강사가 직접 시각적인 그림으로 HTML/CSS 메커니즘을 설명한 강의안으로 진행합니다.

    장소 (Place)

    서울시 마포구 독막로9길 23 (서교동 404-22번지)

    환불규정 (Refund regulation)

    - 디노마드는 「소비자분쟁해결기준」을 준수합니다.

    - 모든 일수는 영업일을 기준으로 합니다. (월-금 10:00-17:00)

    - 강의 진행 일자 산정 시 환불 요청을 한 당일은 진행 일수에 포함됩니다.

    - 강의가 시작되는 당일은 강의를 듣지 않았더라도 수업개시일 이후 환불 요청사항에 해당합니다.



    ▶ 1개월(5주) 이내인 강의

       - 개강 이틀 전 : 전액환불

       - 강의 시간이 1/3 지나기 전 : 수강료의 2/3 해당 금액

       - 강의 시간이 1/2 지나기 전 : 수강료의 1/2 해당 금액

       - 강의 시간이 1/2 경과 후 : 환불 없음


    ▶ 1개월 초과 강의

       - 1개월 이내 환불규정에 따른 환급금과 잔여월 수강료의 합산 금액


    ▶ 2일 이하의 강의

       - 강의 시작 2일 전 : 전액환불

       - 이후 환불 불가

     

     


    <환불 신청 방법>

       - 유선연락(02-337-2583) 및 홈페이지 문의 게시판을 통해 신청


    ▶ 신용카드 결제

       - 1일 이내 승인취소

       - 카드사에 따라 환불까지 일정 시간 소요


    ▶ 가상계좌, 무통장 입금

       - 내규에 따라 정해진 정산일에 일괄 환급

       - 매월 1-15일 접수건 : 당월 말일 / 16-말일 접수건 : 익월 15일

       - 소비자 단순 변심으로 인한 경우 입금수수료 500원 차감

    후기 (Comment)

    상담하기