![효과적인 UX, UI를 위한 알기 쉬운 실무 웹표준 기초코딩 html&css](../images/sub/publish/basic/basic_title01.gif)
![designnas web publishing](../images/sub/publish/basic/basic_img01.jpg)
디자인나스만의 웹표준 코딩 커리큘럼은 어떠한 디바이스를 사용하더라도 같은 결과값를 볼 수 있도록 웹표준을 준수하여 명확한 목적과
사용자의 편의성을 고려한 웹사이트를 구현해보는 학습을 통해 실무에 바로 적용할 수 있는 스마트한 웹 디자이너를 양성합니다.
![웹표준 단과 수업은 오프라인 상담신청 없이도 전화 상담 및 전화예약이 가능합니다. 오프라인 상담을 원하시는 분들은 아래 상담신청방법으로 신청해주시면 됩니다.](../images/sub/publish/info1.jpg)
![basic summary](../images/sub/publish/basic/sub_title01.gif)
-
![html&css 실무에 바로 적용 가능한 웹표준](../images/sub/publish/basic/inner_title01.gif)
- 웹표준 코딩을 하기 위한 기본적인 엘리먼트, 프로퍼티를 이해합니다.
- 과정이 끝나더라도 혼자서 스스로 웹표준을 스터디할 수 있는 방법을 배웁니다.
- 디자인을 웹페이지로 옮기는 가장 쉬운 방법을 배웁니다.
- 첫 수업을 듣는 것 만으로도 절반은 성공입니다.
-
![object 수업대상](../images/sub/publish/basic/inner_title02.gif)
- 평소 웹퍼블리싱에 관심이 있었지만 방법을 몰라 접근하지 못하신분
- 디자인과 퍼블리싱을 모두 알아야하는 프리랜서
- 쇼핑몰에서 사이트를 관리하시는 분
- 각종 템플릿을 마음대로 수정하고 싶으신분
- 웹 퍼블리싱 제작까지 마스터 하여 스킬업을 하려는 현직 디자이너
- 웹 디자인에 관심이 많은 예비 디자이너
-
![time 수업시간](../images/sub/publish/basic/inner_title03.gif)
- 1개월 과정 [ 3시간 30분, 주 2회, 총 8회 수업 ]
: 390,000원 수업 환불 규정 안내
![designnas 강남점 복도 레터링](../images/sub/publish/basic/nasphoto01.jpg)
![basic curriculum](../images/sub/publish/basic/sub_title02.gif)
-
![01 step, theory](../images/sub/publish/basic/step01.gif)
- 웹 개요
- 웹의 역사
- 브라우저 종류
- 웹표준, 크로스브라우징, 하위호환성, 웹접근성
- 호스팅, 도메인, 트래픽, FTP
- 이미지 확장자, 포토샵 슬라이스
- WebStorm
- 웹표준성, 웹접근성, HTML, CSS
![02 step, theory](../images/sub/publish/basic/step02.gif)
- HTML
- HTML 문법
- HTML Element (Block/Inline)
- HTML Attribute
- 절대/상대 경로
-
![03 step, exercise](../images/sub/publish/basic/step03.gif)
- CSS I
- CSS 문법
- CSS 선언 방식
- CSS 선택자
- CSS 상속
- CSS 우선순위
![04 step, exercise](../images/sub/publish/basic/step04.gif)
- CSS II
- boxmodel
(width, height, margin, padding, border)
- float(.clearfix)
- position
- z-index
-
![05 step, exercise](../images/sub/publish/basic/step05.gif)
- CSS III
- display
- background
- overflow
- cursor
- opacity
- Font
![06 step, marking](../images/sub/publish/basic/step06.gif)
- CSS IV
- Box Layout(float)
- Box Layout(position)
- Box Layout Adv.
-
![07 step, marking](../images/sub/publish/basic/step07.gif)
- 기업형 사이트 I
- Header
- Visual
- Content
- Footer
- Gnb Sub
![08 step, marking](../images/sub/publish/basic/step08.gif)
- jQuery Basic
- jQuery 문법
- jQuery Plugin
- Image Slide
- 반응형 사이트 I
- @media
- transition
- transform
- animation
- @keyframes
-
- 위 커리큘럼과 예제 페이지는 진도에 따라 변경 될 수 있습니다.
- 결석으로 인한 보강수업은 따로 진행되지 않으니 착오 없으시길 바랍니다.
![lesson request](../images/sub/publish/basic/sub_title03.gif)