HTML, CSS 문법 & 실무예제로 풀어내는 웹퍼블리싱 입문
수강신청 22.08.19 (금) ~ 22.09.21 (수)
수강대상 성인남녀
학습기간 22.09.30 (금) ~ 22.11.01 (화)
20명 정원
총 0챕터 40시간
기초 라이브학습
무료
100%
1,000,000원
HTML, CSS 문법 & 실무예제로 풀어내는 웹퍼블리싱 입문
코딩을 위한 영문 타자속도 늘리기
수강중 메모하는 법
웹 서비스 제작 프로세스
실무에서 보는 웹 퍼블리셔의 위치
프로젝트를 위한 작업환경 구축
수강중 질문하는 방법
웹표준 & 웹호환성 & 웹접근성 차이점이 뭘까?
웹브라우저와 에디터에 대해서
VScode 설치 및 사용법
부가기능 설치 및 에디터 사용법
프로젝트 관리하기
이미지 네이밍 규칙
속성입력 순서
개발자도구 사용하기
Figma, XD, Zeplin에 대해서
UI 디자인툴에서 원하는 값 얻어내기
UI 디자인툴에서 이미지 추출하기
HTML에 대해서
<title>과 <meta>요소에 대해서
<img>요소에 대해서
<figure>, <figcaption>요소에 대해서
<a>요소에 대해서
<p>, <div>, <span>요소에 대해서
<br>, text관련 요소에 대해서
<h1> ~ <h6>요소에 대해서
콘텐츠 제목 나누기
랜드마크 요소
레이아웃 나누기
<table>요소에 대해서
표 제작하기
병합된 <table>에 대해서
표제작하기 2
List 요소에 대해서
리스트 제작하기
<form>, <fieldset>, <legend>에 대해서
<input>요소에 대해서
<select>, <textarea>요소
<label>에 대해서
온라인 서식 제작하기
<iframe>에 대해서
<video>, <audio>요소에 대해서
CSS에 대해서
Style의 종류에 대해서
CSS 읽는법
선택자 우선순위
font-family, font-size, font-weight
text-align, vertical-align
line-height
color, text-indent, letter-spacing, text-decoration
padding, margin, border 그리고 box-model
box-sizing
border-radius
box-shadow, text-shadow
id vs class
그동안 배운 이론에 대한 실무적용
block vs inline & inline-block
position의 이해
float & clear
flex에 대해서
그동안 배운 이론에 대한 실무적용
filter
background의 이해
Gradient
그동안 배운 이론에 대한 실무적용
transform에 대해서
display에 대해서
overflow & opacity
counter
그동안 배운 이론에 대한 실무적용
before, after에 대해서
선택자에 대해서
transition & animation
그동안 배운 이론에 대한 실무적용
전자정부서비스 호환성 준수지침
4대 브라우저 호환성 대처하기
W3C Validator 사용하기
프로젝트 진행전 협업을 위한 커뮤니케이션
프로젝트 진행전 디자인팀과의 커뮤니케이션
프로젝트 셋팅
reset & normalize CSS
서브페이지 제작 with Figma - part1
서브페이지 제작 with Figma - part2
서브페이지 제작 with Figma - part3
서브페이지 제작 with Figma - part4
서브페이지 제작 with Figma - part5
호환성 테스트
개발팀에 전달하기전 알아야할 사항
서버 업로드