효과적인 UX, UI를 위한 알기 쉬운 실무 웹표준 기초코딩 html&css

designnas web publishing

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

웹표준 단과 수업은 오프라인 상담신청 없이도 전화 상담 및 전화예약이 가능합니다. 오프라인 상담을 원하시는 분들은 아래 상담신청방법으로 신청해주시면 됩니다.

basic summary

  • html&css 실무에 바로 적용 가능한 웹표준

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

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

designnas 강남점 복도 레터링

basic curriculum

  • 01 step, theory
    웹 개요
    웹의 역사
    브라우저 종류
    웹표준, 크로스브라우징, 하위호환성, 웹접근성
    호스팅, 도메인, 트래픽, FTP
    이미지 확장자, 포토샵 슬라이스
    WebStorm
    웹표준성, 웹접근성, HTML, CSS
    02 step, theory
    HTML
    HTML 문법
    HTML Element (Block/Inline)
    HTML Attribute
    절대/상대 경로
  • 03 step, exercise
    CSS I
    CSS 문법
    CSS 선언 방식
    CSS 선택자
    CSS 상속
    CSS 우선순위
    04 step, exercise
    CSS II
    boxmodel
    (width, height, margin, padding, border)
    float(.clearfix)
    position
    z-index
  • 05 step, exercise
    CSS III
    display
    background
    overflow
    cursor
    opacity
    Font
    06 step, marking
    CSS IV
    Box Layout(float)
    Box Layout(position)
    Box Layout Adv.
  • 07 step, marking
    기업형 사이트 I
    Header
    Visual
    Content
    Footer
    Gnb Sub
    08 step, marking
    jQuery Basic
    jQuery 문법
    jQuery Plugin
    Image Slide
    반응형 사이트 I
    @media
    transition
    transform
    animation
    @keyframes
  • note of caution
    • 위 커리큘럼과 예제 페이지는 진도에 따라 변경 될 수 있습니다.
    • 결석으로 인한 보강수업은 따로 진행되지 않으니 착오 없으시길 바랍니다.

lesson request

웹표준단과 수업은 오프라인 상담신청 없이도 전화 상담 및 전화예약이 가능합니다.
오프라인 상담을 원하는 분들은 아래내용과 같이 상담신청해주시면 됩니다. /

*오프라인 상담신청 방법

  1. 01. 게시판 상담신청 상담 신청하기