HTML 태그와 CSS 스타일시트를 배우며 웹 페이지의 기초를 손쉽게 익혀보세요.
텍스트 정렬, 색상 선택, 이미지 삽입 등으로 기본적인 웹 페이지 스타일링을 완성합니다.
테두리, 패딩, 배경 이미지 등을 활용해 블록 요소를 스타일링하며 레이아웃 설계의 기초를 배웁니다.
HTML을 사용하여 제목과 문단이 있는 웹 페이지를 제작하는 방법을 학습합니다.
CSS를 통해 텍스트 스타일을 변경하고 페이지에 링크와 이미지를 추가해요!
여백, 패딩, 테두리를 활용해 페이지를 구성하고, 색상과 글꼴을 선택해 스타일링을 완성합니다.
이미지를 적절히 배치하고 배경을 꾸며 최적의 결과를 얻는 방법을 배울 수 있어요!
페이지에 상호작용을 추가하고 창의적이고 목적에 맞는 웹 페이지를 만드는 방법을 배웁니다.
웹 디자인 플레이그라운드에서 직접 아이디어를 실험하며 창의적인 디자인을 연습해볼까요?
HTML 태그와 문서 구조를 배우며 웹 페이지의 기본 틀을 이해합니다. 텍스트 스타일링과 스타일시트 사용법을 통해 웹 디자인의 기초를 익힙니다.
텍스트 강조, 색상 설정, 이미지 삽입 및 링크 연결 방법을 배웁니다. 웹 페이지를 더 생동감 있게 꾸밀 수 있는 기초적인 기술을 익힙니다.
RGB 와 색상 선택 방법을 배우며, 웹 페이지 디자인에 적합한 색상 조합을 익힙니다. 색상의 활용과 시각적 효과를 이해해 웹 페이지의 분위기를 조율합니다.
여백을 활용해 페이지의 요소를 정렬하고 배치하는 방법을 배웁니다. 수직 레이아웃을 설계하며 깔끔한 웹 페이지 구조를 만듭니다.
HTML 문서의 기본 구조와 페이지 제목을 설정하는 방법을 배우고, 글꼴의 두께와 스타일, 다양한 글꼴 패밀리를 사용하는 방법을 학습합니다.
요소들을 그룹화하고 정리하는 방법을 배우며, HTML 구조를 체계적으로 구성합니다. 그룹화된 요소를 통해 직관적이고 깔끔한 웹 페이지를 설계할 수 있습니다.
테두리, 패딩, 배경 이미지를 활용해 블록 요소를 스타일링하는 방법을 배웁니다. 페이지의 시각적 완성도를 높이는 스킬을 익힙니다.
레이아웃 모드와 인라인 요소를 배치하는 방법을 배우며, 다양한 페이지 구조를 설계합니다. 인라인 및 블록 요소의 속성을 활용해 콘텐츠를 유연하게 배치합니다.
전체 너비 이미지를 포함한 다양한 이미지 배치 방법과 다중 열 레이아웃을 배우며, 시각적 균형을 잡습니다. 복잡한 페이지 디자인을 체계적으로 구현할 수 있습니다.
CSS 선택자를 결합하여 특정 요소를 스타일링하고, 기존 스타일을 재정의하는 방법을 배웁니다. 효과적인 스타일링을 구현하는 방법을 습득합니다.
아이콘 세트를 추가하고, 호버 효과를 통해 요소에 상호작용을 더하는 방법을 배웁니다. 창의적인 디자인을 통해 페이지를 더욱 생동감 있게 제작합니다.
