검색

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

  • 교육기간4주
  • 교육시간15시간
  • 과정 소개
  • 학습 목차
  • 수강후기
  • 본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2편에서 이어지는 3편 강좌입니다. 3편에서는 실전적인 레이아웃 스킬들을 배우고 학습합니다. Float 속성과 position 속성들을 사용한 실전적인 레이아웃 기법과 반응형 웹사이트 레이아웃 등을 학습합니다. 그리고 최신의 레이아웃 기법들도 살펴봅니다.
  • 학습차수 학습명 학습시간 학습
    1차시 강의개요 25분 미리보기
    2차시 웹사이트 제작의 흐름(1) 25분
    3차시 웹사이트 제작의 흐름(2) 25분
    4차시 아톰 에디터 최신버전 설치하기 25분
    5차시 기존 예제의 원본 6단계 수정 과정 25분
    6차시 레이아웃 수정 코딩 실습 1-2단계 25분
    7차시 레이아웃 수정 코딩 실습 3-4단계 25분
    8차시 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(1) 25분
    9차시 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(2) 25분
    10차시 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(3) 25분
    11차시 아톰 기본설정 변경하기 25분
    12차시 좌우 컨테이너 박스 가운데 정렬 및 부유 시키기 25분
    13차시 포지션 속성에 따른 z, y, z축 공간좌표 이해 25분
    14차시 3차원 공간좌표 z축 포지션 속성 실습 25분
    15차시 포지션 속성의 다른 속성 값들 이해 및 마무리 25분