이젠아카데미DX교육센터 - 웹표준(HTML5/CSS)

웹표준(HTML5/CSS)

1차 개강일
25년 10월 07일(화)
2차 개강일
25년 10월 21일(화)

고용24 국민내일배움카드 훈련과정명은
웹표준(HTML5/CSS)입니다.

교육기간
정규 2개월 직장인/초보자/취준생
수강료

직장인·취업준비생
60% ~ 최대100% 지원

취업분야
웹디자인, UI/UX 디자인, 웹퍼블리셔, 프론트엔드 개발자

기본부터 충실하게,
HTML과 CSS 를 기반으로 한
웹사이트 만들기! 웹표준이란?

다양한 브라우저에서의 호환성과 소스 코드의 표준화로 효율성 및
유지 관리의 용이성을 고려
하며, 문서 분리에
효율적인 마크업을
사용하여 웹사이트를 제작해야 합니다.
Start now

  • HTML & css
    • HTML/HTML5
    • CSS/CSS3
    • 웹표준
    • 웹접근성
    • UI/UX
    • 마크업
    • 크로스브라우징
    • 스크린리더기
    • 대체 텍스트
    • 명도대비

코딩의 첫걸음
어떻게 만들지... 고민이라면?
HTML과 CSS 부터 시작해서
접근성 쉬운 웹사이트를 만들자!

웹을 구성하는 뼈대, HTML 부터 시작하자
  • HTML 구조 : HTML 문서의 개념과 구조를 파악하고, 로컬사이트와 웹사이트
    개념을 학습
  • HTML 종류/활용 : 다양한 태그 활용 및 웹표준·접근성 이해 및 적용하기
  • HTML5 / CSS : 페이지 구조 및 CSS 스타일 속성을 익히고, 반응형
    웹 페이지 제작
  • 개인별 작업을 통해 나만의 포트폴리오를 제작합니다.
  • 트렌디한 예제를 통해 학습하며, 완성을 위한 1:1 가이드를 제공합니다.
  • HTML 코딩이 처음이어도, 개발적 감각이 전혀 없어도 학습이 가능합니다.
  1. HTML/HTML5
    • HTML 문서의 개념
    • HTML 구조 파악
    • 웹사이트 개념 학습
  2. CSS/CSS3
    • CSS 개요
    • 선택자 종류 익히기
    • 스타일 속성 익히기
  3. 포트폴리오
    • 웹표준 사이트 제작
    • 반응형 웹 페이지 제작
  4. 웹퍼블리셔
    • HTML 마크업
    • 웹표준/접근성
    • 웹호환성
    • 개인 포트폴리오

당신만의 특별한 프로젝트가 완성됩니다.

  • Web Design/Publisher모바일 UIUX 반응형
    웹디자인(웹퍼블리셔)
    발표회 및 수료식

    모바일 UIUX 반응형 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • [디지털디자인]모바일 UIUX 반응형
    웹디자인(웹퍼블리셔)
    발표회 및 수료식

    모바일 UIUX 반응형 웹디자인(웹퍼블리셔)
    수료를 축하드립니다.

    수강생 만족도
    4.7/5
    자세히 보기
  • 인터랙티브 웹디자인 &
    퍼블리싱
    발표회 및 수료식

    인터랙티브 웹디자인 & 퍼블리싱
    수료를 축하드립니다.

    수강생 만족도
    4.8/5
    자세히 보기
  • Interactive Web[NCS] 인터렉티브
    웹 디자인
    발표회 및 수료식

    [NCS] 인터렉티브 웹디자인
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
  • Web UI/UX Design 웹UI/UX 디자인
    발표회 및 수료식

    [NCS]스마트기기 웹 UI/UX 디자인 과정
    수료를 축하드립니다.

    수강생 만족도
    4.6/5
    자세히 보기
Web Publishing

WEB 분야에 사용되는 웹 표준·접근성을
준수하는 퍼블리싱을 배웁니다.

브라우저가 다양해짐에 따라 웹사이트와 웹서비스 개발 및 관리의
표준화된 규격에 맞춰 웹페이지를 제작할 수 있어야
향후 어떤 작업환경에서도 코딩이 가능합니다.
모든 디바이스에 최적화 된 반응형 웹사이트 제작을 통해
웹 퍼블리싱 스페셜리스트로 거듭나세요.

