HTML+CSS 재미있게 입문하기

알~ 찬 주말! HTML+CSS 입문하기 by Glenn Lee

무엇을 배우나요?

아무것도 모르는 디자이너 혹은 비전공자일지라도 웹사이트 제작에 관심만 많다면 환영합니다! 다년간의 강의 경력으로 꼭 알아야 하는 HTML + CSS의 핵심을 5강의 강의로 담아냈습니다! 과제도 내 드리니 열심히 참여 하신다면 내 머릿속의 디자인을 코드로 구현할 수 있게 됩니다.
해당 달에 오픈된 캠프가 없습니다
  • 일정선택

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

  • 신청 및 결제

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

  • 노트북 셋팅

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

  • 안내문자확인

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

  • 10분전 착석

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

웹사이트 제작을 위한 HTML + CSS 입문 강의

재미있고 쉽게! 혼자 공부 할 수 있는 기반을 만드는 것이 목표!

구조를 위한 HTML

HTML은 웹을 이루고 있는 가장 기초적인 구성 요소입니다. HTML은 웹페이지의 내용을 작성하고 의미를 부여하는 데 사용합니다. 논리적인 구조와 올바른 의미를 부여 한다면 검색엔진의 검색 결과에도 긍정적인 영향을 끼칠 수 있습니다. 웹사이트 제작의 첫 걸음은 HTML 웹페이지 작성입니다.

표현을 위한 CSS

작성된 HTML을 기반으로 웹페이지의 겉모양을 다양한 디자인으로 업그레이드 할 수 있습니다. 빔캠프는 이 디자인을 위한 CSS 기술을 올바르게 이해하고 내가 표현하고 싶은 디자인을 문제 없이 제작 하는 것에 초점을 맞춥니다. CSS라는 이름의 표현 재료를 마음껏 활용하여 익숙해져야 합니다.

무엇을 배우나요?

HTML+CSS 재미있게 입문하기

아무것도 모르는 디자이너 혹은 비전공자일지라도 웹사이트 제작에 관심만 많다면 환영합니다! 다만 노트북은 꼭 지참해 오셔야 합니다! 충전 케이블도 꼭 가져 오세요! 아주 기본적인 컴퓨터 활용 능력은 있어야겠지요? 다년간의 강의 경력으로 꼭 알아야 하는 HTML + CSS의 핵심을 5강의 강의로 담아냈습니다! 과제도 내 드리니 열심히 참여 부탁 드립니다!

온라인으로만 공부하기 지치신 분들도 환영합니다! 같은 공부를 하고 싶은 사람들끼리 모이면 다양한 시너지가 뿜뿜합니다:) 자신이 만든 결과물을 서로 공유하면서 발전시켜나가는 공부가 진정한 공부입니다. 캠프가 종료 된 후 자체적으로 스터디 모임을 만들어 활동하는 분들도 계십니다!

이런 분들을 위해 준비된 캠프입니다

아래 상황에 해당 된다면 빔캠프의 문을 두드려 주세요

열정있는 새싹!입문자

웹사이트 제작이 관심이 생겨, 용기를 내어 제대로 배워 보려는 모든 열정있는 입문자, 비전공자

열정을 되찾을경력단절자

혹시 아직도 table로 힘들게 레이아웃을 잡으시나요? 급속도로 발전해버린 웹 기술이 낯설게 느껴진다면!

코드가 욕심나는디자이너

디자이너가 코딩에 욕심을 내는 것은 어쪄면 당연한 일입니다. 코딩을 해야지만이 원하는 것을 100% 만들수 있기 때문입니다.

아름다움을 아는개발자

사실 개발자도 디자이너입니다. 기술과 예술은 생각보다 더 맞닿아 있습니다. 사용하기 편리한, 보기에 아름다운 디자인도 기술입니다.

우주정복 자신감!대학생

전공과는 상관없이 자신의 자기개발이 필요하다면 웹사이트 제작으로 시작해보세요. 작은 시작이지만 큰 결과로 발전할 수도 있어요.

