웹퍼블리셔 가이드

• 기본
  • 웹사이트, 브라우져는 무엇인가
  • html, css, javascript 는 무엇인가
  • 준비물 : 에디터, 브라우저
  • Visual Studio Code 배우기
• HTML
  • html 만들기
    • html 소개
    • 문서타입
    • html 구조
    • 요소, 속성
    • 아아디, 클래스
  • 단락
    • 단락
    • 블럭, 인라인
    • 주석
  • 링크 이미지
  • 리스트
  • 표
  • html5 소개
• CSS
  • css 가 무엇인가
    • css 소개, 구문
    • 선택자, 가상클래스, 가상요소
    • 상속, 우선순위
    • 단위, 주석
  • 색상, 배경, 테두리
  • 여백, 높이, 너비, 최대너비, 최대높이
  • 박스모델
  • 텍스트, 글꼴, 링크
  • 목록, 표
  • 디스플레이, 플롯, 포지션
  • 오버플로우, 불투명도
• CSS3
  • 둥글게
  • 그라디언트
  • 텍스트효과
  • 그림자효과
  • 웹글꼴
  • 뷰포트, 미디어쿼리, 반응형이미지
• 레이아웃
  • 고정형
  • 유동형
  • 반응형
• 웹페이지 검수
  • 호환성 보기 설정
  • 개발자 도구 실제 속성값 확인
  • QR코드생성해서 보기
  • 모바일 웹페이지 검수