CSS 색상과 배경 관련 속성, 깊이 이해하기

CSS 색상과 배경 관련 속성, 깊이 이해하기

3,000원

10

CSS 색상과 배경 관련 속성, 깊이 이해하기

다양한 색상과 배경 관련 속성을 활용하여 웹사이트를 만들어보세요!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 CSS를 활용해 색상과 배경을 설정하는 방법을 학습하고, 웹 페이지의 시각적 완성도를 높이는 기술을 익힐 수 있도록 도와드립니다. 색상 지정 방식(hex, rgb, hsl)과 배경 이미지, 배경 반복 설정을 실전 사례와 함께 배워보세요! 😊

📍 색상 지정 방법 이해: hex, rgb, hsl 등 다양한 색상 지정 방식을 학습하고, 상황에 맞는 활용법을 익힙니다.
📍 배경 이미지 설정: 배경 이미지를 웹 페이지에 삽입하고, 반복 여부와 배치 옵션을 설정하는 방법을 배웁니다.
📍 시각적 완성도를 높이는 배경 디자인: 색상과 배경 이미지를 조합하여 심미적이고 사용자 친화적인 웹 페이지를 설계하는 방법을 학습합니다.


👩🏻‍💻 이런 분을 위해 만들었어요

📍 CSS 색상 지정 방식과 배경 설정을 처음 배우는 초보 개발자
📍 색상과 배경을 조화롭게 사용해 웹 페이지를 시각적으로 향상시키고 싶은 분
📍 배경 이미지와 반복 설정을 사용하여 독창적인 디자인을 구현하고 싶은 분
📍 색상 조합과 배경 디자인을 통해 웹 페이지의 완성도를 높이고 싶은 분

🎁 강의는 이렇게 구성돼요

📍 색상 지정(hex, rgb, hsl)과 배경 이미지 설정의 기본 개념과 활용법을 배워요!
📍 배경 이미지의 반복, 크기, 배치를 설정해 웹 페이지의 디자인 완성도를 높이는 방법을 학습합니다!
📍 색상과 배경 디자인을 조합해 실전에서 사용 가능한 시각적인 웹 페이지를 설계하는 방법을 익힙니다!

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

🙋🏻 질문이 있으신가요?

링크를 통해 위코드 코딩 질문방으로 오세요!
위코드 스태프들이 직접 친절하게 알려드립니다! 🫡
👉 위코드 코딩 질문방으로 들어가기 (비밀번호: wecode)


커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon실전 예제: 컬러 팔레트와 배경 디자인
  • Play Icon프로젝트: 색상과 배경을 활용한 브랜드 웹페이지
  • Play Icon추가 심화: 그라디언트 애니메이션과 혼합 모드(mix-blend-mode)
  • Play Icon정교한 배경 효과: 다중 배경, 패턴 반복
  • Play Icon브랜딩과 UI/UX를 위한 색상 전략
  • Play Icon최종 과제: 고급 배경과 색상 처리로 완성도 높이기