HOME>디지털 실무>프론트 엔드>HTML 기초 CSS3 + 부트스트랩
ONLINE CLASS

HTML 기초 CSS3 + 부트스트랩

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆
기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

자세히 보기  >
♥
수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기  >
REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

HTML 기초 CSS3 + 부트스트랩 HTML 기초 CSS3 + 부트스트랩

  • HTML 기초 CSS3 + 부트스트랩

  • 강의구성
  • (25강) 전체 : 10시간 57분|평균 : 26분16초
  • 이용기간/강사
  • 2개월
    알지오 R&D [IT]
  • 증빙가능
  • 수료증, 수강증, 학습진도
  • 수강료
  • 370,000원할인185,000원
  • 알지오 패키지
    • "5개월" 혜택!
?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기 >
  • 01.23분 HTML 기초 에 대해서 알아봅니다. Part 1
    HTML 문서 와 P, H1 등 기본 태그의 적용과 소스 보는법부터
    HTML 기초/브라우저 이식/br태그/제목글/내용 확인
  • 02.24분 HTML 기초 에 대해서 알아봅니다. Part 2
    상대 절대경로 완전이해, 종류별 링크 옵션, 책갈피, 주석
    경로설정/하이퍼링크/책갈피/예시/상대 링크
  • 03.28분 HTML 기초 에 대해서 알아봅니다. Part 3
    테이블과 인풋의 모든것, 목록 및 숫자정렬
    table 태그/border 설정/input 설정/button과 submit/form 정의/ul 목록
  • 04.24분 HTML 기초 에 대해서 알아봅니다. Part 4
    검색 엔진이 파악하는 엘리먼트, CSS3 와 동시에 학습합니다.
    2차 메뉴/abbr 태그/pre 태그/색상 변경/font size 변경
  • 05.23분 HTML 기초 에 대해서 알아봅니다. Part 5
    CSS3의 개별 엘리먼트 요소들, CSS 를 직접지정하는 것과 전체지정
    정렬/텍스트 두께/big 태그/bdo 태그/폰트 변경
  • 06.22분 HTML 기초 에 대해서 알아봅니다. Part 6
    CSS 지정알아보기 stylesheet 직접 및 간접 으로 종류별 지정, id와 class값
    제목글/CSS 파일/요소 읽기/font family/id값과 class값
  • 07.22분 HTML 기초 CSS3 레이아웃 구조 Part1
    CSS DIV 와 P 의차이, 다중요소 반영
    div/margin/직접 반영/margin-bottom/padding
  • 08.24분 HTML 기초 CSS3 레이아웃 구조 Part2
    레이아웃 의 기본부터 배워봅니다.
    div 레이아웃/line-height/nav 태그/정렬/width값
  • 09.23분 HTML 기초 CSS3 레이아웃 구조 Part3
    검색엔진이 좋아할 메타태그 만들기
    홈페이지 넓이/로고 위치 변경/solid 값/여백 관련/meta 태그
  • 10.23분 HTML 기초 CSS3 인풋과 기본문자
    브라우져가 알수있는 문자, 폼속성 이해와 종류별 인풋 실습
    &percnt/form/fieldset/textarea 태그/input 태그/컬러값
  • 11.25분 HTML 기초 CSS3 HTML5의 또다은 엘리먼트
    또 다른 인풋들, 테이블 CSS 처리 및 스타일 시트의 상속관계 명확히 알기
    readonly/input list/밑줄 제거/가운데정렬/width 변경
  • 12.23분 실제 사용할 홈페이지 레이아웃
    ul의 모든것 메인에 필요한 기본 레이아웃 만들기
    ul 정의/내부 여백/색상 변경/적용된 내용 확인/밑줄 제거
  • 도메인 과 웹호스팅 이해
  • 13.18분 도메인 선택 및 업체선정과 연결이해
    도메인과 웹호스팅/URL/프로토콜/DNS/도메인의 종류/도메인 취득방법/도메인 확인, 신청방법/네임서버 설정/ping 도메인 -t/단축 URL
  • 14.20분 웹호스팅 상품별 차이 완벽이해
    웹호스팅/서비스 사양 살펴보기/윈도우, 리눅스 비교/서버환경 선택/프로그램 자동설치/OS별 지원사항 확인/html, css/하드디스크 Raid 구성/SSH 쉘/FTP, SFTP/phpmyadmin/저장공간과 트래픽/권장사항/웹, 스트리밍, cdn/cdn 호스팅이 필요한 경우
  • 15.13분 웹호스팅 신청하면서 연결도메인 및 여러종류 쉽게 알기
    서버 종류, 사이즈/서버 스팩/서비스 선택기준/도메인 추가연결, 서브 도메인/프로그램 자동설치, UTF-8/서버환경 선택/도메인 선택/도메인 직접 입력/도메인 입력의 이해/웹호스팅 접속
  • 16.15분 접속하는 방법 및 utf, euc 전문노하우, URL 다시 확인
    웹호스팅 접속방법/FTP 설정방법/원격 디렉토리/파일 업로드, 다운로드/사이트 관리자 설정/원격 파일 열기/파일명 작성시 주의사항과 이유/오류사항 확인과 해결방법/올바른 파일명 작성과 업로드 확인/호스트 파일의 우선순위
  • 부트스트랩4
  • 17.34분 최종 레이아웃, bootstrap4 chapter-1
    레이아웃의 최종, 부트스트랩 설치와 cdn 반응형웹과 css요소 실습
    웹호스팅 접속방법/FTP 설정방법/원격 디렉토리/파일 업로드, 다운로드/사이트 관리자 설정/원격 파일 열기/파일명 작성시 주의사항과 이유/오류사항 확인과 해결방법/올바른 파일명 작성과 업로드 확인/호스트 파일의 우선순위
  • 18.30분 bootstrap4 chapter-2
    실무적인 내용으로 자세하고 완벽하게 실습하기
    media query 이해하기/container-fluid와 container 차이점/그리드 시스템/그리드 시스템의 수평과 수직/flex 정의/그리드 시스템 설명 /텍스트 정의하기
  • 19.35분 bootstrap4 chapter-3
    실무적인 내용으로 자세하고 완벽하게 실습하기
    small tag 이용하기/인용문 만들기/목록 만들기/media tag 만들기/media-body 정의하기/ul, li 세팅하기/텍스트 컬러와 링크
  • 20.35분 bootstrap chapter-4
    실무적인 내용으로 자세하고 완벽하게 실습하기
    테이블/테이블 백그라운드 설정/테이블 색상 및 효과 넣기/테이블 크기 조정/이미지 조정하기
  • 21.34분 bootstrap chapter-5
    실무적인 내용으로 자세하고 완벽하게 실습하기
    이미지 위치 조정하기/반응형 이미지/jumbotron/메세지 만들기/원하는 위치에 메세지 만들기/버튼 만들기
  • 22.35분 bootstrap chapter-6
    실무적인 내용으로 자세하고 완벽하게 실습하기
    버튼에 링크 만들기/버튼에 효과 주기/버튼 그룹 만들기/버튼에 그룹다운 설정하기/element.style/badge
  • 23.34분 bootstrap chapter-7
    실무적인 내용으로 자세하고 완벽하게 실습하기
    웹 메뉴/진행바/style 반영/넓이 조절/페이지/active/padding
  • 24.37분 bootstrap chapter-8
    실무적인 내용으로 자세하고 완벽하게 실습하기
    css 변환/list-group/column-reverse/action/secondary/text-white/card/card-body
  • 25.33분 bootstrap chapter-9
    실무적인 내용으로 자세하고 완벽하게 실습하기
    card-img-overlay/p tag/drop down/disable/dropdown-menu-right/버튼의 그룹화/target 호출/show

강의목록 다운로드                        1:1 강의 질문&답변