HTML+CSS 첫 걸음

레이아웃 중심으로 배우는 웹사이트 제작의 기초 by Jeoney Kim

무엇을 배우나요?

코딩으로 웹디자인을 할 수 있는 기술 HTML+CSS 첫 걸음 단계입니다. 웹 레이아웃 구성에 필요한 필수 지식을 다양한 실습을 통해 배우는 강의입니다. 태그의 성질을 파악하고 원리를 배워 여러분 스스로가 자연스럽게 만들고자 하는것을 만들 수 있게 합니다. 원리를 이해하면 문제해결도 쉽고 빠르게 할 수 있습니다. 디자이너, 비전공자, 현직 실무자 등 누구든지 수강 가능한 최고의 입문 캠프입니다.
해당 달에 오픈된 캠프가 없습니다
  • 일정선택

    상단의 일정표중 본인에게 맞는 일정을 선택해 주세요

  • 신청 및 결제

    결제가 정상적으로 완료되면 결제 완료문자와 이메일이 전송됩니다

  • 노트북 셋팅

    노트북은 필수 준비물입니다. 맥 또는 윈도우즈 무관합니다.

  • 안내문자확인

    개강 전날에 최종 안내문자를 보내 드립니다

  • 10분전 착석

    정시에 시작되니 여유롭게 10분 전까지 착석 부탁드립니다

무작정 외우는 방식이 아닌 원리 이해에 초점이 맞춰진 클래스

단순 암기한 지식은 오래 가지 못합니다.

입문자를 위한 처음하는 코딩초심자, 비전공자 또한 문제 없습니다

  • 비전공자 또는 입문자를 위한 안정적인 첫걸음 내딛기
  • 다년간의 강의로 어떤 부분을 어려워 하는지 잘 알고 있습니다
  • HTML+CSS의 많은 파트들 중에서 입문자 입장에서 핵심으로 알아야 하는 부분만 집중
  • 원리의 이해를 돕기 위한 맞춤 예제 제작
  • 강사의 질문을 통해 스스로 생각하는 힘 키우기

원리를 이해하면 여러분도 응용할 수 있습니다

알기 쉬운 설명, 응용 하기 쉽게!

어떤 캠프인가요?

포토샵에서 완성된 홈페이지 디자인은 하나의 이미지에 불과합니다. 이는 실제 웹상에 구현이 완성되었을 때 비로소 살아있는 홈페이지가 완성됩니다. 본 캠프는 실제 웹상에 구현할 수 있는 HTML+CSS 기술을 배우는 첫걸음입니다. 입문자뿐만 아니라 홈페이지 제작 계획이 있는 모든 분에게 추천해 드리는 최고의 입문 강의입니다.

무엇을 실습하나요?홈페이지의 기본적인 원리와 강사의 반복적인 질문을 통해 스스로 응용할 수 있는 학습을 유도합니다.

웹사이트 제작 과정을 빠르게 체험해 보세요

HTML+CSS로 원하는 웹사이트를 만들기

캠프과정총 8강

  • 1일차처음 제작하는 웹페이지

    HTML, CSS 기본 문법 및 구조
    display - block
    CSS Box Model

  • 2일차CSS Class 활용하기

    CSS Class의 활용
    display - inline
    Background 관련 속성

  • 3일차마진겹침 현상 이해하기

    마진겹침 현상 이해하기
    구글 웹폰트 적용하기
    display - inline-block

  • 4일차float의 역사

    float의 역사와 원리
    가로메뉴 만들기
    Negative margin의 활용

  • 5일차float 해제법

    float를 활용한 컬럼 디자인
    float 해제법

  • 6일차position 속성

    position 속성 이해하기

  • 7일차float+position 복합 예제

    float+position을 활용한 복합 예제

  • 8일차float+position 복합 예제

    float+position을 활용한 응용 예제

캠프에 대한 리뷰

대학생 김민아 HTML+CSS 첫 걸음

디자인과를 다니다가 휴학을 한 후 무엇을 배워볼까 고민하던 중에 독학을하다가 실패한 html을 배워보기로 결정하고 학원을 등록하였습니다! 독학을 할때 몇날며칠이 걸리던 부분이 빔캠프에서는 선생님의 자세한 설명으로 쉽게 금방 이해가 되었습니다. 과제도 항상 리뷰를 자세하게 해주셔서 좋았습니다! 다음 강의도 듣고 싶어서 신청하려구요! 좋아용!

