INTRODUCE 과정소개
웹 사이트 제작을 위한
웹 표준의 개념을 이해하고
원하는 웹사이트를 만들자!
HTML5로 구현할 수 있는 API와 추가된 폼 요소들로 훨씬 더 살아 움직이는 웹사이트 제작을 하고 CSS3.0을 통해 외부 플러그인 없이 움직이는 다양한 그래픽 효과들을 배우는 웹디자인 과정입니다.
- 수강대상
- 웹 에이전시에서 근무하길 원하는 신입, 경력 디자이너
- 실무스킬업 후 취업하길 원하는 예비 디자이너
- UI/UX에 대한 이해가 부족하다고 생각하는 실무자
- 개강일정
- 평일 04월 22일 주말 04월 20일 개강
- 교육기간
- 1개월 ~ 3개월 과정
- 수업구성
- 평일 주 2·3회 월수금/ 화목 주말 주 2회 토일
WEB DESIGN 교육과정
실무진이 트랜드에 맞게 교육과정을 연구하여 만든, 퍼스트만의 탄탄한 커리큘럼
| 주차 | 교육내용 | 상세내용 |
|---|---|---|
| 1주 | HTML5 기본요소 |
- 오리엔테이션, Html기본 - 마크업의 의미와 구축방법 - dom의 의미 - div 의 의미와 활용 - doc타입의 의미와 중요성 설명 - 기본 골격 구축 - html 태그의 이해, mark-up의 이해 |
| 2주 | CSS 개념이해 |
- 박스모델에 관련된 설명 - 마진 패딩의 개념 - 블록요소와 인라인 요소, 인라인 블록요소에 대한 설명 - CSS의 개념 설명 - CSS 호출방법(경로설정) - CSS 사용방법 - CSS의 주요 속성 설명, 디스플레이, 인라인 블록요소 변경 - CSS를 이용해서 마크업 된 div 변경해보기 - CSS 기본속성 position, float, overflow z-index, margin, padding, border - CSS 선택자의 이해 - 테이블 코딩, 폼 인풋 이해하기 |
| 3주 | TABLE 구성요소 |
- 웹사이트 실습 - 크롬을 활용하여 코드 검사 하기 - FTP의 이해 및 웹파일 업로드 - 상대경로와 절대경로의 이해 - html5 시멘틱 마크업 - 컨텐츠에 게시판 형태 테이블과 페이징 형태 넣어보기 |
| 4주 | CSS 속성이해 |
- 웹폰트의 이해, pseuo셀렉터의 이해 - 리셋 CSS의 이해 - 웹폰트 활용한 아이콘 넣기 - 홈페이지 프레임 코딩 실습 - inline-block 공백없애기 |
| 5주 | 웹 접근성과 웹 표준. HTML5+CSS3 |
- 웹접근성과 웹표준의 이해 , 웹접근성 코딩의 기초 - 웹접근성 코드로 화면 코딩 |
| 6주 | 웹표준 마크업 구축 |
- 웹접근성에 기반한 웹표준 마크업 구축 방법 및 사례 소개 - 웹접근성에 기반한 웹표준 마크업 구축 |
| 7주 | CSS 활용1 |
- CSS2.0 과 3.0의 차이, CSS3.0 을 활용한 CSS코드 기초 - CSS 2.0 과 3.0의 차이를 이해를 위한 라운드형 버튼 코딩 |
| 8주 | CSS 활용2 |
- CSS3.0을 이용한 애니메이션 적용 - CSS3.0을 이용한 로딩바 만들기 - 실무 웹퍼블리싱 Html, CSS공통 규격 만들기, 사례소개 |
PROCESS GUIDE 수강신청 절차
-
온라인 상담
교육과정 선택 후 전화 또는 온라인 상담을 통해 상담일정 조율
-
방문상담 진행
학원 방문 후 1:1 상담을 통해 개개인에 맞는 과정 컨설팅을 진행
-
수강등록 후 수강
과정컨설팅을 통해 알맞는 과정을 신청하고 수강료 결제등록 후 교육 수강 시작
-
취업지원
1:1맞춤형 취업시스템을 통해 맞춤 취업지원을 진행
빠른 수강료·시간표 조회
빠르고 간편하게 관심있는 수강료와 시간표를 조회할 수 있습니다.