WEB DESIGN·UI/UX

상담 신청하기

기초 웹퍼블리셔(HTML5,CSS3,웹표준)

  • 신청기간 2025.01.05까지 D-31
  • 개강일 2025.01.06
  • 교육기간 단과 2개월
  • 수업구성 격일 19:10 ~ 22:10

새로운 모바일 표준 html+css3 익히기!!
: 사용자 경험을 고려한 웹 사이트 제작을 위해 UX/UI교육 및 웹디자인과 더불어 UI구현을 위한 html + css3, 그리고 웹표준을 교육하는 과정입니다.

웹페이지 제작을 위한 가장 기본적인 언어 HTML + CSS!!
: HTML이란 “Hyper Text Markup Language”의 줄임말로 태그들을 사용해서 원하는 형태의 문서로 만들어 웹페이지를 제작할 수 있습니다. CSS3는 “Cascading Style Sheets”의 줄임말로 HTML을 디자인할 때 사용하는 스타일 시트 언어입니다.

다양한 브라우저에서의 호환성과, 소스들이 표준에 의해 통일되어 효율성 및 유지 관리의 용이성을 생각하며, 문서 분리에 효율적인 마크업을 통해 웹사이트를 제작합니다. 기본부터 충실하게, HTML과 CSS를 기반으로 한 웹사이트를 만들고 반응형 웹을 구성하고 표현하는 스킬을 습득할 수 있습니다.

기존의 웹 표준 기술 위에 새로워진 HTML5와 CSS3 요소를 더하여 인터렉티브한 반응형 웹페이지 기술을 제작할 수 있는 웹 퍼블리싱 기법들을 활용하여 최고의 웹퍼블리셔로 성장할수 있는 과정입니다.

• 개인별 작업을 통해 나만의 포트폴리오를 제작합니다.
• 트렌디한 예제로 학습합니다. 완성 할 수 있도록 1:1 가이드합니다.
• HTML 코딩이 처음이어도, 개발적 감각이 전혀 없어도 학습이 가능합니다.

강의 대상 이런 분들께 추천합니다!
  • 웹디자이너를 꿈꾸는 예비 웹디자이너
  • 웹디자인 분야로 취업을 희망하는 신입 디자이너
  • 웹디자인 또는 디자인분야에 관심 있으신 초보 입문자
  • 웹 코딩 실력이 부족한 웹디자이너
  • 웹디자이너에서 웹퍼블리셔를 희망하는 분

웹 프로젝트의 프로세스를 완벽하게 이해한
웹·앱(UI/UX)디자인·퍼블리싱 전문가가 될 수 있습니다.

  • UI/UX 디자인의 기초를
    배우고 이해합니다.
  • 웹사이트 제작의 개념과
    프로세스를 이해합니다.
  • 최신 트렌드를 반영한
    디자인을 표현합니다.
  • 실무에 바로 투입가능한
    전문가로 거듭납니다.

웹·앱(UI/UX)디자인·퍼블리싱 연봉

자료출처 : Pixso - 2023 제로베이스 취업 데이터 (단위: 만원)
  • 2,600만원
    타 디자이너 평균
  • 3,000만원
    UI/UX 디자이너 평균
  • 3,800만원
    UI/UX 디자인 스쿨 출신

타 디자이너 평균 연봉보다 높은
웹·앱(UI/UX)디자인·퍼블리싱 연봉

디자인이 더이상 선택 사항이 아닌 필수가 되고 서비스의 경쟁력이 사용자 경험으로
결정되는 요즘, 웹과 앱에 핵심이 된 UI/UX 전문가의 가치 또한 높아지고 있습니다.

취업 분야 아래 분야로 취업할 수 있습니다!

웹디자이너 · 웹퍼블리셔 · 앱디자이너 · UI/UX 분석 및 기획 · UI/UX 디자인 등

MBC아카데미 컴퓨터학원을 선택해야 하는 이유

  • 단계별 수업
    나에게 맞는 단계별 수업 초보자를 위한 전문가 양성과정 &
    스킬업을 위한 심화과정 모두 운영
  • 프로젝트 수업
    실무 기반 프로젝트 수업 전체적인 실무의 흐름을 알 수 있는
    프로젝트형 수업 진행
  • 취업시스템
    취업률을 높이는 취업시스템 취업 전문가의 코칭으로
    동종 업계 취업률 평균 89.8%
  • 세미나
    실무자 세미나 & 특강 현업에서 일하는 실무자들의
    특강을 통해 핵심 정보 습득
로드맵 로드맵

