지점선택바로가기 주메뉴바로가기 본문바로가기

반응형웹디자인코딩(HTML5,CSS3)

  • 일반
  • 재직자
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

반응형웹디자인코딩(HTML5,CSS3)

html5, CSS3



현재의 웹 페이지 제작 기술들 중에서 가장 큰 화두는 HTML5입니다.
10여년간 꾸준히 사용 되어오던 XHTML+CSS2의 웹페이지 제작기술은 그래픽적인 요소를 표현하기 위해서 이미지를 사용하는 것 외에는 다른 대안이 없었으며 인터렉티브한 요소를 사용하기 위해서는 플래쉬나 다른 ActiveX와 같은 요소를 사용해야 했으며, 무엇보다 표준화 되지 않은 제작기술의 범람으로 크로스 브라우징이라는 당연히 적용되어야 하는 주제를 무척이나 까다로운 이슈로 남겨놓았습니다.

새롭게 등장한 HTML5는 이러한 웹 페이지 제작의 어려움들을 해소하기 위해서 고안되었습니다.
기존에 사용하던 XHTML + CSS2의 표준화된 요소들 위에 더욱 시맨틱해진 태그 요소들과, 그래픽적인 부분을 보완하기 위한 다양한 효과들, 멀티미디어를 HTML 자체에서 지원하기 위한 방법을 제공하는 등 HTML5로 제작된 웹 페이지는 기존의 XHTML 기반의 웹 페이지보다 더욱더 인터렉티브해 집니다.
특히 CSS3에서 추가된 “미디어 쿼리”기능은 한 번의 작업으로 다양한 해상도에 따라 각기 다른 UI 형태를 제공할 수 있도록 하여 PC + 테블릿 + 스마트 폰을 한번에 지원하는 “반응형 웹”이라는 새로운 제작 기법을 탄생 시켰습니다.

이 과정에서는 기존의 웹 표준 기술 위에 새로워진 HTML5와 CSS3 요소를 더하여 인터렉티브한 반응형 웹페이지 기술을 제작할 수 있는 웹 퍼블리싱 기법들을 소개하고, CSS3의 코드를 편리하게 작성할 수 있도록 도와주는 LESS를 기반으로 한 Twitter Bootstrap3를 활용한 반응형 웹페이지 제작 기법을 소개하여 최고의 웹 퍼블리셔로 발돋음 할 수 있도록 도와드립니다.
  • HTML5와 CSS3의 새로워진 내용들을 습득하고자 하는 웹 디자이너나 웹 퍼블리셔
  • HTML5 기반 웹 페이지 및 모바일 웹 페이지의 제작과정을 이해하고자 하는 웹 디자이너나 웹 퍼블리셔
  • 반응형 웹을 구성하고자 하는 웹 디자이너나 웹 퍼블리셔
  • 웹표준&웹접근성 가능하신분
교과목명 능력단위명 능력단위 요소명
웹표준 개요
 구현

콘텐츠 구현하기

기능 요소 구현하기

개발 요소 구현하기

웹표준 개요
 웹표준 개요
실무 제작
 웹사이트 제작 실습

웹사이트 제작 실습

  • 김영*
    김영*[NCS]인터렉티브웹디자인(별관)
  • 조기*
    조기*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 이해*
    이해*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 이해*
    이해*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
