본문바로가기

웹 퍼블리싱
실무 워크샵 Ⅰ
: HTML, CSS, 반응형 웹

기초부터 실무까지 기본 개념 6주/12강

웹 퍼블리싱 기초부터 실무까지 학습하며, html과 css기초를 탄탄히 쌓아 실무프로젝트를 진행할 수 있는 기본을 배웁니다.

수강신청
교육일정
2020.11.24 - 2021.01.07
교육시간
화, 목 / 19:00 - 21:50
교육장소
아카데미정글 (강남 신사)
수 강 료
총 66만원
(3개월 후불납부 가능)
준 비 물
개인 노트북(권장)

WEB PUBLISHING
PRACTICE WORKSHOP

HTML과 CSS에 대한 기본적인 이해를 바탕으로 실무의 소스를 그대로 분석하고
자신의 것으로 소화하여 반응형 웹을 제작하는 집약적인 과정이에요.

  • HTML CSS HTML, CSS의 기초부터
    정확한 개념을 이해하는 스타트업 과정
  • RESPONSIVE
    WEB

퍼블리싱, 단순히 코드를 복사 & 붙여넣기만 하고 어떻게 실무에 활용하는지 고민하고 계시진 않나요?

많은 학생들이 퍼블리싱을 배우고 실무에서 적용하는데 어려움을 겪고 있어요.
혹시 HTML, CSS의 개념을 정확히 이해하지 않은 채 따라하는 학습만 하진 않았나요?
아카데미정글에서는 실무 사례를 통해 웹 접근성에 맞추어 마크업하는 방법을 학습하고 실제 사례를 통해 응용하여 사이트를 제작하는 방법을 배울거예요.

선생님 수업중 사진

6주간 수강생 분들은
다음과 같은
웹 퍼블리싱 실무
(HTML, CSS ,반응형 웹)
을 배울 수 있어요.

HTML, CSS 고유의 특성과
작동 원리를 이해하고
'브라우저 입장에서 생각하는 훈련'을 통해 실무에 바로 적용할 수 있어요.

  • 01 다양한 예제의 실습과 설명

    이론과 실습을 분리하지 않고 HTML, CSS에 대한 기본적인 이해와 사용 방법을 충분히 학습한 후 코드로 옮기는 기술을 숙지하게 됩니다.

  • 02 실무에서 활용도가 높은 기법

    HTML, CSS 고유의 특성과 작동 원리를 통해 그림이 아닌 코드를 이용해 모양을 만드는데 필요한 사고와 코드를 다양하게 활용하고 응용하는 방법을 배웁니다.

  • 03 개념을 확실하게 만드는 능력

    실제 사이트를 이용해 실습과 설명을 반복 하면서 특정 상황에서의 의미 있는 태그 사용, 크로스브라우징을 동시에 생각하여 상황별 선택하는 훈련을 합니다.

  • 01 다양한 예제의 실습과 설명

    이론과 실습을 분리하지 않고 HTML, CSS에 대한 기본적인 이해와 사용 방법을 충분히 학습한 후 코드로 옮기는 기술을 숙지하게 됩니다.

  • 02 실무에서 활용도가 높은 기법

    HTML, CSS 고유의 특성과 작동 원리를 통해 그림이 아닌 코드를 이용해 모양을 만드는데 필요한 사고와 코드를 다양하게 활용하고 응용하는 방법을 배웁니다.

  • 03 개념을 확실하게 만드는 능력

    실제 사이트를 이용해 실습과 설명을 반복 하면서 특정 상황에서의 의미 있는 태그 사용, 크로스브라우징을 동시에 생각하여 상황별 선택하는 훈련을 합니다.

이런 분들을 위한 강의로,
완강 후 여러분은
다음과 같이 성장할 수 있어요.

  • 01 디자인에서 웹 퍼블리싱까지
    영역을 확장하고 싶은 분
    어떻게 성장할 수 있나요? >

    실질적인 웹 퍼블리싱에 적합한 디자인에 대해 보다 빨리 이해하고, 실무에 적용할 수 있는 능력을 키울 수 있어요.

  • 02 HTML과 CSS로 웹 표준
    사이트 제작에 관심 있는 분
    어떻게 성장할 수 있나요? >

    기초적인 HTML, CSS 지식을 실무에 바로 적용할 수 있는 방법을 학습하여 나만의 코드로 응용할수 있어요.

  • 03 실무 노하우를 빨리 익혀
    전문성을 높이고 싶은 분
    어떻게 성장할 수 있나요? >

    실무사례를 바탕으로 하여 코드를 분석하고 응용해서 실무에서 요구하는 실전 노하우를 통해 퍼블리싱 능력을 키울 수 있어요.

  • 04 짧은 시간동안 실무 퍼블리싱
    노하우를 배우고 싶은 분
    어떻게 성장할 수 있나요? >

    하루 3시간씩, 12강으로 진행되는 압축적, 함축적인 과정으로 실무 소스를 분석하여 자신의 것으로 소화하는 집약적인 과정이에요.

