아이티고

강좌검색

  • 강좌검색
  • 질문검색
    최근 검색어 자동저장 전체삭제

    알림

    [HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-2 여기를 클릭하면, 샘플강의가 재생됩니다. 김동준 강사
    tag
    강좌코드 : la_H021106
    열공이

    [HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-2
    담당강사 : 김동준

    강의구성 총 17강좌 (강의시간 : 총 ) 수강기간 30일
    강의형식 동영상 수강료 34,000원 이 강좌의 80% 이상 수강 시
    출력이 가능합니다.
    강의수준 초급 강의에서 사용하는
    프로그램 & 버전
    -
    담당강사
    강사사진
    김동준 강사
    • - 제이에스미디어 웹에이전시 팀장
    • - 인터넷교육방송 팀장
    • - 한훈직업전문학교 온라인 팀장
    • - 다수의 직업훈련학교 등 강의
    참고도서
    강의구성 총 17강좌 (강의시간 : 총 )
    수강기간 30일
    강의형식 동영상
    수강료 34,000원 이 강좌의 80% 이상 수강 시
    출력이 가능합니다.
    강의수준 초급
    강의에서 사용하는
    프로그램 & 버전
    -
    담당강사
    김동준 강사
    • - 제이에스미디어 웹에이전시 팀장
    • - 인터넷교육방송 팀장
    • - 한훈직업전문학교 온라인 팀장
    • - 다수의 직업훈련학교 등 강의
    수강신청
    • 현재 강좌만 수강 신청하기
    • 수강료 34,000원
    • 수강기간 : 30일 수강신청
    • 자유이용권으로 수강하기
    • 총 4,194강좌 / 54,382개 영상
      3개월 62,700원, 6개월 118,800원, 12개월 224,400원의 가격으로 무제한 수강해 보세요.
    • 자유이용권 구매 >
    과정소개
    본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2, 3편에서 이어지는 4편 시리즈 강좌입니다. 최신의 CSS 레이아웃 기술들인 flexbox와 grid 기반의 레이아웃에 대해서 살펴보며 CSS 프레임워크를 이용한 메인 구성 등을 학습합니다. 이 강좌를 통하여 CSS 기반의 다양한 레이아웃 기본기를 다질 수 있습니다.
    학습목표
    1. CSS 기본문법중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다.
    교육대상
    1. CSS 학습에 부담을 가지는 학습자 2. 빠른 시간에 CSS 기능을 학습하고자 하는 자 3. 자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자
    차시별 학습목표
    01. 캐러셀 좌우 컨트롤 이미지 대체하기
    02. 캐러셀 좌우 컨트롤 이미지 대체하기
    03. 캐러셀 좌우 컨트롤 이미지 대체하기
    04. 전체 캐러셀 영역 조절하기
    05. BS 3버전과 4버전 차이점들과 디자인 변화 살펴보기
    06. BS 3버전과 4버전 차이점들과 디자인 변화 살펴보기
    07. flex 기반의 상단메뉴 만들기 개요 및 구조 보기
    08. flex 상단메뉴 마크업 및 Css 코딩
    09. flex 상단메뉴 마크업 및 Css 코딩
    10. flex 상단메뉴 우측 로그인 버튼 및 수평 정렬
    11. 부드러운 애니메이션을 위한 Transition 속성 적용
    12. Css Transition 속성 4가지
    13. Css Transition 옵션들 정리
    14. 트랜지션 옵션간의 변화와 차이점 알아보기
    15. 상단메뉴 우측 버튼에 디자인 클래스 적용하기
    16. 상단메뉴 우측 버튼에 디자인 클래스 적용하기
    17. flex 상단메뉴 마무리 정리
    참고사항
    - 수강 기간 중 언제든지 반복 수강이 가능합니다.
    - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
    - 수강 신청 완료 후 수강할 수 있습니다.
    - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.

    시리즈강좌

    수강평

    • 0.0
    • 0.0
    • (0개의 수강평)
    버튼
    • 최신순
    • 높은 평점순
    • 낮은 평점순
    ※ 리뷰는 본 강의를 1차시 이상 수강하셔야 작성하실 수 있습니다.
    이전 1/297 다음
    수강생 리뷰 작성

    평점

    버튼
    • 5점
    • 4점
    • 3점
    • 2점
    • 1점

    수강평

    ※ 수강평은 최대 200자까지 가능합니다.
    ※ 리뷰 작성 안내
    본 리뷰는 AItgo 사이트에 작성자 ID와 함께 게시됩니다.
    타인에게 불쾌감을 줄 수 있는 부적절한 표현(욕설, 비방, 비속어 등등)이 들어 있는 게시물의 경우 고지 없이 삭제 될 수 있습니다.
    작성하신 리뷰는 "My Class > 나의 수강 리뷰" 페이지에서 삭제 하실 수 있습니다.
    강좌 리스트
    01. 아이콘 이미지 수정하기(1) [27:12]
    02. 아이콘 이미지 수정하기(2) [24:35]
    03. 아이콘 이미지 수정하기(3) [23:04]
    04. 캐러셀 이미지 가로 너비 조절하기 [31:00]
    05. 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(1) [22:13]
    06. 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(2) [22:42]
    07. 네비게이션 상단 메뉴 만들기 개요 및 전체 구조 미리보기 [13:55]
    08. 상단메뉴 마크업 및 CSS 코딩(1) - 로고, (2) - li [21:12]
    09. 상단메뉴 마크업 및 CSS 코딩(3) - 센저리프 계열 폰트 적용, (4) - flexbox [37:45]
    10. 우측 로그인 버튼 만들기 및 메뉴 수평 정렬 [14:59]
    11. 스무스한 애니메이션 적용을 위한 Transition 속성 사용하기 [26:56]
    12. 트랜지션 속성 4가지 정리하기 [27:35]
    13. 트랜지션 옵션들 정리 [15:38]
    14. Transition linear ease 옵션의 차이점 눈으로 확인하기 [19:07]
    15. 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(1) [12:04]
    16. 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(2) [31:04]
    17. 상단 네비게이션 디자인과 하단 디자인 PT 정리 [38:21]
    지금 자유이용권 구매하고, 모든 강의를 자유롭게 수강하세요!