포트폴리오 더 보기 +
  • 방보영 선생님 감사합니다!!양나*

    방보영 선생님의 열정적인 가르침 덕분에 저도 같이 열정적으로 수업에 임할 수 있었습니다!
    실무 위주로 가르쳐 주셔서 많은 도움이 되었고 하나라도 더 가르쳐 주시려는 모습에 더 열심히, 즐겁게 수업 할 수 있었습니다~~! 
    선생님 덕분에 아무것도 모르고 처음 듣는 수업이었는데 빠르게 성장 할 수 있었습니다 취업 시켜주셔서 감사합니다!
  • 삶에 새로고침을 눌러주신 선영쌤, 남주쌤 감사합니다.서윤*

    이 수업은 제게 새로고침 버튼 같았습니다. 막혀있던 것들이 리프레시 되고, 차차 진행되어 가는 기분입니다. 

    원래 디자인에 관심은 있었지만 정식적으로 배운 적은 없었기도 하고 제가 잘 할 수 있단 자신감도 없는 상태에서 시작했습니다. 단지 좋아하기에 시작했습니다. 수업을 들으며 디자인 요소 및 실무를 하는 데에 필요한 것들을 차근 차근 배울 수 있어 하나 하나 쌓아 간단 느낌을 체감할 수 있었습니다.

    열과 성을 다해 가르쳐주신 남주쌤. 감사합니다.  실제로 널리 쓰이는 것들, 꼭 필요한 것들, 때로는 현재 유행하고 있는 것들에 관해 폭 넓게 알려주셔서 감사합니다. 조언에 힘을 쏟아주신 덕에 더욱 힘낼 수 있었습니다. 앞으로 뭘 더 배워보는 것이 어떠냐, 하며 수업에서 더 나아가 필요한 것들을 채워주시는 분이셨습니다. 덕분에 더 넓은 꿈을 꿀 수 있었습니다. 덕분에 계속해서 일하며 성장해 나갈 다짐을 하고 있습니다. 감사합니다.

    마치 자신의 일인 것처럼 여기며 함께 슬퍼하고 기뻐해주신 선영쌤 감사합니다. 수강생들 한명 한명 다 파악하시고, 이 아이는 무엇을 잘하는지, 또 무엇이 부족한지에 대해 세세한 것 하나 하나 짚어주시고, 신경써주셔서 감사합니다. 너에게 이런 효과가 어울리지 않을까 했다, 이걸 보고 너한테 딱 어울릴 것 같았다. 하며 개개인에 알맞은 효과를 조사해 알려주시는 선생님께 감동받았습니다. 

    저는 취직 준비를 하며 계속 했던 생각이 아무도 내 인생 대신 살아주지 않으니 내가 가만히 있으면 안된다, 뭐를 하더라도 내가 해야한다. 하며 계속 머릿속에 생각하며 살았는데,,, 선생님들은 좀 다르셨습니다. 선영쌤과 남주쌤은 마치 학생들의 인생이 자신의 삶의 일부분인 것처럼 하루의 시간을 할애함과 동시에 마음을 쓰며 도와주셨습니다. 감사합니다. 

    원래 더 길게 썼는데 안올라가네요
    선영쌤 남주쌤. 정말 감사합니다. 석달간 정말 고생 많으셨습니다.
  • 수강 후기강민*

    종강이 아쉬울 정도로 재밌고 유익했습니다. 선영선생님, 남주선생님께서 열정 있게 수업해 주셔서 너무 든든했어요.
    기초부터 시작해서 실무를 할 때 유용한 팁도 아낌없이 알려주셔서 정말 감사하고 덕분에 실무에 대한 자신감이 생겼습니다!!
    특히 코딩은 쌩초보라서 어려웠는데 차근차근 알려주셔서 많이 성장할 수 있었어요.
  • 수강생 후기김민*

    선영쌤 남주쌤 두분이 열심히 가르쳐주셔서 만족스러운 수업이었습니다. 모르는게 있으면 제 일처럼 도와주셨고 수준에 맞는 예제들이 단계별로 주어져 능력 향상에 큰 도움이 되었습니다. 처음에 그저 발발대던 실력이 종강일이 다가올 쯤엔 스스로 페이지를 구축하고 컨텐츠를 추가할 수 있는 실력이 되었습니다. 다시 수업을 듣고 싶을 정도로 유익한 과정이었어요.
  • 선영쌤, 남주쌤 충성충성^^7도다*

    선영쌤, 남주쌤 
    밑줄짜악 중요 별다섯개~~~~~~~
    선생님이 엄청엄청친절하시고 잘가르켜주셔서 좋았습니다 ^^7
  • 감사합니다.김아*

    기간이 길다 보니 중간에 그만하고 싶다는 생각이 가끔 들었는데 선생님들이 잡아주셔서 취업할 수 있을 정도로 능력이 향상된 것 같습니다. 아침에 지문 출석할 때마다 만났던 팀장님도 그리울 것 같습니다.
    다음엔 재직자로 코딩 배우러 다시 올게욥!
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
그린 할인 혜택

(주)지아이티아카데미

대표번호 : 032.463.2266

  • 대표자 : 이인규
  • 사업자등록번호 : 131-92-37956
  • 주소 : 인천광역시 남동구 문화로 147 건설회관 2층
  • COPYRIGHT © 2019 GITACADEMY [수강료게시]
