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과 css의 기본적인 개념과 코드작성방식을 하나하나 알기 쉽게 알려주시고, 항상 왜 그렇게 되는지 원리를 잘 설명해주셨어요~ 또한 자유로운 주제로 과제를 해가면, 어려웠던 부분을 수업후에도 자세히 알려주셔서 개인 포트폴리오에 많은 도움이 되고있어요. 지연쌤과의 첫걸음 수업 한달이면 누구나 기초코딩은 문제없을거에요~ 완전 강력추천드립니당 :)

디자이너 YuShin HTML+CSS 첫 걸음

직접 작성하는게 처음이어서 너무 어렵다는 생각을 했었는데, 지금은 디자인한 페이지를 웹상에서 구현할 수 있어서 너무 뿌듯하네요. 아직 많이 부족하고 배워야 할게 많치만,
이정도 까지 할 수 있게 된건 선생님 덕분이에요. 대충 넘어가지 않고, 꼭 이해하고 넘어가게 해주셔서 감사합니다~^^

디자이너 최문선 HTML+CSS 첫 걸음

HTML의 기초밖에 몰랐던 저에게 이 수업이란 정말 많이 도움을 받았습니다. CSS에 대해 하나 하나씩 알려주셨는데 특히 말을 쉽게 풀어서 설명해주는 수업방식이 정말 마음에 들었습니다. 기초부터 시작하여 저도 모르게 많은 실력을 쌓게 되어서 뜻깊은 시간이었습니다. 정말 감사합니다!

아티스트 abbey Q HTML+CSS 첫 걸음

이쪽 분야로는 완전히 문외한인 비전공자 입니다. 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가장 어려운 질문입니다! 개개인별로 차이가 생깁니다만 생각하는 것을 자유로이 만드려면 수업을 들은 것과 상관없이 많은 연습이 필요합니다! 즉, 수업을 듣고 스스로 시간투자를 해야지 만이 만족스러운 결과를 얻을수 있습니다. 빔캠프는 도울 뿐입니다 :)

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

빔캠프가 필요해요