모란 이젠아카데미컴퓨터학원 - 웹표준(HTML5/CSS)

웹표준(HTML5/CSS)

1차 개강일
23년 03월 28일(화)
2차 개강일
23년 04월 11일(화)
  • 웹표준
  • 웹접근성
  • 마크업
  • 웹퍼블리셔
  • Cross Browsing
  • WC3
  • Cross Browsing
교육기간
정규 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 마크업
    • 웹표준/접근성
    • 웹호환성
    • 개인 포트폴리오

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

  • [디지털디자인]모바일 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 Design/Publisher 웹디자인/웹퍼블리셔
    양성과정
    발표회 및 수료식

    웹디자인/웹퍼블리셔 양성과정
    수료를 축하드립니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    자세히 보기
  • 컴퓨터그래픽스운용기능사Craftsman Computer Graphics Operation

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

    자세히 보기

선배에게 들어요!

웹디자이너가
하는일은?
대체로 광범위 하긴하지만 간단히 정리하면,
웹&모바일 사이트에 들어가는 모든 구성 요소를
작업한다. 네이버 블로그 또는 페이스북등 소셜관련해서도 작업하게 된다.
그리고 중소기업의 경우에는 웹 디자이너라도 오프라인쪽 작업들을 하게 된다.
예를 들어 브로슈어, 명함, 버스나 지하철 같은 랩핑광고 등 작업 분야가 다양하다.
웹퍼블리셔가
하는일은?
웹 퍼블리셔의 수행 직무는 웹디자이너, 웹개발자, 웹기획자 등과 웹사이트의 제작 및 진행방향 등에 대해 협업한다. 웹디자이너의 디자인 작업물을 Html,css,Javascript,jQuery 등을 이용해 웹 표준, 웹 접근성, 크로스 브라우징 등 원칙에 맞추어 코딩한다.
프론트엔드 개발자가
하는일은?
사용자 (Client 클라이언트) 가 직접 사용하는 화면의 개발을 말합니다. 실제 사용자들이 원활하게 서비스를 이용하기 위해 화면에 대한 내용 및 비지니스처리, 화면 효과등을 결국 서버 단의 개발을 제외한, 외적인 요소를 개발하는 직무를 통틀어 프론트 엔드라고 합니다.
퍼블리셔와 프론트엔드의
차이는 무엇인가요?
웹 퍼블리셔라는 직종은 우리나라에만 존재한다. 웹 퍼블리셔는 Html,css를 주로 다루고, Javascript,jQuery를 이용하여 화면 동작 제어를 한다. 여기서 더 나아가 데이터 연결 및 요청, 출력 업무등을 하는것을 프론트엔드 개발자가 하는 일이라고 역할이 구분된다. 명칭의 차이일 뿐, 퍼블리셔나 프론트엔드 개발자나 똑같은 클라이언트 단을 개발하는 직종이다. 다만 프론트엔드 개발자에게 요구되는 기술적 범위가 더욱 넓다.
웹 에이전시와
인하우스
어떤곳이 좋나요?
웹 에이전시의 장점으로는 다양한 경험을 할수 있고, 사회초년생이나 1-2년차 일때 다양한 주제로 작업을 하면서 본인이 잘 맞는 분야를 찾을수 있고, 포트폴리오가 굉장히 다양해진다. 단점으로는, 야근이나 주말 출근등으로 업무강도가 높은 편이고, 급여가 적은편인것 같다 인하우스의 경우 장기프로젝트등을 경험 할수 있고, 에이전시에 비해서 급여가 좋은편이고, 워라밸을 누릴수 있다. 하지만, 에이전시에 비해 회의가 많고, 개인적인 공부가 필요하다. 파트별로 전문성을 높여야하기 때문에 공부를 많이해야한다.
디자이너는
대학교 졸업?
전공 필수인가요?
컴퓨터학원 웹 디자인반 6개월반 정도를 이수하면, 신입 디자이너 정도 역량은 갖추어 진다고 본다. 현업에서 대부분 포토샵과 일러스트로 작업을 하기때문이다. 미대 전공 또는 학력과는 전혀 상관이 없다. 그렇다고 학원만 다녀서 취업이 된다는 소리는 아니고, 취업에서 가장 중요한 포트폴리오를 열심히 만들어야 한다.
예술감각이 없어도
웹디자이너
가능한가요?
예술 감각이 꼭 필수 조건은 아니라고 본다. 충분한 연습을 통해 감각을 익힐수 있다고 생각한다. 신입일때 감각이 없어도, 포토샵이라는 프로그램을 통해 벤치마킹을 하여, 변형해서 조금씩 작업 스킬을 업 시켰었다.
포트폴리오 어떻게 준비해야 하나요?
신입의 경우에는 가고 싶은 회사를 정하고, 가고 싶어 하는 회사의 분야에 따라 포트폴리오를 제작하는게 경쟁력이 있다. 예를들어 광고회사의 웹디자이너를 지원하게 된다면, 그 회사에서 광고하였던 프로모션 페이지를 리디자인 한다거나, 홈페이지의 개선사항들을 적용해서 포트폴리오를 완성한다면, 면접관에게 임팩트를 줄수 있어 취업의 문에 더 가까워 지지 않을까 싶다.