HTML+CSS 재미있게 입문하기 캠프의 목표

모두 다같이 열심히 해서 목표를 이뤄 보아요!

웹디자인은 CSS로!코드로 그리기

재료에 대한 명확한 이해가 중요합니다. 기초를 탄탄히하여 내가 원하는 웹사이트를 디자인 할 수 있습니다.

무조건 암기? NO!생각하는 힘

암기한 지식은 그리 오래 가지 못합니다. 원리를 이해하고 생각을 통해 지식의 빈틈을 메울수 있습니다.

이왕이면 재미있게!재미와 영감

웹은 충분히 재미있는 분야입니다. 재미에 눈을 뜨면 그 이후부턴 스스로 잘 할 수 있게 됩니다. 여러분의 영감 창고가 되겠습니다.

끝이 아닌 시작!지속적인 공부

웹은 방대한 분야이기 때문에 8강의 수업은 단지 웹에 입문한 것 뿐입니다. 빔캠프는 스스로도 지속적인 공부를 진행 할 수 있도록 가이드를 드립니다.

혼자서도 잘해요!나홀로 제작

스스로 원하는 것을 만들때에 빛이 납니다. 누군가의 웹사이트를 따라 만드는 것은 한계가 있습니다. 간단한 페이지부터 스스로 하나하나 만들 수 있도록 합니다.

지속적으로 업데이트 되는 살아있는 캠프과정

입문자라도 쉽게 따라 올 수 있도록!

1일차처음 접하는 HTML + CSS

  • 작업환경 셋팅하기
  • 내가 만든 최초의 웹페이지
  • CSS와의 첫만남
  • CSS 박스모델 접하기

2일차선택자! 클래스의 활용

  • 다양한 선택자(Selector)
  • 클래스 선택자의 활용
  • CSS 우선순위
  • CSS 상속

3일차Block과 Inline의 구분

  • display속성 알아보기
  • inline의 세계로
  • inline-block
  • 타이포그래피 관련 속성들

4일차레이아웃의 핵심 Float

  • float란 무엇인가?
  • float로 만들 수 있는 다양한 레이아웃
  • float의 부작용과 해결법
  • overflow속성 활용하기

5일차레이아웃의 핵심 Position

  • position이란 무엇인가?
  • position으로 만들 수 있는 다양한 레이아웃
  • relative와 absolute의 조합
  • float와 position 최종정리

빔캠프 유튜브와 함께 공부해보세요!

지속적인 공부를 도와드립니다.

누가 진행하는 캠프인가요?

Creator. Glenn Lee

반갑습니다 이종찬입니다.

내 경험을 공유하는 데에 최적의 직업인 '강사' 에 푹 빠진 디자이너입니다.
온/오프라인을 막론하고 여러 흥미로운 프론트엔드 디자인 강의들을 제작하는 데에 집중하고 있습니다.

웹을 이용하는 사람들, 웹을 만드는 사람들 모두가 아름다운 웹을 원하는 시대가 되었습니다. 같이 아름다운 웹사이트 제작을 즐겨봅시다 :)

열정 가득한 캠프 예제를 만나보세요!

예제는 교육 흐름상 변경 될 수 있습니다 :)

수강생들의 생생한 캠프리뷰