CURRICULUM

  • PART01_
    HTML/CSS 파운데이션
    01강
    • html/css 기초(1)
    • - 강의목표
    • - 웹표준/웹접근성 개요
    • - 구조적 마크업/논리적 마크업
    • - HTML 기초
    • - CSS 기초 문법
      → 선택자
      → text/font 속성
    02강
    • html/css 기초(2)
    • - html 구조적 마크업
      → Block Elements
      / Inline Elements
    • - CSS 기초문법
      → 우선순위
      → 선택자 종류
    03강
    • html/css 기초(3)
    • - form 태그
      → form 요소 다루기
      → form 요소 크로스브라우징
    • - table 다루기
      → 웹 접근성을 고려한 테이블 레이아웃
    04강
    • Layout(1)
    • - 박스모델의 이해
    • - 배경속성
    • - 시멘틱 구조
    05강
    • Layout(2)
    • - UI 영역별 배치
    • - display 속성
    • - float 속성
    • - oveflow 속성
    06강
    • Layout(3)
    • - Navigation 영역별 UI 구조 실습
    • - position 속성
    • - 문서 흐름별 레이아웃 구조 실습
    07강
    • Layout(4)
    • - 콘텐츠별 UI 분석과 제작 실습
    • - transform과 애니메이션 속성
  • PART02_
    응용 실습
    08강
    • 탬플릿으로 구조설계(1)
    • - 상용 사이트콘텐츠 페이지 실습
    • - 효율적인 CSS 스타일링 연습
      → 네이밍/선택자/멀티클래스/
      재사용을 위한 css 분석
    09강
    • 탬플릿으로 구조설계(2)
    • - 상용 사이트콘텐츠 페이지 실습
    • - 효율적인 CSS 스타일링 연습
      → 네이밍/선택자/멀티클래스/
      재사용을 위한 css 분석
    10강
    • 탬플릿으로 구조설계(3)
    • - 상용 사이트콘텐츠 페이지 실습
    • - 효율적인 CSS 스타일링 연습
      → 네이밍/선택자/멀티클래스/
      재사용을 위한 css 분석
    11강
    • 반응형 레이아웃(1)
    • - 반응형 기본 개념
    • - 미디어쿼리와 뷰포트
    • - 반응형 구조
    • - 반응형 페이지 마크업
    12강
    • 반응형 레이아웃(2)
    • - 작업 사이트 반응형 마크업&CSS
    • - jQuery&CSS3 인터렉션 UI 제작

강사 소개

강사
김혜영

현) 엔게디캠퍼스 대표

홍익대학교 영상대학원 인터렉션디자인과 수료

아카데미정글 강의
한국디자인진흥원 강의
계원예술대학교, 홍익대학교(세종캠퍼스), 공주대학교, 건국대학교, 서울대학교 출강
LG 유플러스 어도비 세미나 특강

프로젝트 힐링잼 모바일 UI 디자인

수강생들의 생생한
수강 후기가 궁금하시죠?