수강후기

  • 강남 이젠 국비과정 수료후기
    - 김○준

    커리큘럼에서 연장선상에 있는 이론들을 시범과 자유실기시간을 통해 학습할 수 있어서 혼자 고민하고 답습해야하는 부분이 먼저 해결이 되어서 순차적인 이론 수업을 흡수하기에 적당했다. 체계적인 수업내용과 실무에서 연결될 수 있는 실용적인 수업자료가 매우 유용하게 작용될 것 같다. 주입식으로 수동적인 수업이 아닌 강사님께서 하여금 적극적으로 수업참여가 이루어지게 해주어서 어렵고 복잡한 퍼블리싱 내용을 지나치지 않고 완전한 내 것으로 만드는 것에 많은 도움이 되었다. 또한 이번 강사님 덕분에 체계적으로 퍼블리싱을 알게 되어서 너무 감사할따름이다.

  • 웹앱 과정 이젠아카데미 수료후기 흑흑
    - 김○문

    그 어떤 선생님보다도 열정적으로 가르치시고 질 높은 수업을 제공했다고 생각합니다. 커리큘럼 또한 학생의 속도에 맞춰주고 속도가 늦은 학생에겐 격려를 앞서가고 있는 학생에겐 채찍질을 해주시면서 비록 90일 과정이었지만 알차게 배워갔다는 생각이 들었습니다. 가장 좋았던건 이론보다 실기 중심인 수업이여서 수업만 집중해 들어도 어느정도 이해가 되고 본격적으로 포트폴리오에 들어가기 전에 5~6개의 페이지를 만드는 실습을 했기 때문에 속도가 빨라지고 코딩에 능숙해졌습니다. 때문에 선생님이 제공할 수 있는건 모두 제공했다고 생각합니다. 남은건 학생들이 얼마나 열정적으로 수업을 듣는지에 따라 달렸다고 생각합니다. 정말 쉬지 않고 열정적으로 수업을 들은 학생으로서 이 과정 덕분에 취업이 수월했고 새로운 꿈이 생겨서 너무 감사드립니다.

  • 이젠아카데미 강남지점 수강후기 ㅎ
    - 김○수

    코딩에 대해 아무것도 모르고 수업에 들어가면서 막연히 걱정이 많았는데 웹퍼블리싱 수업을 통해서 많이 달라진 나의 모습을 느낍니다. 길면 길지만 짧은 기간인 4개월동안 바쁘게 배워오면서 코로나로 인해 수업이 지연되고 마스크를 쓰고 하루종일 앉아 있어야 해서 힘들었습니다. 하지만 선생님의 꼼꼼한 수업예제와 설명으로 차근히 따라가면서 쉽지 않았지만 이제는 취업을 준비할 정도로 능력이 올라서 매번 달라진 나의 모습에 놀랄 때도 있습니다. 웹디자인/퍼블리싱의 시작을 정주현 선생님과 함께 하게되어 정말 감사하게 생각합니다. 그리고 학원 시설이나 행정실 직원분들의 빠르고 효율적인 업무처리에 매번 감탄하곤 했습니다. 힘든 수업을 끝까지 수료할 수 있었던 원동력은 선생님과 학원 행정실 직원분들 덕분이라 생각합니다. 이제 웹디자인/퍼블리싱으로 첫걸음을 떼면서 기대반 두려움 반이지만 자신감을 가지고 좋은 회사에 취직하겠습니다 : )

  • 이젠 강남 수료후기 ~!!
    - 강○훈

    디자인과 퍼블리싱을 함께 배웠기 때문에 웹에 대한 시야가 넓어지고 불분명한 진로에 대해 확실한 방향을 잡을 수 있었습니다. 비전공자이다보니 아는 것이 하나도 없었는데 딱 저를 위한 커리큘럼 수업이었습니다.^^; 한 사람의 낙오 없이 모든 수강생을 챙기려는 선생님의 지도로 포토샵 등 기본부터 시작해서 JavaScript, jQuery 그리고 실무자의 입장에서 알아두면 좋을만한 기술들까지 익히고 탄탄하게 방향을 잡아갈 수 있었습니다. '비전공자라서 열심히 해야된다'라는 생각으로 공부하다보니 주말에도 종종 질문을 하기도 했었는데 실시간으로 답변, 지도해주신 덕분에 포트폴리오를 완성하고 취업까지 이어질 수 있었습니다. 취업에 앞서 실무기술 뿐 아니라 자기소개서, 자기PR도 준비해야 되는데 이 부분은 취업처의 도움으로 준비할 수 있었는데요, 웹디자이너, 웹퍼블리셔 취업생분들의 자기소개서, 이력서, 그리고 면접시 필요한 것들을 문서화해서 보내주시고 모의면접까지 봐주셔서 면접도 떨지 않고 볼 수 있었던 것 같습니다!

  • 웹UI/UX 강남지점 수료후기 ㅎㅎ ㅠㅠ
    - 김○민

    본 훈련과정이 아닌 곳에서 코딩을 배웠을 때는 어려워서 따라가지 못했다면, 본 훈련과정에서는 너무나도 친절하게 알려주시고 이해하기 쉽게 노력해 주시는 선생님 덕분에 코딩에 흥미를 느끼게 되고 무사히 수료하게 되었습니다! 일생일대 코딩을 포기하겠거니 생각했었는데 코딩에 매력을 일깨워주셔서 감사합니당!! 마지막으로 수료날이 믿기지 않아서 평소처럼 칼같이 집에 가는 바람에 제대로 된 인사를 못하고 온 게 너무나도 아쉽습니다ㅠㅠ

  • 웹 과정 이젠 강남 수료후기 ~
    - 김○훈

    강사님께서 학생 한 명 한 명에게 관심을 가져주시고 모두를 이끌어 주시는 모습에 더 열심히 공부하게 되었습니다. 실무에서 유용하게 쓰이는 기술들도 많이 알려주셔서 업무 상황에서 정말 유용하게 쓸 수 있을 것 같습니다. 좋은 수업을 진행해 주신 강사님께 다시 한번 감사드립니다!

  • 강남 수강후기
    - 변○윤

    기본적으로 알아야하는것들에 대해서 차근차근 알게 되어서 좋았습니다. 하는만큼 알려주시려고 하고 많은 강의생들을 관리하심에도 불구하고 바쁘지만 하나하나 다 알려주셔서 도움이 정말 많이 됐었습니다! 코로나로 인해 수업이 지치실수도 있는데 그런 점에서 더 고생이 많으셨을거 같습니다! html css 그리고 실무적인 부분에서도 참고해야하는 부분도 많았고 계속되는 질문에도 귀찮아하지 않고 질문을 받아주셔서 너무 좋았습니다!

  • 수강후기 수료후기 강남
    - 윤○균

    본 커리큘럼에서 연장선상에 있는 이론들을 시범과 자유실기시간을 통해 학습할 수 있어서 혼자 고민하고 답습해야하는 부분이 먼저 해결이 되어서 순차적인 이론 수업을 흡수하기에 적당했다. 체계적인 수업내용과 실무에서 연결될 수 있는 실용적인 수업자료가 매우 유용하게 작용될 것 같다. 주입식으로 수동적인 수업이 아닌 강사님께서 하여금 적극적으로 수업참여가 이루어지게 해주어서 어렵고 복잡한 퍼블리싱 내용을 지나치지 않고 완전한 내 것으로 만드는 것에 많은 도움이 되었다. 또한 이번 강사님 덕분에 체계적으로 퍼블리싱을 알게 되어서 너무 감사할따름이다.

  • 수강후기 이젠강남
    - 김○식

    전공과 무관하여 처음에는 걱정을 많이 했는데 고용노동부 석우진 담당님이 친절히 도와주신 덕분에 시작과 끝을 잘 마무리 할 수 있었습니다.잘 짜여진 프로그램을 성실히 이행하여 좋은결과물을 얻어낸것같아 너무 뿌듯하고 나에게 투자할수있는 시간이 주어진것이 감사했습니다. 제가 선택한 분야가 5개월 이내에 완벽히 마스터하기엔 부족한 시간이지만 많이 배울수 있었습니다.

  • 강남 이젠 수강후기
    - 이○민

    수강전에 제가 처음 신청하고자했던 수업과 성향이 많이 달라서 고민이 많았는데 학원에서 취업을 위한 분야로서 추천을 해주셔서 듣게되었습니다. 역시나 제가 전혀 사전정보 없이 듣게 된 수업이라 어려움이 많았고, 강사님이 중간에 한번 바뀌는 바람에 혼란과 커뮤니케이션에 있어 혼선이 컸지만 결과적으로는 마지막까지 잘 마무리하게되었다고 생각합니다. 수업을 듣기전에 어느정도 관련분야 사전지식을 공부하고 가시면 훨씬 이해하는데 시간이 단축될거라 생각됩니다.

커리큘럼

  1. 1

    HTML 구조

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

    HTML 종류/활용

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

    HTML5/ CSS3

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

웹표준(HTML5/CSS)빠른 개강일03.28(화)

카톡상담
전화문의성남 모란
031)751-3688

직장인교육문의

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

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 상담 전화 문의 031)751-3688
개인정보수집 및 이용에 대한 동의

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

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


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


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


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

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