관련 자격증 취득이 가능합니다.

  • 시각디자인산업기사/기사Industrial Engineer/Engineer Visual Communication Design

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • GTQ 포토샵Graphic Technology Qualification Photoshop

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 웹디자인개발기능사Craftsman Web Design Development

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 컬러리스트산업기사/기사Industrial Engineer Colorist

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • GTQi 일러스트Graphic Technology Qualification Illustrator

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기
  • 컴퓨터그래픽기능사Craftsman Computer Graphic

    전국 23만 합격생이 이젠에서 자격증을 합격!
    관련분야 졸업/취업, 이직을 희망하신다면 자격증 취득 시에 더욱 유리합니다. 초라한 이력서보다 필수
    핵심 자격증이 신입/경력사원의 가치를 높입니다.

    자세히 보기

선배에게 들어요!

웹 디자이너란?
웹 브라우저가 해석하고 그래픽 사용자
인터페이스 (GUI)로 보여 주기에 알맞은
마크업 언어 형식으로 인터넷을 통해
전자 매체콘텐츠 전달의 개념을 정하고 계획하고
모델로 만들어 실행하는 과정이다.
웹 디자인의 목적은 웹 사이트를 만드는 것이다.
UX/UI란?
사용자 경험 디자인(User Experience Design, UX)
사용자가 제품,서비스 혹은 시스템을 사용하거나
체험하는 데 있어 상호교감적인 모델을 창조하고
개발하는 디자인의 한 분야이다.
사용자 인터페이스 또는 유저 인터페이스(User Interface, UI)는 사람(사용자)과 사물
또는 시스템, 기계, 컴퓨터 프로그램 등 사이에서
의사소통을 할 수 있도록 일시적 또는 영구적인 가상적 매개체를 뜻한다.
프론트엔드 개발자란?
웹사이트나 앱 등의 사용자 인터페이스(UI)를
개발하는 분야로 사용자가 직접 보고
상호작용하는 웹사이트의 시각적 요소를
담당하는 개발자를 프론트엔드(Frontend)
개발자라고 하며, 이들은 HTML, CSS,
JavaScript와 같은 언어를 사용하여
사용자 인터페이스(UI)와 사용자 경험(UX)을 극대화하는 데 중점을 둡니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
보통 퍼블리셔는 HTML,css로 정적 페이지를
주로 다루는 경우가 많으며, 시안을 코드로
변환하고 반응형, 웹 접근성, 크로스 브라우징을
고려한 작업을 수행합니다.
프론트엔드는 HTML, CSS, JavaScript(ES6+) 등
웹 기술을 사용하며, React, Vue.js, Angular와
같은 프레임워크 등을 활용하여 데이터 처리와
클라이언트-서버 간의 통신을 다루는 등 상호작용을 구현합니다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    변서은 선생님께서 열정을 가지고 가르쳐주셔서 넘 감사했어요!! 정지후 매니저님도 계속 뒤에서 응원해주시고 서포트 해주셔서 너무너무 감사했습니다. 학생들한테 정이 많고 의욕적이신 두 분 덕분에 긴 학원 생활을 잘 마무리할 수 있었던 것 같습니다. 수업 내용 또한 즐거웠고 개발자로서 한 걸음 나아갈 수 있는 유익한 수업이 되었던 것 같습니다.

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    힘들고 지칠때도 있었지만 변선생님과 지후 매니줠님께서 잘 다독여줘서 수업을 끝까지 마무리 지을 수 있었습니다!! 너무너무 감사했습니다ㅠㅠㅠㅠ 라뷰

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    처음에는 엄청 어렵게 느껴졌는데 배우다보니 재미있었고, 변서은 선생님도 친절하게 잘 가르쳐 주시고 학생들에게 친근하게 다가와 주셔서 편했어요! 이론 자체는 어렵지만 부재료도 많이 오픈해주셔서 도움이 되었습니다.

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    개인 프로젝트 및 팀 프로젝트 참여가 개발능력 향상에 많은 도움이 되었습니다.

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    변서은 강사님도 열정적이시고 실무에 필요한 지식이나 프로그램 정보등을 많이 알려주셔서 너무 좋았고, 학원 직원분들도 모두 친절하시고 취업관련 지식과 지원을 많이 해주셔서 만족합니다!

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    기간 내에 함께 강의를 들었던 수강생분들과 강사 선생님짧은기간동안 최대한의 것들을 뽑아내야하기에 쉽지않았지만 친절하신 정지후 매니저님과 함께 노력해주시는 강사님 덕분에 힘든 시간들 잘 마무리하고 수료할 수 있었습니다!! 변서은 강사님! 취직하고 꼭 연락드릴게요 ♥ 피드백을 다양하게 많이 들을 수 있어서 좋았습니다

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    발전하고 싶은 분야를 더 강화할 수 있어서 좋았고, 배울 수 있어서 좋았음. 프로젝트를 통해 실무를 조금이라도 맛볼 수 있어서 이 또한 좋았음.

  • 강남 변서은선생님 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    이 분야가 나에게 맞을까, 수업의 질은 좋을까 걱정을 안고 시작한 교육이었지만 6개월이 지난 지금 돌아보니 지금 끝나는게 아쉬울 정도로 가치있는 시간이었습니다. 선생님께 수업을 들으며 선생님만 믿고 따라가면 되겠다는 확신이 들었고 수업은 매우 체계적이며 준비하신 자료들도 너무나 도움이 되었습니다. 해당 분야를 전혀 접해보지 못했던 저도 디자인, 기획 특히 코딩 분야에 큰 흥미를 느끼며 수업을 들을 수 있었습니다. 반 분위기도 좋았고, 학원 시설도 생각보다 너무 좋았습니다. 매니저님들도 친절하시고 진심으로 응원해주셔서 너무 감사했습니다. 공부에 집중할 수 있는 최고의 환경을 제공받았습니다. 앞으로 취업 준비는 제가 잘 해나가야할 부분이지만 6개월 동안 든든하게 기반을 다질 수 있었던거 같습니다. 정말 감사했습니다!

  • 강남 변서은선생님 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    대학교 졸업 후 처음 부트캠프를 다녔는데 좋은 수업과 좋은 인연들을 만나서 6개월 동안 재밌게 다녔던 것 같습니다. 변서은 선생님께서 항상 힘든 순간에도 다시 일어설 수 있도록 이끌어주시고 다독여주셔서 끝까지 잘 마무리할 수 있어서 감사했습니다 ! 매니저님도 학생 한명 한명과 소통하려고 노력해주셔서 너무 감사했어요 ㅎㅎ 취업상담도 2번을 진행했는데, 자소서도 흐름을 잡을 수 있어서 좋았습니다

  • 강남 변서은선생님 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 2○.09.24수료

    선생님도 친절하시고 매니저님도 우리에게 전달사항이나 이용안내등을 친절하게 설명해주시고 밝은 모습으로 반겨주시는 모습이 아주좋았습니다. 때문에 강의실 분위기나 수강생들이 편하게 이수 할 수 있었던것 같습니다.

