Name: BootStrap 클래식 사례 분석
Uploaded: 2022-04-13T14:40:19+8:00
Duration: 265 min 38 s

장1소개하다: 콘텐츠 소개
06분35초; 교육 목표
04분27초
장2첫 번째 사례: 좁은 화면 모드 웹 디자인_작업 출시
02분13초; 좁은 화면 모드 웹 디자인_스킬 포인트
01분53초; 협소화면모드 웹디자인_준비작업
08분43초; 좁은 화면 모드 웹 디자인_step1_프레임워크 구축
07분35초; 좁은 화면 모드 웹 디자인_step2_네비게이션 바 디자인
04분59초; 좁은 화면 모드 웹 디자인_step3_jumbotron 제목
04분05초; 좁은 화면 모드 웹 디자인_단계4_각 섹션의 내용 디자인
02분31초; 좁은 화면 모드 웹 디자인_step5_custom CSS 미화 페이지
08분25초; 좁은 화면 모드 웹 디자인_사례 요약
03분24초
장3사례 2: 고정 레이아웃 모드 웹 디자인_작업 릴리스
02분20초; 고정 레이아웃 모드 웹 디자인_준비 작업
02분00초; 고정 레이아웃 모드 웹 디자인_step1_framework 구축
05분06초; 고정 레이아웃 모드 웹 디자인_step2_content 레이아웃 및 조판
04분17초; 고정 레이아웃 모드 웹 디자인_단계3_디자인 제목 내용
05분10초; 고정 레이아웃 모드 웹 디자인_step4_디자인 열 섹션 내용
05분10초; 고정 레이아웃 모드 웹 디자인_step5_반응형 탐색 모음 디자인
19분49초; 고정 레이아웃 모드 웹 디자인_사례 요약
02분08초
장4사례 3: 로그인 인터페이스 실제 전투_step1_과제 해제 및 스킬 포인트 분석
02분09초; 로그인 인터페이스 실제 Combat_step2_양식 로그인의 각 구성 요소 추가
07분19초; 로그인 인터페이스 practice_step3_미화를 위한 CSS 추가
04분21초; 로그인 인터페이스 practice_step4_CSS를 적용하여 요소 형성
07분53초; 로그인 인터페이스 실제 Combat_step5_enhance 기능 효과
07분11초; 로그인 인터페이스 실습_사례 요약
02분05초
장5사례 4: 실제 모바일 레이아웃_작업 릴리스
01분44초; 실제 모바일 레이아웃_스킬포인트 및 준비작업
01분49초; 실제 흐름 레이아웃_1단계_전체 프레임워크 구축
09분55초; 실용적인 흐름 레이아웃_step2_top 네비게이션 바 디자인
03분49초; 실제 흐름 레이아웃_3단계_제목 블록 디자인
02분36초; 실용적인 흐름 레이아웃_step4_콘텐츠 상세 반응형 디자인
05분42초; 실제 흐름 레이아웃_단계5_디자인 측면 탐색 모음
03분01초; 실제 흐름 레이아웃_단계6_작은 화면을 숨기기 위해 측면 탐색 모음 재구성
02분34초; 실제 흐름 레이아웃_단계7_제목 표시줄을 재구성하여 동적 콘텐츠 추가
04분29초; 실제 흐름 레이아웃_단계8_JS 이벤트를 동적 콘텐츠에 연결
03분42초; 실용적인 모바일 레이아웃_케이스 소형
02분09초
장6사례 5: 마케팅 웹사이트 디자인_과제출시, 스킬포인트 분석
02분25초; 마케팅 웹사이트 디자인_준비작업 및 구현단계 분석
01분12초; 마케팅 웹사이트 디자인_step1_홈페이지 전체 프레임워크 디자인
04분08초; 마케팅 웹사이트 디자인_단계2_상단 탐색 표시줄 개선
03분24초; 마케팅 웹사이트 디자인_단계3_강조 제목 디자인
03분08초; 마케팅 웹사이트 디자인_step4_상세 콘텐츠 디자인
04분27초; 마케팅 웹사이트 디자인_단계5_맞춤형 CSS 미화 페이지
07분36초; 마케팅 웹사이트 디자인_사례 요약
01분35초
장7사례 6: 웹페이지 상단 및 하단에 효과 붙여넣기_작업 릴리스
02분06초; 웹페이지 상단과 하단에 붙여넣기 효과_스킬포인트 및 준비작업
02분09초; 웹페이지 상단과 하단에 효과 붙여넣기_step1_전체 프레임 레이아웃
03분26초; 웹페이지 상단과 하단에 효과 붙여넣기_step2_top 네비게이션 바
05분01초; 웹페이지 상단과 하단에 붙여넣기 효과_step3_bottom 요소 디자인
02분40초; 웹페이지 상단과 하단에 붙여넣기 효과_step4_내부파트 디자인
02분21초; 웹페이지 상단과 하단에 붙여넣기 효과_step5_bottom 탐색 고정 효과
03분50초; 웹페이지 상단과 하단에 효과를 붙여넣기_step6_페이지를 아름답게 만드는 CSS 맞춤설정
01분53초; 웹페이지 상단과 하단에 붙여넣기 효과_사례요약
01분45초
장8사례 7: 블로그 페이지_작업 릴리스
01분51초; 블로그 페이지_스킬 포인트 및 준비 작업
01분59초; 블로그 페이지_1단계_전체 프레임워크 구축
07분43초; 블로그 페이지_step2_top 탐색 모음
03분48초; 블로그 페이지_step3_tail 콘텐츠 디자인
03분42초; 블로그 페이지_step4_디자인 상단 제목
02분39초; 블로그 페이지_step5_콘텐츠 파트 레이아웃 디자인
04분38초; 블로그 페이지_step6_하단 기사 페이지 매김
01분48초; 블로그 페이지_step7_sidebar 콘텐츠 디자인
03분11초; 블로그 페이지_step8_CSS를 추가하여 헤더 메뉴를 아름답게 만들기
03분59초; 블로그 페이지_step9_CSS를 추가하여 꼬리 콘텐츠 꾸미기
02분27초; 블로그 페이지_사례 요약
01분29초

BootStrap 클래식 사례 분석

강사 소개

PHP 중국어 웹사이트