실업자(일반) 광고콘텐츠제작(인쇄물,포토샵,일러스트)입문과정 927,150
실업자(일반) 광고편집디자인(시각디자인) 전문가 2,387,200
실업자(일반) [디지털 디자인] 영상편집(모션그래픽) 1,263,120
실업자(일반) [웹개발자] 웹 퍼블리셔 취업과정(웹표준&웹접근성) 2,240,000
실업자(일반) 실내건축설계(Auto CAD, Sketch UP)입문과정 1,129,680
실업자(일반) 실내건축설계(3D-MAX)입문과정 1,694,520
실업자(일반) 세무(경리 실무자)양성훈련과정 1,283,800
실업자(일반) 회계, 세무 초급관리자(전산회계,전산세무)취업과정 1,283,800
실업자(국기) BIM(건축디자인 및 설계) 취업과정 5,648,400
실업자(국기) 전산응용건축제도기능사 3,859,740
실업자(국기) 실내건축산업기사 3,236,745
실업자(국기) [NCS기반]환경(인테리어)디자인 1,894,680
실업자(국기) 게임콘텐츠(MAX) 제작 전문가 4,450,320
실업자(국기) 게임콘텐츠(MAYA) 개발 및 취업과정 5,933,760
실업자(국기) 웹디자인기능사 3,157,800
실업자(국기) 디지털컨버전스(UI/UX엔지니어링, 프론트앤드)양성과정 4,601,800
실업자(국기) 디지털퍼블리싱(편집, e-book디자인, 포토샵, 일러스트, 인디자인)양성과정 3,580,800
실업자(국기) 디지털퍼블리싱(편집, e-book디자인, 포토샵, 일러스트, 인디자인)취업과정 2,984,000
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)양성과정 3,157,800
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)입문과정 3,684,100
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)취업과정 3,684,100
실업자(국기) 스마트웹&콘텐츠서비스개발(하이브리드 웹, 앱)양성과정 4,326,700
실업자(국기) 자바(JAVA)기반 전자정부 표준프레임워크 개발자 3,800,000
실업자(국기) 자바(JAVA)기반 전자정부표준프레임워크 5,259,200
재직자 HTML5, CSS3 - 응용SW 엔지니어링 394,440
재직자 Javascript, jQuery - 응용SW 엔지니어링 394,440
재직자 PHP+MySQL 프로그래밍 - 응용SW 엔지니어링 394,440
재직자 광고콘텐츠제작 향상과정(스케치업) 185,430
재직자 그래픽제작(3DMAX와 VRAY포트폴리오)향상과정 445,040
재직자 디지털디자인향상과정(웹표준 및 웹접근성) 157,890
재직자 라이노(Rhino 3D) - 제품디자인 315,780
재직자 실내건축설계 향상과정(Auto CAD) 376,560
재직자 안드로이드 앱(Android App) - 응용SW 엔지니어링 394,440
재직자 엑셀(Excel)-사무행정 167,370
재직자 웹표준_웹접근성-디지털디자인 315,780
재직자 응용SW엔지니어링 향상과정(C언어) 394,440
재직자 응용SW엔지니어링 향상과정(JAVA) 394,440
재직자 응용SW엔지니어링 향상과정(JSP) 394,440
재직자 일러스트레이터 (Illustrator) - 편집디자인 179,040
재직자 일러스트레이터 (Illustrator)향상과정 - 편집 179,040
재직자 전산회계1급 자격취득 - 세무 385,140
재직자 전산세무2급 자격취득 - 세무 385,140
재직자 정보처리기사 자격취득 - 응용SW 엔지니어링 394,440
재직자 컴퓨터활용능력 1급 자격취득 - 사무행정 334,740
재직자 포토샵 (Photoshop) - 편집디자인 179,040
재직자 포토샵(Photoshop) 향상과정 - 편집디자인 179,040
재직자 프레젠테이션(파워포인트(Powerpoint))-사무행정 133,900
재직자 프리미어(Premier), 에프터이펙트(After Effect)-영상편집 325,260
재직자 3D-MAX, V-ray - 광고콘텐츠제작 556,290
재직자 인디자인(InDesign)향상과정-편집디자인 358,080
재직자 컬러리스트(Colorist) 315,780
재직자 시네마4D (Cinema4D) 향상과정-광고콘텐츠제작 370,860
재직자 BIM(Revit) - 건축설계 376,560
재직자 카티아(CATIA)활용 - 기계요소설계 326,280
재직자 아이폰 앱(iPhone App) - 응용SW 엔지니어링 394,440
재직자 포토샵 (Photoshop)종합 (B) - 스마트문화앱콘텐츠제작 346,140
재직자 일러스트레이터(Illustrator)종합 (B) - 시각디자인 294,730
재직자 웹표준&웹접근성-디지털디자인 315,780
상담
문의
032-463-2266