커리큘럼

  1. 1

    HTML 구조

    • HTML 문서의 개념
    • HTML의 구조 파악하기
    • 사이트설정을 통해 로컬사이트와 웹사이트 개념 학습
    • 미리보기 기능을 통하여 여러 브라우저 설치
  2. 2

    HTML 종류/활용

    • HTML 태그의 종류 익히기
    • 다양한 태그를 활용하여 페이지 제작하기
    • 웹표준의 이해 및 적용하기
    • 웹접근성의 이해 및 적용하기
    • 웹표준에 준수하는 페이지 제작하기
  3. 3

    HTML5/ CSS3

    • HTML5 기본 용어 정리
    • HTML5 페이지의 구조 익히기
    • 각종 태그 익히기
    • CSS3 개요
    • 선택자 종류 익히기
    • CSS3 스타일 속성 익히기
    • 반응형 웹페이지 제작하기
 
 

웹표준(HTML5/CSS)

10.07(화)
전화문의이젠
1544-8147

직장인교육문의

원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 1544-8147
개인정보수집 및 이용에 대한 동의

(주)이젠아카데미가 운영하는 이젠아카데미컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.

1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외


2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 목적이 변경될 시에는 사전에 동의를 구합니다.


3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.


4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 (주)이젠아카데미가 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.

그 밖의 사항은 <개인정보 처리방침>을 준수합니다.