
After Effects CC 2020 모션 그래픽의 입문 Part.1
유용한IT학습
After Effects를 처음 입문하는 분들을 위해 가장 기초적인 내용을 중심으로 전반적인 사용 방법을 설명하고, 간단한 작업을 통해 모션 작업의 기본적인 과정을 익히는 강의입니다.
입문
After Effects, 영상제작
웹 표준 코딩에 대한 기초 지식을 익혀서 웹디자인과 웹 퍼블리셔로서의 취업 능력을 배양할 수 있습니다
웹 표준 코딩에 대한 기능을 익혀서 자격증을 취득할 수 있습니다
본 과정은 웹 표준 코딩을 배우고 활용할 수 있는 기초적인 지식을 제공합니다. 학습자는 웹 코딩의 기본 원칙을 이해하고, 이를 바탕으로 웹 프로그램을 배우는 데 필요한 기초를 쌓을 수 있습니다. 또한, 웹 표준 코딩을 통해 자격증 취득도 가능하도록 구성되었습니다.
HTML 시작: HTML 문서 작성법과 구조 학습
HTML 파일 생성과 기본 문서 작성 절차
HTML이 웹 브라우저에서 해석되는 방식 이해
HTML 문서 구조: HTML 기본 구성 요소 이해
<html>, <head>, <body> 등 기본 태그 역할 설명
문서 제목, 메타데이터, 본문 영역 구분
폼 입력 태그: 다양한 입력 태그 사용법
<input>, <textarea>, <select> 등 다양한 입력 태그 작성
텍스트, 비밀번호, 체크박스, 라디오 버튼, 드롭다운 등의 활용
그 밖의 출력 태그: 텍스트, 이미지, 링크 출력 방법
<p>, <h1>~<h6> 등 텍스트 출력 태그
<img>를 이용한 이미지 삽입
<a>를 사용한 링크 연결 방법
CSS 시작: CSS 기본 문법과 적용법
선택자와 속성-값 구조 이해
HTML에 CSS를 적용하는 3가지 방식(인라인, 내부, 외부 스타일시트)
CSS 기본 스타일: 텍스트, 색상, 배경 스타일 설정
글꼴 크기·굵기, 글자색, 줄 간격 조정
배경색, 배경 이미지 지정
Reset CSS: 기본 스타일 초기화
브라우저 기본 스타일의 차이 제거
Reset CSS 또는 Normalize.css 사용 방법
Display CSS: 요소 표시 방식 이해
block, inline, inline-block, none 속성의 차이
요소 배치에 따른 레이아웃 변화
Position CSS: 위치 지정 방법
static, relative, absolute, fixed, sticky의 특성과 사용 예시
요소의 좌표 지정(top, right, bottom, left)
Flex Layout: Flexbox 기본과 반응형 레이아웃 구현
Flex 컨테이너와 아이템의 기본 속성 이해
가로·세로 정렬, 공간 분배, 반응형 레이아웃 구성
웹 표준 헤더: 웹 표준에 맞는 헤더 구성법
HTML5 시맨틱 태그(<header>, <nav> 등)를 활용한 구조 설계
웹 표준 규칙을 준수한 마크업 작성
웹 접근성 헤더: 접근성 개선을 위한 헤더 구성
스크린 리더 지원을 위한 대체 텍스트, ARIA 속성 적용
키보드 탐색 가능성과 명확한 시각적 포커스 제공
디바이스별 컨테이너: 다양한 화면 크기에 맞는 컨테이너 설계
고정형, 유동형, 반응형 컨테이너 설계 방식
미디어 쿼리를 활용한 화면 크기별 레이아웃 조정
웹 표준 GNB (유형 1, 2, 3): 다양한 내비게이션 바 디자인 실습
가로형, 세로형, 드롭다운형 내비게이션 구현
CSS와 JavaScript를 활용한 스타일 및 동작 추가
폰트 아이콘 작성: 폰트 아이콘을 활용한 웹 디자인
Font Awesome 등 폰트 아이콘 라이브러리 사용법
SVG와 폰트 아이콘 비교 및 적용 사례
테이블 스타일링: 기본 및 활용적인 테이블 스타일링
표의 가독성을 높이는 기본 스타일 지정
행/열 구분, 마우스 오버 효과, 반응형 테이블 구현
폼 스타일링: 폼 디자인 기본 및 활용 예제
입력 필드, 버튼, 선택 박스 등의 디자인 개선
상태별 스타일(포커스, 비활성화 등) 적용
반응형 디자인: 다양한 디바이스에 맞춘 반응형 디자인 실습
모바일 퍼스트(Mobile-First) 설계 원칙
미디어 쿼리를 활용한 화면 크기별 UI 최적화
이 강의는 지식공유자의 질문/답변을 제공하지 않습니다.
part 1 - 강의 활용 파일(step1 html, step2 css)
part 2 - 강의 활용 파일(step1 html, step2 css)
학습 대상은
누구일까요?
처음으로 웹 코딩을 배워보려는 회원 누구나
그래픽 프로그램 만을 다루는 회원 누구나
자격증을 취득하고자 하는 회원 누구나
전체
29개 ∙ (11시간 14분)
해당 강의에서 제공:
2. HTML 시작
23:40
3. HTML 문서의 기본 구조
21:51
4. 폼 입력 태그
23:30
5. 그 밖의 출력 태그
21:03
6. CSS 시작
29:40
7. CSS 기본 스타일
29:26
8. Reset CSS 작성
14:53
15. 웹표준 헤더 작성
22:43
16. 웹 접근성 헤더 작성
24:39
17. 디바이스 별 컨테이너 작성
33:59
18. 웹표준 GNB 유형1
23:08
19. 웹표준 GNB 유형2
18:40
20. 웹표준 GNB 유형3
34:45
21. 폰트 아이콘 작성
14:32
22. 테이블 기본 스타일
24:37
23. 테이블 활용 스타일1
19:03
24. 테이블 활용 스타일2
26:57
25. 폼 기본 스타일
37:44
26. 폼 활용 스타일1
22:16
27. 폼 활용 스타일2
28:44
28. 반응형 기본 스타일
28:33
29. 반응형 활용 스타일
28:45
인프런 10주년! 사랑주간 전체 할인 중 (7일 남음)
월 ₩16,632
5개월 할부 시
30%
₩118,800
₩83,160
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!