IT전문가

멀티미디어

Apple

오피스 / 자격증

HOME>IT전문가>핵심 웹표준퍼블리셔>웹표준 초보 + 부트스트랩

웹표준 초보 + 부트스트랩

웹표준 초보 + 부트스트랩
20회차 속성과정
전체 : 11시간 14분|회차당 평균 : 33분42초

이용기간 2개월

전문강사 : 알지오 R&D [IT]

300,000185,000



웹표준 초보 + 부트스트랩 인강 평생교육원 교육 안내
웹개발을 시작하는 분들이 반드시 이용해야 하며 전문가적 형태로 강의구성이 진행되고 있어 단계에 따라 체계적으로 학습할 수 있습니다. 입문자뿐만 아니라 전문가에게도 도움이 되는 내용입니다.
  • 01.43분 html css 웹표준까지 한번에 OK 1

    html문서와 css상속관계, 모든 브라우저 웹표준 알기

    책갈피 [00:02] 엘리먼트/[05:08] ul목록/[09:57] line-height/[14:58] a href/[15:21] 텍스트컬러정의/[21:25] 블럭처리/[26:46] 마우스오버

  • 02.36분 html css 웹표준까지 한번에 OK 2

    css의 모든요소, css3와 웹표준 선언, 박스넓이 올바른 계산

    책갈피[00:57] 상속관계/[04:51] 텍스트컬러/[09:08] 박스만들기/[14:11] 보더/[18:19] 패딩/[24:25] 보더레디어스/[29:45] 넓이값의계산

  • 03.37분 html css 웹표준까지 한번에 OK 3

    배경의 모든것 a::before, content 완벽이해

    책갈피[01:41] 백그라운드요소/[03:05] a옵션/[08:40] 백그라운드이미지/[13:34] 이미지경로/[17:38] 리니어그라디언트/[21:58] 포지션/[25:31] 이미지출력/[30:56] 가로자릿수/[35:32] content

  • 04.30분 html css 웹표준까지 한번에 OK 4

    목록의 모든것

    책갈피[00:02] 엘리먼트/[05:08] ul목록/[09:57] line-height/[14:58] a href/[15:21] 텍스트컬러정의/[21:25] 블럭처리/[26:46] 마우스오버

  • 05.34분 html css 웹표준 : 홈페이지 제작

    상단제작 - 관련 태그와 기능, 기본 레이아웃

    책갈피[05:14] ul가로메뉴/[09:54] li수치/[15:01] 상단로고/[19:58] text-align/[25:16] 레이아웃/[28:26] 가운데정렬

  • 홈페이지 제작과정!
  • 06.30분 실제 홈페이지 제작 1

    포지션과 상단 메뉴 관련 레이아웃 멋지게 셋팅하기

    책갈피[05:10] 포지션/[10:28] relative/[15:51] 내부와외부여백없애기/[20:27] 내부여백주기/[25:39] float

  • 07.29분 실제 홈페이지 제작 2

    top과 상단 각각 의 메뉴들 및 로고 배치

    책갈피[00:32] 메뉴구분선/[04:59] 헤더메뉴만들기/[10:05] 헤더메뉴 텍스트,컬러 바꾸기/[14:15] 로고가운데정렬/[23:22] 앱솔루트

  • 08.30분 실제 홈페이지 제작 - nav 종류별 배치

    구글폰트 적용 및 포지션별 실무 배치 안내

    책갈피[06:17] 포지션엡솔루트/[10:04] padding-top/[15:32] 면적주기/[20:50] main_right/[24:57] 넓이와높이반영

  • 09.31분 실제 홈페이지 제작 - nav 팝업

    그라디언트, 그림자, 종류별 숨김메뉴

    책갈피[02:01] linear-gradient/[06:35] 타원형그라디언트/[09:35] 위치정의/[13:34] visibility/[17:50] 디스플레이/[22:48] 텍스트쉐도우/[26:44] 숨김메뉴

  • 10.31분 실제 홈페이지 제작 - 배경 및 레이아웃

    bg사이즈 와 포지션, div 테이블 화 레이아웃

    책갈피[00:06] 브라우저 차이/[05:30] 백그라운드 포지션 /[12:14] 브라우저 절대위치,상대위치/[17:37] 백그라운드 높이 설정/[21:12] 마우스 오버 만들기/[24:09] div 이용하여 다른내용 추가/[29:51] 결론

  • 11.35분 컨테이너의 모든것 - 최종 레이아웃

    종류별과 레이아웃의 모든 것

    책갈피[00:19] 레이아웃 만들기/[07:30] cell 추가/[11:00] 테이블 추가/[13:30] container 알아보기/[19:44] footer 정의하기/[22:39] header, footer 이용하기/[30:21] 포지션 정의하기

  • bootstrap4
  • 12.35분 최종 레이아웃, bootstrap4 chapter-1

    레이아웃의 최종, 부트스트랩 설치와 cdn 반응형웹과 css요소 실습

    책갈피[01:30] body 정의하기/[06:52] font 정의하기/[08:53] color 정의하기/[11:19] 내용 만들기/[16:00] 배경, 본문 만들기/[22:21] 부트스트랩/[29:57] cdn와 로컬의 차이점/[31:46] 부트스트랩 파일 알아보기

  • 13.30분 bootstrap4 chapter-2

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[00:19] media query 이해하기/[04:48] container-fluid와 container 차이점/[05:28] 그리드 시스템/[09:58] 그리드 시스템의 수평과 수직/[13:24] flex 정의/[16:59] 그리드 시스템 설명 /[25:28] 텍스트 정의하기

  • 14.35분 bootstrap4 chapter-3

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[00:02] small tag 이용하기/[05:05] 인용문 만들기/[08:54] 목록 만들기/[16:26] media tag 만들기/[19:58] media-body 정의하기/[25:46] ul, li 세팅하기/[28:18] 텍스트 컬러와 링크

  • 15.35분 bootstrap chapter-4

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[00:02] 테이블/[05:01] 테이블 백그라운드 설정/[12:56] 테이블 색상 및 효과 넣기/[22:38] 테이블 크기 조정/[31:50] 이미지 조정하기

  • 16.34분 bootstrap chapter-5

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[00:02] 이미지 위치 조정하기/[04:12] 반응형 이미지/[09:16] jumbotron/[15:36] 메세지 만들기/[24:07] 원하는 위치에 메세지 만들기/[29:00] 버튼 만들기

  • 17.35분 bootstrap chapter-6

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[00:10] 버튼에 링크 만들기/[08:40] 버튼에 효과 주기/[15:43] 버튼 그룹 만들기/[21:26] 버튼에 그룹다운 설정하기/[26:13] element.style/[31:41] badge

  • 18.34분 bootstrap chapter-7

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[03:47] 웹 메뉴/[06:33] 진행바/[10:51] style 반영/[16:28] 넓이 조절/[18:07] 페이지/[25:22] active/[29:59] padding

  • 19.37분 bootstrap chapter-8

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[01:37] css 변환/[06:53] list-group/[09:53] column-reverse/[15:43] action/[20:26] secondary/[26:11] text-white/[28:00] card/[33:31] card-body

  • 20.33분 bootstrap chapter-9

    실무적인 내용으로 자세하고 완벽하게 실습하기

    책갈피[00:47] card-img-overlay/[03:43] p tag/[08:30] drop down/[12:24] disable/[16:00] dropdown-menu-right/[22:09] 버튼의 그룹화/[26:08] target 호출/[31:25] show