[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-1

과정 소개

본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2, 3편에서 이어지는 4편 시리즈 강좌입니다.

최신의 CSS 레이아웃 기술들인 flexbox와 grid 기반의 레이아웃에 대해서 살펴보며 CSS 프레임워크를 이용한 메인 구성 등을 학습합니다.

이 강좌를 통하여 CSS 기반의 다양한 레이아웃 기본기를 다질 수 있습니다.

강의 대상

CSS 기본문법중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다.

강의 목표

CSS 학습에 부담을 가지는 학습자

빠른 시간에 CSS 기능을 학습하고자 하는 자

자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자

학습 내용

1. 섹션 1
   1. 강의개요
   2. 캐러셀 슬라이드 배너 적용하기 위한 CDN 삽입하기
   3. 부트스트랩 삽입 후 레이아웃 깨지는 현상 원인과 해결 방법
   4. 각각의 엘리먼트 용어(영어단어) 암기하기
2. 섹션 2
   1. 캐러셀 슬라이드 배너를 위한 기본 마크업 하기
   2. 무료로 이미지와 동영상을 이용할 수 있는 사이트 알아보기
   3. 슬라이드 배너 이미지 삽입하기
   4. 이미지 삽입 후 레이아웃이 일부 깨지는 현상에 대해서
3. 섹션 3
   1. command tag를 사용하여 캐러셀 슬라이드 배너 동작시키기
   2. 캐러셀 슬라이드 배너에 자막 넣기
   3. 초보자를 위한 css 오류 잡는 방법
   4. 이미지 사이즈 일괄수정 클래스 적용 및 캡션 배경색 넣기
4. 섹션 4
   1. 이미지에 링크 걸고 링크 없는 이미지 고려하여 2개 클래스 적용하기
   2. 가독성을 위한 배경색 클래스 지정하고 대소문자 적용하기
   3. Left and Right Controls 구현
   4. indicators 동작 구현
5. 섹션 5
   1. 캐러셀 슬라이드 배너 핵심 pt 정리

교강사

훈련 비용

과정 후기