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 첫 걸음

단순히 UIUX 디자이너가 되고싶어서 아무것도 모른채 무작정 배우러 온 수업인데, 하나부터 열까지 정말 차근차근 이해시켜주시고 어떤원리로 왜 이런 코드가 사용되는건지 알려주셔서 좋았어요! 제가 이해를 못해도 천천히 친절하게 알려주셔서 감사해요ㅠㅠ 무엇보다 소규모 스터디 같은 강의라 욕심내지 않고 제 진도에 맞춰서 꾸준히 배우게 되는게 정말 좋았던 것 같아요 :)

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

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

디자이너 조왕찬 HTML+CSS 첫 걸음

정말 HTML에 대해서는 하나도 몰랐는데 수강과정이 지나고나서는 혼자서 어느정도 제작할 수 있는 수준까지 올랐습니다. 이때까지 많은 도움주신 강사님께 무한감사를^^

디자이너 원주연 HTML+CSS 첫 걸음

원래는 산업디자이너여서 HTML에 대해서 아는것 없이 시작했는데도 눈높이에 맞춰 설명해주셔서 빠른 시일내에 기본 HTML의 구성을 잘 이해할수 있게 되었어요. 기본원리를 잘 알려주셔서 응용과정도 잘 할수있을 것같은 자신감도 생기구요^^덕분에 지금 UX/UI디자이너로서 개발자분들과 커뮤니케이션도 수월하게 되었습니다.

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

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

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

빔캠프가 필요해요