교육과정 상세내용

  • Step 1
    웹 표준 기초
    • 웹 표준의 정의
    • 웹 접근성의 중요성
    • DTD의 종류
    • 배경색, 그라데이션, 둥근사각형 설명 및 예문실습
  • Step 2
    CSS
    • CSS의 이해
    • CSS의 사용방법
  • Step 3
    웹 표준 코딩 Base
    • DTD정의
    • 텍스트스타일
    • CSS TIP & Tech
  • Step 4
    레이아웃 테크닉
    • 레이아웃의 종류와 코딩법
    • 레이아웃 tip

포트폴리오

웹·앱(UI/UX)디자인·퍼블리싱
반응형 웹디자인 및 웹퍼블리셔
웹·앱(UI/UX)디자인·퍼블리싱
반응형 웹디자인 및 웹퍼블리셔

안O화 수강생 기초가 되는 부분을 중심으로 실무에 필요한 기본기를 탄탄하고 꼼꼼하게 가르쳐 주셔서 실력이 매우 향상되었습니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
UI/UX 웹디자인 전문가 양성과정
웹·앱(UI/UX)디자인·퍼블리싱
UI/UX 웹디자인 전문가 양성과정

김O연 수강생 기본기를 탄탄하고 꼼꼼하게 가르쳐 주셔서 초보자인 저도 결과물이 잘 나왔습니다!

MORE
웹·앱(UI/UX)디자인·퍼블리싱
UI/UX 웹디자인 및 프론트앤드 웹개발자 과정
웹·앱(UI/UX)디자인·퍼블리싱
UI/UX 웹디자인 및 프론트앤드 웹개발자 과정

김O호 수강생 웹디자인을 늘 해보고 싶었는데 기회가 되어 전액 무료로 부담 없이 수업 듣고 포트폴리오도 나왔습니다. 너무나 감사합니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
스마트기기 UIUX 디자인
웹·앱(UI/UX)디자인·퍼블리싱
스마트기기 UIUX 디자인

공O서 수강생 디자인 기초부터 하나하나 꼼꼼하게 알려주시고 현장에 맞는 실습예제를 활용하여 결과물도 잘 나온것같습니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
웹 포트폴리오 디자인
웹·앱(UI/UX)디자인·퍼블리싱
웹 포트폴리오 디자인

최O미 수강생 웹사이트 디자인에 대한 전반적인 시각이 확장되었습니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
웹디자인 및 스마트 UI/UX 웹퍼블리셔
웹·앱(UI/UX)디자인·퍼블리싱
웹디자인 및 스마트 UI/UX 웹퍼블리셔

양O혜 수강생 비전공자지만 해당 수업을 통해 웹사이트의 구조와 콘텐츠를 설계할 수 있는 능력을 키웠습니다. 너무나 뜻 깊은 시간이었습니다.

MORE

취업지원 시스템

  • 취업상담 신청

    홈페이지를 통해
    취업상담 요청

  • 진로상담 및 컨설팅

    1:1 진로상담을 통해
    취업컨설팅 진행

  • 이력서·자기소개서

    기업 맞춤형
    서류 검토 및 코칭

  • 취업연계

    학원 연계기업으로
    수강생과 기업 매칭

  • 모의면접·코칭

    긍정적 인상을 남길 수
    있도록 면접 코칭

  • 취업성공

    면접 기업 검토을 통해
    안전한 회사로 취업

연계기업 현황

다양한 연계기업과 교류를 통해 수강생들의 취업기회를 넓혀가고 있습니다.

  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업

웹·앱(UI/UX)디자인·퍼블리싱 과정 자주 묻는 질문

교육과정
교육 수료 후 취업연계는 어떻게 진행될까요?


교육과정
디자인 관련 비전공자도 수업을 따라갈 수 있을까요?


교육과정
디자인 감각이 없어도 포트폴리오가 나오나요?


교육과정
프로그래밍을 처음 배우는 사람도 이 과정을 수강할 수 있나요?


교육과정
프로그래밍 언어를 배우는 데 얼마나 시간이 걸리나요?


빠른상담 신청하기

신청 한 번으로 국비지원 대상 조회 · 수강료 및 시간표 조회가 모두 가능합니다.

01 지점선택
01

캠퍼스선택

상담 신청할 캠퍼스를 선택해 주세요.
02 학과·과정선택
02

학과·과정선택

학과·과정 선택이 어렵다면 [일반문의]를 선택해 주세요.
03 신청자 정보
03

신청자 정보

신청정보가 맞는지 반드시 확인해 주세요.
  • 종로
  • 일반문의
  • - -
보기