수강생들이 직접 작성한 수강후기를 통해 전반적인 수업 분위기를 확인해보세요.

  • 수강생 가영 님

    비전공자이지만 유능한 웹퍼블리셔가 되고 싶어 학원을 알아 보던 중 훌륭한 강사진에 잘 되어 있는 커리큘럼을 보고 바로 수강하게 되었습니다. 강의를 듣기 전에는 '비전공자인 내가 처음 듣는 수업을 잘 이해 하고 과연 포트폴리오를 만들 수 있을까?' 싶었습니다. 강의를 들으면서 매 수업마다 새로운 것을 배운다는 점에서 매우 신나고, 잘 안될 때 힘이 들지만 막히는 것을 풀어갈 때 마다 짜릿함을 느꼈습니다.
    특히 웹사이트를 처음 구현했을 때 가장 인상에 남았습니다. 선생님께서 수업하실 때 이해 안 되는 점을 여쭤보면 학생이 이해될 때 까지 여러 방면에서 예제를 보여주시면서 도와주시고, 선생님의 특별 코칭과 비밀 소스도 받아볼 수 있어 좋았습니다.

  • 수강생 민영 님

    웹에 대해 배우고 싶어 이 강의를 선택해 수강하였습니다. 페이지를 어디서부터 만들기 시작 해야 할지 헤맸는데, 그 틀을 잡을 수 있게 된 것 같아요. 강의를 수강하면서 기억에 남는 점은 처음에 다양한 자료, 교재를 준비해 주신 점이 생각납니다. 중간에 놓쳐도 같이 따라갈 수 있도록 신경 써서 봐 주신 점, 못하는 것 같고 어렵다고 느낄 때 자신감을 주려고 하신 점이 인상 깊었습니다.
    기초부터 시작해서 기본을 익히고 싶은 분들, 앞으로 꾸준히 열심히 할 분이라면 도움이 많이 될 것 같습니다. 선생님께서 조언도 많이 해 주시고 직접 열어볼 수 있는 자료도 주시고 친절한 설명을 해 주셔서 좋았습니다. 여쭤보면 바로 도와주시고 알려주신 덕분에 문제없이 따라갈 수 있었던 것 같아요.

  • 수강생 진희 님

    가구 디자인을 전공하고 퍼블리싱을 잘 알지 못하는 상황에서 막연하게 배워보고 싶다는 마음에 여러 학원을 알아보던 중 상담해주시던 선생님께서 저의 미래에 대해 함께 고민해주시던 모습에 믿음이 생겨 수강하게 되었습니다. 코딩을 배우면 배울수록 어려워지기도 했지만, 막히는 부분을 결국 풀게 되었을 때의 뿌듯함과 더욱 파고들게 되는 힘이 생겼습니다.
    일단 실무 중심의 교육이라는 점이 너무나 큰 장점입니다. 정말 필요한 것이 무엇인지, 가장 효율적인 접근법이 무엇인지 배울 수 있었습니다. 또 단순한 프로그램 스킬이 아닌 실제 있는 홈페이지를 참고하여 수업하여 후에 어떤 사이트든 만들어 낼 수 있다는 자신감도 생겼습니다.

  • 수강생 서은 님

    퍼블리싱은 3년 정도, 회사에서 거의 혼자한 경험이 있는 웹 퍼블리셔 취업 준비중인 수강생입니다. 웹 퍼블리싱을 다시 시작하려고 하니 굉장히 막막했지만 상담 선생님과 상담 후 확신이 들어 수강하게 되었습니다.
    강의를 들으면서 앞으로 어떻게 더 준비해가야 할지 제 머릿속에 정리가 되었고, 어느 정도 개념이 잡힌 것 같습니다. 특히 혼자서 업무로 퍼블리싱을 할 때 맞게 하고 있는지 많이 답답했는데 선생님께서 여러 팁들을 알려주셔서 인상 깊었습니다. 혹시 웹 퍼블리싱을 시작하기 어려우시거나 망설이시는 분이 계신다면 기초부터 꿀팁까지 자세히 알려주시기 때문에 이 과정을 적극 추천합니다.

  • 수강생 예나 님

    UI/UX 수업을 들으면서 웹 사이트를 구현하는데 코딩 수업이 필요할 것 같아서 듣게 되었습니다. 강의를 수강하기 전에는 퍼블리싱 용어라던지, 구현하는 것에 대해서 잘 몰랐습니다. 강의를 듣고 난 지금은 디자인할 때 퍼블리싱까지 고려해서 디자인을 생각하게 되었고, 퍼블리셔와의 의사소통을 하는데 필요한 용어들을 많이 알게 되었습니다. 디자인하는데 퍼블리싱까지 해서 직접 구현할 수 있다고 생각 하니 수업이 재밌었습니다. 짧은 시간 안에 다양한 예시들을 작업해 볼 수 있어서 좋았습니다. 처음에 아무것도 몰랐는데 강사님께서 많은 질문에 친절하게 답해주셔서 좋았습니다. 퍼블리싱에 대해 자세히 알려주시고, 실무에 적용되는 법에 대해서 알 수 있어서 좋았습니다.

  • 수강생 혜민 님

    웹디자인과 코딩은 밀접한 관련이 있다고 생각했고, 코딩을 아는 디자이너라면 경쟁력이 있을 것 같아 수업을 듣게 되었습니다. 강의를 듣기 전에는 코딩에 대한 개념이 아예 없었지만,
    지금은 코딩에 대한 이해도가 생겼고, 디자인에 도움이 되는 것 같습니다. 처음으로 코딩을 해서 웹페이지 구현을 했을 때 정말 신기했고, 일반 사이트를 보면서도 코딩을 생각하게 되는 제 자신이 신기했습니다. 코딩을 전문적으로 하지 않아도 코딩에 대한 이해력만 있다면 충분히 들을 만 합니다.
    선생님께서 친절하게 알려주시고 학생 한 명 한 명 잘 따라올 수 있도록 챙겨주십니다. 코딩과 실무에 대한 다양한 정보들도 유익했습니다.

