HTML BASIC

1) Html & css

HTML 태그와 문서 구조를 배우며 웹 페이지의 기본 틀을 이해합니다. 텍스트 스타일링과 스타일시트를 통해 웹 디자인의 기초를 익힙니다.

2) Basic tags

텍스트 강조, 색상 설정, 이미지 삽입 및 링크 연결 방법을 배웁니다. 웹 페이지를 더 생동감 있게 꾸밀 수 있는 기초적인 기술을 익힙니다.

3) Rgb color

RGB 색상 구조와 선택 방법을 배우고, 웹 페이지의 전체 분위기에 어울리는 색상 조합과 효과적인 활용법을 익힙니다.

4) Margin

여백을 활용해 페이지의 요소를 정렬하고 배치하는 방법을 배웁니다. 수직 레이아웃을 설계하며 깔끔한 웹 페이지 구조를 만듭니다.

5) Import web font

HTML 문서의 기본 구조와 페이지 제목을 설정하는 방법을 배우고, 글꼴의 두께와 스타일, 다양한 글꼴을 사용하는 방법을 학습합니다.

6) Elements grouping

여러 요소를 목적과 기능에 맞게 그룹화하고 정리하며, 더욱 체계적이고 이해하기 쉬운 HTML 구조를 구성합니다.

7) Block styling

테두리, 패딩, 배경 이미지를 활용해 블록 요소를 스타일링하는 방법을 배웁니다. 페이지의 시각적 완성도를 높이는 스킬을 익힙니다.

8) Page Layout

블록과 인라인 요소의 특징과 차이를 이해하고, 콘텐츠의 흐름에 맞는 다양한 페이지 레이아웃을 직접 설계합니다.

9) Multi-column Layout

이미지와 콘텐츠를 여러 열로 효과적으로 배치하는 방법을 배우며, 균형 있고 깔끔하게 정돈된 페이지 구조를 구현합니다.

10) Specific elements

CSS 선택자를 다양하게 조합해 원하는 요소만 세부적으로 스타일링하고, 기존 디자인을 더욱 효과적으로 수정하고 개선합니다.

11) Interactivity

아이콘과 다양한 호버 효과를 적용해 사용자의 움직임에 자연스럽게 반응하는 생동감 있는 웹 페이지를 제작합니다.

12) Design playground

배운 내용을 실험하며 창의적인 아이디어를 시각적으로 표현합니다. 학습한 기술을 적용해보며 웹 디자인의 감각을 키울 수 있습니다.

Point 1
HTML과 CSS로
나만의 웹 개발 학습
Point 2
텍스트와 컬러로
스타일리쉬한 프로그래밍
Point 3
요소부터 레이아웃까지
웹 페이지 설계의 기본기
스타일리쉬한 텍스트 코드

문제를 정의하고 해결하는 사고력 웹 개발로 키워요!



수강생의 놀라운 변화
100% 리얼 포트폴리오

이미 많은 수강생들이 크리에이터로 활동하고 있습니다. 
유아부터 성인까지 수강생들의 놀라운 변화를 확인하세요.
수강 신청 안내

어피니티 유니버스 수강 신청 및 안내

카카오톡을 통해 수강 신청서를 작성해주세요.



사용 소프트웨어

HTML · CSS

수강 준비물

PC or Laptop, Email 계정

학습 기간

주 1회 (1:N 60mins|1:1 40mins) 12회

수강 방식

Gather Town 플랫폼을 활용한 온라인 실시간 강의

일정 및 보강 정책

• 공식 휴강: 한국 공휴일, 단계별 종료 시 (1주 휴강)

• 개인 사정으로 인한 결석 시, 각 단계별 1회에 한해 무료 보강 제공

• 희망하시는 클래스 고정 요일 및 시간은 신청서에 기재해 주시기 바랍니다.


HTML BASIC

1) HTML & CSS

HTML 태그와 문서 구조를 배우며 웹 페이지의 기본 틀을 이해합니다. 텍스트 스타일링과 스타일시트 사용법을 통해 웹 디자인의 기초를 익힙니다.

