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

처음에는 유투브로 혼자 독학하려 했는데, 과정을 마치고 나니 확실히 빔캠프에서 공부하길 잘했다는 생각이 들어요. 과제에 대한 피드백도 자세하고 실용적인 부분만 쏙쏙 짚어내 주시고 많이 유익했어요. 제일 첫번째 과정이고 짧다면 짧은 시간이었기에 얼마나 배울 수 있을까 걱정했었는데, 정말 많이 배워가는것 같아요! 수고많으셨습니다^^

이직 준비중인 김주옥 HTML+CSS 첫 걸음

SK고용디딤돌 웹디자인 강의로 선생님을 만나 처음 HTML 을 접했는데 조금 스파르타식이지만 따라가려고 노력한다면 단기간에 개념을 확실히 잡고 어느정도 입문의 경지에서 자신감을 가지고 HTML 코딩을 할 수있었어요!! 비전공자여서 웹디자인으로 이직을 준비하는 학생으로서 선생님의 강의 덕분에 많이 도움 받았습니다. 앞으로 활용하는 것은 제 몫이니까요 ~~ HTML +CSS 강좌 1개월 만에 기초코딩은 이제 자신감이 생겼답니다. 선생님 감사합니다!!

대학생 mj HTML+CSS 첫 걸음

예전에 학교에서 코딩을 잠깐 배웠었는데 그땐 코드의 의미도 모르고 막 쳐서 문제가 생겨도 왜 그런지 몰라서 처음부터 다시 하고 그랬었어요ㅠㅠ
여기서 수업을 듣게되면서 코드어원이나 원리를 설명해주셔서 그냥 외워서 쳤던것들이 하나씩 정리가 되는 느낌이었어요. 문제가 생겼을때 해결할 수 있는 방법을 알려주셔서 더 좋았던것 같아요. 갈길이 멀긴 하지만 배운거 먼저 연습해보고 기회가 된다면 다음 강의도 듣고싶습니다!

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

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

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%를 환불해 드립니다
  • 환불은 010- 4522 - 2399로 연락 주시면 처리해 드리겠습니다 :)

자주 묻는 질문과 답변

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

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

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

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

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

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

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

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

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

빔캠프가 필요해요