수강 신청하기 전,
예비 수강생 여러분께 전합니다.

  • 01

    이 강의는 기초부터 시작하는 스타트업 과정입니다. 후수 과정으로 웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI 개발 포트폴리오를 수강하실 수 있습니다.

  • 02

    이 과정은 웹 퍼블리셔 & UI 개발 프로페셔널 강의에 포함된 과정으로, 해당 과정을 수강하시면 후수 과정
    (웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI 개발 포트폴리오)까지 한 번에 수강하실 수 있습니다.

  • 03

    기초 지식이 없어도, 열심히 수강하고 학습하시면 과정이 끝나는 날에는 실력이 향상된 자신을 만날 수 있어요.

  • 04

    강의장에 공용 PC가 준비되어 있지만, 보다 원활한 수강을 위해 가급적 개인 노트북을 가져오길 권장합니다.

결제 방법은 일반결제와 후불제 중 선택할수 있습니다

수강신청 후
결제 방법
일반결제후불제
선택할 수 있어요. 후불제란? > 후불제란? > 후불제 신청 >

01. 일반 결제
  1. 01. 온라인 수강신청

    과정 선택 후 수강 신청을 하시면, 결제 방법과 관련하여 선택하실 수 있어요.

  2. 02. 일반 결제
    • 일반 결제와 관련한 수강료 결제 방법은 다음과 같아요.
    • - 온라인 카드 결제 시 할부 선택이 가능해요. 할부 관련 정보는 아카데미정글 홈페이지에서 확인 가능해요.
    • - 무통장 입금(계좌 이체), 방문 결제(내사 카드)는 분할 납부가 가능해요. 이와 관련해서는 아카데미 정글로 개별 연락 주시면 도와드릴게요.
    • - 결제는 바로 하지 않으셔도 괜찮아요. 마이스터디 페이지에서 이어서 진행할 수 있어요.
  3. 03. 교육

    개강일에 맞추어 문자로 개별 연락이 갈 거예요.
    수강 신청한 강의를 일정에 맞추어 수강하시면 됩니다.

02. 후불제

아카데미정글학생독립만세

  1. 01. 온라인 수강신청

    과정 선택 후 수강 신청을 하시면, 결제 방법과 관련하여 선택하실 수 있어요.
    아카데미정글은 교육비 후불제 솔루션 '학생독립만세'와 함께 교육 종료 후, 교육비를 후불, 분할 납부 하는 후불제 교육을 진행하고 있어요.

  2. 02. 후불제 인증 &계약

    수강료 결제 방법에서 후불제를 선택하시면 후불제 인증 신청을 할 수 있어요.후불제 인증 심사를 통해 후불제 인증 획득 후 학생독립만세에서 후불제 계약과 인증료(교육비의 5% 별도 선납)를 납부해야 해요. 이 과정은 온라인으로 진행돼요.

  3. 03. 교육

    개강일에 맞추어 문자로 개별 연락이 갈 거예요.
    수강 신청한 강의를 일정에 맞추어 수강하시면 됩니다.

  4. 04. 결제

    후불제는 교육이 종료된 후, 계약 기간 내에 교육비를 납부 해야 해요.

다음기수 개강 알림문자 신청, 뉴스레터 신청

이번 기수는 듣지 못해
아쉬워하는 분들을 위해
준비했어요.

이 과정은 강사님이 실무에 계시기 때문에
정확한 다음 기수 강의 일정을 사전에 공지해 드리기 어려워요.

대신, 다음 기수 개강 알림 문자를 신청하시면 새로운 기수 개강일과 관련한 문자를 보내 드릴게요.
아카데미정글의 보다 다양한 강의 개강 일정이 궁금하시다면, 뉴스레터를 신청해주세요.
매주 발행되는 뉴스레터를 통해 아카데미정글의 강의 개강 일정을 메일로 보다 편리하게 확인하실 수 있어요.

다음 기수 개강 알림 문자 신청하기아카데미정글 뉴스레터 신청하기

오시는 길

아카데미정글은 3호선 신사역 5번출구에서 도보 약 3분 거리입니다.
신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 JoyMG가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

수강신청 전, 꼭 확인해주세요. 더보기

웹 퍼블리싱 실무 워크샵 Ⅰ
: HTML, CSS, 반응형 웹 62기

  • HTML & CSS : 웹 퍼블리싱 실무 워크샵(62기)

    아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다. (실내 마스크 의무 착용, 매일 소독 진행, 출입시 QR 코드 전자출입명부 작성, 발열체크, 손 소독제 비치)

  • 교육일정
    2020.11.24 - 2021.01.07
    교육시간
    화, 목/ 19:00 - 21:50
    교육장소
    아카데미정글 (강남 신사)
    수 강 료
    총 66만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 월 22만원씩 3개월 후불제 가능: 교육 종료 후 3개월 분납(학생독립만세)
    준 비 물
    개인 노트북(권장)
    휴강일자
    12/24(목), 12/31(목)
  • 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방 조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.