100% 실제수강생의 솔직 후기입니다

  • 기획자 이은아

    HTML과 CSS의 기본 개념과 구성, 쉽게 이해할 수 있는 방법, 왜 이 태그가 잘 사용되는지 그 이유와 실무에서 적용되는 사례까지 들으며 참고가 될 수 있었습니다! 꼭 집중적으로 배우지 않더라도 기획자로서 추후 개발자/웹디자이너님들과 소통할 때 큰 도움이 될 것 같은 강의입니다. 내가 할 수 있을까? 라고 고민하는 입문자들을 위해 앞으로도 자주 열리면 좋을 것 같습니다 :)

  • 디자이너 박경재

    html,css을 배우고 싶지만 어디서 수업을 들어야 할지 몰랐는데 우연히 페이스북을 통해 알게 돼서 듣게 되었습니다! 글만봐서는 이해 안되는 내용들을 비유와 자세한 예제를 통해 알기 쉽게 설명해주시고 과제 영상들도 보면서 수업때 부족한 부분들을 한번 더 공부할 수 있어서 좋았습니다.
    앞으로는 작업 할 때 배운점을 고려해서 디자인 할 수 있게 될 것 같아서 도움이 많이 되었습니다. 감사합니다!

  • 기획자 백난희

    작성되어 있는 코드를 볼 줄만 아는 수준이었는데 기초부터 차근차근 체계를 잡을 수 있어서 도움이 많이 되었습니다. 강의 중간중간에 흥미로운 꿀팁들도 많이 알려주셔서 재미있었고요. 5번의 강의만으로도 멋진 개인 페이지를 만들어볼 수 있을 정도로 알찬 수업입니다. '언젠가 홈페이지를 만들어보고 싶다', '그런데 나는 정말 아무것도 모른다'는 분이라면 들어보시면 분명히 도움이 되실거예요!! 강력 추천합니다 :)

  • 기획자 박종찬

    5번의 강의를 정말 잘 들었습니다.
    초기에 웹페이지를 혼자 작업하기까지 했었지만 css가 나오고 웹표준이 나오면서 갑자기 어려워지기 시작해서 여태 새로운 페이지개발이 어려워졌었는데 CSS의 기초를 이렇게 배울수 있어서 정말 감사했습니다. 혼자서 공부해서 할수도 있지만, 어떤것이 중요한지와 배경적인 지식이 없는한 시간이 정말 오래 걸릴수 밖에 없는것 같습니다. 이종찬 선생님을 알게된것이 행운같습니다. 친절하고 재미난 강의 감사드리고 번창하시길 바랍니다.

자주 묻는 질문

궁금한 점은 물어보세요

  • HTML+CSS 첫 걸음 캠프와 무엇이 다른가요?

    빔캠프에는 3시간씩 8강으로 진행하는 HTML+CSS 첫 걸음 정규코스가 있습니다. 해당 강의는 최대 6인의 소규모로 밀도 있게 운영됩니다. 과제 시스템과 일대일 피드백을 중시하며, 수강생 개개인에 맞추어 공부 방향을 만들어 나가는 코스입니다. 자신에게 맞는 공부 방법에 맞추어 참여하세요 :)

    HTML+CSS 첫 걸음 캠프 자세히 알아보기

  • 캠프 과정을 모두 수료하면 어떤 수준까지 만들 수 있나요?

    3시간씩 5강, 총 시간으로만 따지면 15시간 밖에 되지 않기 때문에 수업 이외에 많은 시간을 투자하셔야 합니다. 꾸준히 한다면 기본적인 홈페이지 레이아웃은 혼자서도 충분히 만들 수 있습니다.

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

    처음 시작은 아무것도 모르는 입장에서 시작합니다만 점차적으로 난이도가 상승합니다. 특히 4,5강은 많은 집중을 요구합니다.

  • 준비물은 무엇인가요?

    개인 노트북이 필요합니다. 운영체제는 윈도우, 맥 모두 괜찮습니다. 윈도우는 버젼 7 이상만 가능합니다. 1강 부터 5강 까지 사용 가능한 노트를 꼭 준비해주세요!!!

  • 디자이너만 수업을 들을 수 있나요?

    비전공자, 웹디자인 코딩에 관심이 있는 사람이라면 누구든지 참여 가능합니다.

  • 아쉽게도 일정이 맞지 않네요.

    홈페이지에 이미 공지된 일정을 변경하거나 조율하는 것은 어렵습니다. 1~2개월 정도의 강의 일정을 미리 공지하기 때문에 추후 일정을 참고 부탁드립니다 :)

  • 환불 규정이 어떻게 되나요?

    개강 직전, 100% 환불이 가능합니다
    전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
    수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다
    환불요청: support@veamcamp.com