대학생 소희 HTML+CSS 첫 걸음

CSS에 대해 전혀 무지했는데 아예 모르는 사람도 쉽게 들을수 있어서 좋았고 내가 직접 페이지를 만든다는게 너무 신기하고 재밌었어요 :)
가르쳐주시는 선생님도 친절하시고 과제 하나하나 동영상으로 피드백 해주시는것도 정말 좋았어요 !
기회가 된다면 다음 단계도 수강하고싶어요 !

디자이너 J HTML+CSS 첫 걸음

코드의 기본속성이나 원리를 알고 쓰는것과 모르고 쓰는것의 차이가 얼마나 큰지를 알게 되었습니다.
그 기본 원리를 하나하나 알게 되니 코딩 시 문제가
생겼을 때 문제해결을 어떻게 해야하는지 근본해결 방법을 알려주셔서 너무 유익한 시간이었습니다.
감사드립니다!

대학생 홍혁표 HTML+CSS 첫 걸음

웹디자인을 배우고 있는 학생으로 기본적인 코딩 교육은 나중에 실무에 나가 개발자와 협업을 했을 때 원활한 의사소통을 위해서 꼭 필요하다 생각하여 빔캠프를 찾았고 좋은 결과 얻어 가는 것 같습니다.

마케터 임재민 HTML+CSS 첫 걸음

카페에서 우연히 발견하고 급한 마음에 신청했는데, 듣길 정말 잘한 것 같습니다. 책을 구입하고 혼자서 했으면 모르고 넘어갔을 부분들도 짚어주시고, 기본적인 것들을 배웠을 뿐이지만 HTML과 CSS에 대한 자신감이 생겼습니다. 기회가 된다면 심화과정도 듣고싶네요.

Jeoney Kim

Front-end Developer

언제든지 연락주세요!

  • emailjeoney@veamcamp.com
  • websitewww.veamcamp.com

프로젝트

  • 2014한화 꿈에그린 웹매거진 프로젝트 제작
  • 2015워드프레스 반응형 웹사이트 구축
  • 2015반포원 웨딩 반응형 웹사이트 리뉴얼 프로젝트
  • 2016다빈치 크리에이티브 반응형 웹사이트 리뉴얼 프로젝트

경력

전) LG CNS System Operator
전) ARITAUM Operator & Debugging
전) 동국대 SK 고용디딤돌 웹 출강
현) veamcamp Instructor

환불안내

  • 개강 직전, 100% 환불이 가능합니다
  • 얼리버드 프로모션중인 캠프의 경우에는 환불이 불가능합니다
  • 전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
  • 수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다
  • 환불은 070 - 7612 - 2399로 연락 주시면 처리해 드리겠습니다 :)

강의장 정보

네이버지도 링크
  • 서울시 마포구 상수동 346-1번지 지하 1층, 빔캠프
  • 지하철 이용시 6호선 상수역, 4번 출구 3분 거리
  • 건물 1층에 한잔차차라는 와인카페가 있습니다
  • 문의전화: 070-7612-2399

자주 묻는 질문과 답변

  • Q강의 난이도는 어떻게 되나요?

    A기본적으로 비전공자나 디자이너 대상으로 이루어 지는 수업이므로 난이도 조절에 신경 씁니다. 다만 입문과정이 아닌 중급, 또는 심화 과정은 별도의 배경 지식이 필요한 경우도 있습니다.

  • Q아쉽게도 일정이 맞지 않네요! 다음번 강의 일정은 언제 알 수 있나요?

    A특별한 사유가 없는 한 모든 강의는 다음달에도 오픈됩니다. 개강 4주전에 빔캠프 웹사이트에 게시되며 빔캠프 페이스북 페이지 좋아요 하시면 최신 정보를 알람 받으실 수 있습니다

  • Q준비물은 무엇인가요?

    A개인 노트북이 반드시 필요합니다. 맥 또는 윈도우즈 상관 없이 참여 가능합니다

  • Q강의를 들으면 어느 수준 까지 제작 할 수 있나요?

    A가장 어려운 질문입니다! 개개인별로 차이가 생깁니다만 생각하는 것을 자유로이 만드려면 수업을 들은 것과 상관없이 많은 연습이 필요합니다! 즉, 수업을 듣고 스스로 시간투자를 해야지 만이 만족스러운 결과를 얻을수 있습니다. 빔캠프는 도울 뿐입니다 :)

궁금한 것은 무엇이든지 물어보세요!

빔캠프가 필요해요