

디자인나스만의 웹표준 코딩 커리큘럼은 어떠한 디바이스를 사용하더라도 같은 결과값를 볼 수 있도록 웹표준을 준수하여 명확한 목적과
사용자의 편의성을 고려한 웹사이트를 구현해보는 학습을 통해 실무에 바로 적용할 수 있는 스마트한 웹 디자이너를 양성합니다.


-

- 웹표준 코딩을 하기 위한 기본적인 엘리먼트, 프로퍼티를 이해합니다.
- 과정이 끝나더라도 혼자서 스스로 웹표준을 스터디할 수 있는 방법을 배웁니다.
- 디자인을 웹페이지로 옮기는 가장 쉬운 방법을 배웁니다.
- 첫 수업을 듣는 것 만으로도 절반은 성공입니다.
-

- 평소 웹퍼블리싱에 관심이 있었지만 방법을 몰라 접근하지 못하신분
- 디자인과 퍼블리싱을 모두 알아야하는 프리랜서
- 쇼핑몰에서 사이트를 관리하시는 분
- 각종 템플릿을 마음대로 수정하고 싶으신분
- 웹 퍼블리싱 제작까지 마스터 하여 스킬업을 하려는 현직 디자이너
- 웹 디자인에 관심이 많은 예비 디자이너
-

- 1개월 과정 [ 3시간 30분, 주 2회, 총 8회 수업 ]
: 390,000원 수업 환불 규정 안내


-

- 웹 개요
- 웹의 역사
- 브라우저 종류
- 웹표준, 크로스브라우징, 하위호환성, 웹접근성
- 호스팅, 도메인, 트래픽, FTP
- 이미지 확장자, 포토샵 슬라이스
- WebStorm
- 웹표준성, 웹접근성, HTML, CSS

- HTML
- HTML 문법
- HTML Element (Block/Inline)
- HTML Attribute
- 절대/상대 경로
-

- CSS I
- CSS 문법
- CSS 선언 방식
- CSS 선택자
- CSS 상속
- CSS 우선순위

- CSS II
- boxmodel
(width, height, margin, padding, border)
- float(.clearfix)
- position
- z-index
-

- CSS III
- display
- background
- overflow
- cursor
- opacity
- Font

- CSS IV
- Box Layout(float)
- Box Layout(position)
- Box Layout Adv.
-

- 기업형 사이트 I
- Header
- Visual
- Content
- Footer
- Gnb Sub

- jQuery Basic
- jQuery 문법
- jQuery Plugin
- Image Slide
- 반응형 사이트 I
- @media
- transition
- transform
- animation
- @keyframes
-
- 위 커리큘럼과 예제 페이지는 진도에 따라 변경 될 수 있습니다.
- 결석으로 인한 보강수업은 따로 진행되지 않으니 착오 없으시길 바랍니다.