2) Basic tags

텍스트 강조, 색상 설정, 이미지 삽입 및 링크 연결 방법을 배웁니다. 웹 페이지를 더 생동감 있게 꾸밀 수 있는 기초적인 기술을 익힙니다.

3) Rgb color

RGB 색상 구조와 선택 방법을 배우고, 웹 페이지의 전체 분위기에 어울리는 색상 조합과 효과적인 활용법을 익힙니다.

4) Margin

여백을 활용해 페이지의 요소를 정렬하고 배치하는 방법을 배웁니다. 수직 레이아웃을 설계하며 깔끔한 웹 페이지 구조를 만듭니다.

5) Import web font

HTML 문서의 기본 구조와 페이지 제목을 설정하는 방법을 배우고, 글꼴의 두께와 스타일, 다양한 글꼴 패밀리를 사용하는 방법을 학습합니다.

6) Elements grouping

여러 요소를 목적과 기능에 맞게 그룹화하고 정리하며, 더욱 체계적이고 이해하기 쉬운 HTML 구조를 구성합니다.

7) Block styling

테두리, 패딩, 배경 이미지를 활용해 블록 요소를 스타일링하는 방법을 배웁니다. 페이지의 시각적 완성도를 높이는 스킬을 익힙니다.

8) Page Layout

블록과 인라인 요소의 특징과 차이를 이해하고, 콘텐츠의 흐름에 맞는 다양한 페이지 레이아웃을 직접 설계합니다.

9) Multi-column Layout

이미지와 콘텐츠를 여러 열로 효과적으로 배치하는 방법을 배우며, 균형 있고 깔끔하게 정돈된 페이지 구조를 구현합니다.

10) Specific elements

CSS 선택자를 다양하게 조합해 원하는 요소만 세부적으로 스타일링하고, 기존 디자인을 더욱 효과적으로 수정하고 개선합니다.

11) Interactivity

아이콘과 다양한 호버 효과를 적용해 사용자의 움직임에 자연스럽게 반응하는 생동감 있는 웹 페이지를 제작합니다.

12) Design playground

배운 내용을 실험하며 창의적인 아이디어를 시각적으로 표현합니다. 학습한 기술을 자유롭게 적용해보며 웹 디자인의 감각을 키울 수 있습니다.

Point 1

HTML과 CSS로

나만의 웹 개발

Point 2

텍스트와 컬러로

스타일리쉬한 프로그래밍

Point 3

요소부터 레이아웃까지

웹 설계의 기본기


스타일리쉬한 텍스트 코드

문제를 정의하고 해결하는 사고력

웹 개발로 키워요!

수강생의 놀라운 변화
100% 리얼 포트폴리오

이미 많은 수강생들이 크리에이터로 활동하고 있습니다. 유아부터 성인까지 수강생들의 놀라운 변화를 확인하세요.

수강 신청 안내

어피니티 유니버스 수강 신청 및 안내

카카오톡을 통해 수강 신청서를 작성해주세요.


사용 소프트웨어

HTML · CSS

수강 준비물

PC or Laptop, Email 계정

학습 기간

주 1회 (1:N 60mins | 1:1 40mins) 12회

수강 방식

Gather Town 플랫폼을 활용한 온라인 실시간 강의

일정 및 보강 정책

• 공식 휴강: 한국 공휴일, 단계별 종료 시 (1주 휴강)

• 개인 사정으로 인한 결석 시, 각 단계별 1회에 한해 무료 보강 제공

• 희망하시는 클래스 고정 요일 및 시간은 신청서에 기재해 주시기 바랍니다.

수강생 작품과
수업 현황을 한 번에!

공식 인스타그램, 유튜브, 블로그 채널을 통해
학습 과정과 결과를 기록하고 있습니다.

 
수강생 작품과 수업 현황을 한 번에!

공식 인스타그램, 유튜브, 블로그 채널을 통해

학습 과정과 결과를 기록하고 있습니다.

굿즈샵
굿즈샵
상담톡
상담톡