직장인을 위한 한 입 HTML&CSS

웹개발 입문자를 위한 HTML & CSS 기초, 단기간에 웹페이지를 직접 만들 수 있도록 배우는 강좌입니다.

강좌 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
태그
HTML
소요 시간
약 6시간 40분
추천 수강대상
- IT 비전공자지만 웹페이지를 직접 만들어 보고 싶은 직장인
- 기획, 마케팅, 디자인 업무를 하면서 웹 기초 지식이 필요한 분
- HTML & CSS의 기초를 확실히 다지고 싶은 취업 준비생
- 빠르게 결과물을 만들어보고 싶은 초보 개발자

📘 직장인을 위한 한 입 HTML&CSS


1️⃣ 한 줄 설명

👉 웹개발 입문자를 위한 HTML & CSS 기초, 단기간에 웹페이지를 직접 만들 수 있도록 배우는 강좌


2️⃣ 추천 수강 대상

🎯 이런 분들에게 추천해요!

  • 👩‍💻 IT 비전공자지만 웹페이지를 직접 만들어 보고 싶은 직장인
  • 📊 기획, 마케팅, 디자인 업무를 하면서 웹 기초 지식이 필요한 분
  • 📝 HTML & CSS의 기초를 확실히 다지고 싶은 취업 준비생
  • 🚀 빠르게 결과물을 만들어보고 싶은 초보 개발자

3️⃣ 클래스 소개

“나도 내 손으로 웹페이지를 만들 수 있을까?”

이 강좌는 HTML & CSS를 처음 배우는 직장인을 위한 가장 쉬운 웹 입문 과정입니다. 복잡한 이론보다, 실제로 바로 써먹을 수 있는 예제와 실습에 집중해 짧은 시간 안에 웹페이지를 직접 제작할 수 있도록 구성했습니다.

📍 학습 흐름

Part 1: HTML 배우기

🧱 웹페이지의 뼈대가 되는 HTML의 기본 구조부터
✨ 텍스트, 이미지, 링크, 테이블, 폼 태그까지 하나하나 실습하며 익힙니다.

Part 2: CSS 배우기

🎨 CSS의 기본 문법과 선택자 활용부터
🔑 폰트/색상/단위, 박스 모델, Flexbox와 Grid를 활용한 레이아웃 설계, 반응형 웹까지 학습합니다.

최종 프로젝트: 포트폴리오 페이지 만들기

🖼️ 지금까지 배운 내용을 종합해, 나만의 개인 포트폴리오 웹페이지를 완성해봅니다.

💡 강의 특징

  • ⏱️ 짧은 이론 → 실습 → 연습 문제로 이어지는 구조
  • 📂 학습한 내용을 바로 적용할 수 있는 직장인 맞춤형 예제
  • 🖥️ 강의를 마치면, HTML & CSS로 간단한 웹페이지 제작 가능!
체험하기
모두 펼치기
교육 과정
모두 펼치기
  • 01
    Part 0. 준비하기
  • VScode 설치, 필수 extension 설치
  • 02
    Part 1. HTML 배우기
  • HTML의 기본 구조와 태그
    (강의 영상) HTML의 기본 구조와 태그
    시맨틱 태그와 폼
    (강의 영상) 시맨틱 태그와 폼
    연습 문제
    텍스트와 목록 태그
    연습 문제
    이미지와 링크 태그의 활용
    연습 문제
    테이블(Table) 태그로 정보 구조화하기
    연습 문제
    입력(Input) 요소와 폼 구조 마무리
    연습 문제
  • 03
    Part 2. CSS 배우기
  • CSS 기본 문법과 외부 스타일시트 연결
    연습 문제
    CSS 선택자 마스터
    연습 문제
    색상, 단위, 폰트 활용법
    연습 문제
    박스 모델 완전 이해(margin, padding, border)
    연습 문제
    레이아웃 기초 - Flexbox 활용
    연습 문제
    레이아웃 심화 - CSS Grid 활용
    연습 문제
    반응형 웹 기초 (미디어쿼리)
    연습 문제
    포트폴리오 페이지 만들기
마지막 업데이트|2025년 08월 22일
강의자 소개
안녕하세요! 저는 여러분의 코딩 여정을 쉽고 즐겁게 만들어드릴 Kai(카이)입니다. 🚀 코딩 초보자부터 초등학생, 중학생, 고등학생, 그리고 성인 학습자까지 누구나 쉽게 배우고 따라올 수 있도록, 맞춤형 콘텐츠를 제작하고 있습니다. 🔍 저는 이런 사람입니다: 초등학생들에게는 게임처럼 재밌는 코딩 실습을, 중·고등학생들에게는 학교 교과와 연계된 스마트한 코딩 스킬을, 성인 학습자들에게는 일과 삶에 도움이 되는 실용적인 코딩 교육을! “코딩은 어렵다”는 편견을 없애고, 누구나 코딩에 첫 발을 뗄 수 있도록 돕는 것이 제 미션이에요. 🎯 제 강의의 목표는 단 하나! “아, 이게 코딩이었구나! 나도 할 수 있겠는데?”라는 감탄사를 이끌어내는 것입니다. 🚀 그럼, 이제 여러분도 Kai(카이)와 함께 코딩 세계로 떠날 준비 되셨나요?

강좌 후기
무료

평균평점
0.0
난이도
쉬움
수강기간
평생 무제한
소요 시간
약 6시간 40분