CSS강의 웹사이트 레이아웃 -실무 클래스- скачать в хорошем качестве

CSS강의 웹사이트 레이아웃 -실무 클래스-

안녕하세요? 모두를 위한 모든 IT 온라인 교육 플랫폼 "이지업클래스"입니다. 전체 강의는 www.easyupclass.com에서 서비스 하고 있습니다. K-디지털 기초역량 국비지원 온라인 훈련은 www.e-itwill.com에서 확인하세요 [전체 커리큘럼] 본 클래스는 총 86차시, 34시간 18분 분량으로 구성되어 있습니다. https://easyupclass.e-itwill.com/cour... 1강 강의개요 - 25분 2강 웹사이트 제작의 흐름(1) - 20분 3강 웹사이트 제작의 흐름(2) - 13분 4강 아톰 에디터 최신버전 설치하기 - 12분 5강 기존 예제의 원본 6단계 수정 과정 - 33분 6강 레이아웃 수정 코딩 실습 1-2단계 - 15분 7강 레이아웃 수정 코딩 실습 3-4단계 - 15분 8강 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(1) - 21분 9강 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(2) - 19분 10강 박스 3개를 메인이미지 박스 위로 띄워서 겹치기(3) - 14분 11강 아톰 기본설정 변경하기 - 10분 12강 좌우 컨테이너 박스 가운데 정렬 및 부유 시키기 - 26분 13강 포지션 속성에 따른 z, y, z축 공간좌표 이해 - 19분 14강 3차원 공간좌표 z축 포지션 속성 실습 - 29분 15강 포지션 속성의 다른 속성 값들 이해 및 마무리 - 43분 16강 반응형 웹사이트 레이아웃 - 마크업 및 기본 구조 - 16분 17강 반응형 웹사이트 레이아웃 - PC버전 CSS 코딩하기 - 18분 18강 반응형 웹사이트 레이아웃 - 박스 너비 수치 정확히 계산하기 - 32분 19강 반응형 웹사이트 레이아웃 - 보더값이 들어간 경우의 계산 및 박스사이징 사용 - 23분 20강 미디어쿼리를 사용한 모바일 최적화 코딩 - 33분 21강 height값을 auto로 수정했을 경우 반응형 사이트의 모습은 - 12분 22강 Full Coding - 기본 프레임 구축하기 - 27분 23강 Full Coding - inner-div-box 삽입하기 - 16분 24강 Full Coding - inner-div-box 각 영역에 삽입하기 - 23분 25강 Full Coding - 메인박스에 박스 3개 삽입하기 - 21분 26강 Full Coding - 박스 3개 부유시키기 - 19분 27강 position 속성에 대한 기초이론1 - 38분 28강 position 속성에 대한 기초이론2 - 36분 29강 position 속성에 대한 기초이론3 - 46분 30강 flexbox 수평정렬(1) - 31분 31강 flexbox 수평정렬(2) - 26분 32강 flexbox 수직정렬(1) - 25분 33강 flexbox 수직정렬(2) - 21분 34강 baseline 첫번째 예제 - 별도의 클래스 만들어서 적용하기 - 22분 35강 Tip 박스 정사각형 모양으로 만들기 팁 2가지 - 9분 36강 baseline에 대한 고찰 - 28분 37강 강의개요 - 37분 38강 캐러셀 슬라이드 배너 적용하기 위한 CDN 삽입하기 - 27분 39강 부트스트랩 삽입 후 레이아웃 깨지는 현상 원인과 해결 방법 - 15분 40강 각각의 엘리먼트 용어(영어단어) 암기하기 - 10분 41강 캐러셀 슬라이드 배너를 위한 기본 마크업 하기 - 24분 42강 무료로 이미지와 동영상을 이용할 수 있는 사이트 알아보기 - 14분 43강 슬라이드 배너 이미지 삽입하기 - 13분 44강 이미지 삽입 후 레이아웃이 일부 깨지는 현상에 대해서 - 11분 45강 command tag를 사용하여 캐러셀 슬라이드 배너 동작시키기 - 21분 46강 캐러셀 슬라이드 배너에 자막 넣기 - 21분 47강 초보자를 위한 css 오류 잡는 방법 - 11분 48강 이미지 사이즈 일괄수정 클래스 적용 및 캡션 배경색 넣기 - 13분 49강 이미지에 링크 걸고 링크 없는 이미지 고려하여 2개 클래스 적용하기 - 12분 50강 가독성을 위한 배경색 클래스 지정하고 대소문자 적용하기 - 16분 51강 Left and Right Controls 구현 - 30분 52강 indicators 동작 구현 - 21분 53강 캐러셀 슬라이드 배너 핵심 pt 정리 - 44분 54강 아이콘 이미지 수정하기(1) - 27분 55강 아이콘 이미지 수정하기(2) - 24분 56강 아이콘 이미지 수정하기(3) - 23분 57강 캐러셀 이미지 가로 너비 조절하기31분 58강 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(1) - 22분 59강 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(2) - 22분 60강 네비게이션 상단 메뉴 만들기 개요 및 전체 구조 미리보기 - 13분 61강 상단메뉴 마크업 및 CSS 코딩(1) - 로고, (2) - li - 21분 62강 상단메뉴 마크업 및 CSS 코딩(3) - 센저리프 계열 폰트 적용, (4) - flexbox - 37분 63강 우측 로그인 버튼 만들기 및 메뉴 수평 정렬 - 14분 64강 스무스한 애니메이션 적용을 위한 Transition 속성 사용하기 - 26분 65강 트랜지션 속성 4가지 정리하기 - 27분 66강 트랜지션 옵션들 정리 - 15분 67강 Transition linear ease 옵션의 차이점 눈으로 확인하기 - 19분 68강 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(1) - 12분 69강 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(2) - 31분 70강 상단 네비게이션 디자인과 하단 디자인 PT 정리 - 38분 71강 하단 디자인 레이아웃(1) - 36분 72강 하단 디자인 레이아웃(2) - 34분 73강 하단 디자인 레이아웃(3) - 30분 74강 하단 디자인 레이아웃(4) - 마무리 - 20분 75강 Grid 강의개요 및 Grid 이전의 전통적인 레이아웃 구성 - 37분 76강 Grid 기술을 사용한 레이아웃 구성(1) - grid - 19분 77강 Grid 기술을 사용한 레이아웃 구성(2) - fr 단위 - 36분 78강 Grid 기술을 사용한 레이아웃 구성(3) - columns - 19분 79강 Grid 기술을 사용한 레이아웃 구성(4) - areas - 43분 80강 Grid 기술을 사용한 레이아웃 구성(5) - other options - 28분 81강 Grid 기술을 사용한 레이아웃 구성(6) - perpendicular merge - 20분 82강 Grid의 새로운 단위 fr 개념 좀 더 자세히 이해하기(1) - 21분 83강 Grid의 새로운 단위 fr 개념 좀 더 자세히 이해하기(2) - 33분 84강 Grid fr 단위 auto 자세히 이해하기 - 34분 85강 Grid 레이아웃을 상단메뉴에 활용하는 실전 연습(1) - 17분 86강 Grid 레이아웃을 상단메뉴에 활용하는 실전 연습(2) - 16분