본문바로가기

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

  • 기초에서 실무까지
  • 반응형 웹 제작
  • 6주/12강

웹 퍼블리싱 기초부터 실무까지 학습하며, html과 css기초를 탄탄히 쌓아 실무 소스를 그대로 분석하고 자신의 것으로 소화하여 실무 프로젝트를 진행할 수 있는 기본을 배워 반응형 웹을 제작하는 과정입니다.

반갑습니다,
아카데미정글입니다 😃
웹 퍼블리싱 실무 워크샵 Ⅰ: HTML, CSS, 반응형 웹 수업일정 및 공지사항을 확인해주세요!

교육일정

2025.01.06 - 2025.02.19

교육시간

월,수 19:00 - 21:50 (주 2회)

교육장소

아카데미정글 (강남 신논현)

수 강 료

총 66만원

결제방법 준 비 물

개인 노트북(권장)

휴강일자

12.25(수), 1.1(수), 1.27(월), 1.29(수)

🔊 강의 관련 공지사항

  • 오프라인 현장 교육

    아카데미정글 강의는 오프라인 대면 수업으로 진행됩니다.

  • 수업 자료 공유

    수업 관련 교안은
    Notion을 통해
    제공해 드려요.

  • 1:1 크리틱 진행

    1:1 크리틱을 통해 포트폴리오 적용 이론 및 실습을 진행해요.

🔉 강의 구성 안내

  • 퍼블리싱 실무 워크샵1

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

  • 퍼블리싱 실무 워크샵2

    웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트,
    UI개발 포트폴리오

  • 퍼블리셔 ui 개발 프로페셔널

    웹 퍼블리셔 &
    UI 개발 프로페셔널

HTML, CSS의 기초부터 정확한 개념을 이해하는 "웹 퍼블리싱 실무 워크샵 Ⅰ: HTML. CSS, 반응형 웹" 워크샵 이후 자바스크립트 및 제이쿼리 기초 및 활용, 반응형 웹, 동적 UI 구현, 최종 포트폴리오 사이트 구성까지 배울 수 있는
"웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI개발 포트폴리오" 워크샵 과정을 수강하시면 좋아요.

👉 디플로마 과정 중 웹 퍼블리셔 & UI 개발 프로페셔널 과정의 Part 1, 2와 동일한 과정이에요.

웹 퍼블리싱, 기초부터 반응형 웹까지 제대로 배우고 싶다면?
실무 경험 다수의 강사님이 강의하는
웹 퍼블리싱 실무 워크샵 Ⅰ : HTML, CSS, 반응형 웹 과정을 소개합니다👏

  • HTML
  • CSS3
  • 실무 코드 위주 예제 학습

웹 퍼블리싱 실무 워크샵 Ⅰ파트에서는 HTML과 CSS에 대한 기본적인 이해를 바탕으로 밀도 있는 기초 학습을 통해 기본에 충실하면서도 탄탄한 마크업을 하는 방법을 배웁니다. 실무에서 사용한 코드를 예제로 학습함으로써 보다 실무 역량을 갖춘 인재로 성장할 수 있어요.

웹 퍼블리싱 기초부터 반응형 웹을 제작하는 과정,
왜 아카데미정글일까요?

  • 실무 사례를 바탕으로 한 실습

    많은 학생들이 퍼블리싱을 배우고 실무에서 적용하는데 어려움을 겪고 있어요. 이 과정은 실무에서 사용한 코드를 예제로 학습함으로써 웹 접근성에 맞추어 마크업하는 방법을 학습하고 실제 사례를 통해 응용하여 사이트를 제작하는 방법을 배울거예요.

  • 퍼블리싱 실무 노하우 학습

    왜 이런 코드가 이렇게 되는지에 대한 부분을 실제적인 사례를 통해 접근해서 배우다보니 학생들이 보다 빨리 이해도 하고 집중하게 됩니다. 짧은 시간 동안 사이트 제작의 노하우를 배우고자 하는 학생들에게 많은 도움이 될 거예요.

  • 복습용 영상 제공

    단순히 코드를 복사 & 붙여넣기만 하는 강의가 아닌, 실무에 맞는 사례를 바탕으로 실무 역량을 갖춘 인재로 성장할 수 있어요. 모르는 점이 있거나 궁금한 점이 있으면 강사님이 실무에 초점을 맞춰 알려드립니다.

웹 퍼블리싱 실무 워크샵 Ⅰ:HTML, CSS, 반응형 웹 과정을 통해
개념을 확실히 만들고 다양하게 적용하는 방법을 학습하여 실무에 바로 적용할 수 있습니다.

  • 😮 코딩을 처음 배우는데 이 수업을 듣고 실무에 바로 적용할 수 있을까요?

    👉 이론과 실습을 분리하지 않고 HTML, CSS에 대한 기본적인 이해와 고유의 특성, 작동 원리를 통해 그림이 아닌 코드를 이용해 모양을 만드는데 필요한 사고와 코드를 다양하게 활용하고 응용 하는 방법을 배워 '브라우저 입장에서 생각하는 훈련'을 통해 실무에 바로 적용할 수 있어요.

  • 🤔 실무에서 활용도가 높은 기법을 배울 수 있나요?

    👉 실무 사례를 통해 코드를 배우는 점이 이 강의의 강점이에요. 정확한 개념을 바탕으로 본인이 스스로 이해해서 코드를 작성할 수 있게 응용력을 키울 수 있는 과정입니다. 코드별 다양한 사례를 깊이 있는 이해를 바탕으로 퍼블리싱을 위한 코드를 완성하는 과정을 통해 본인의 퍼블리싱 능력이 향상되는 과정이에요.

  • 😶 강의는 어떤 형식으로 진행되는지 알 수 있나요?

    👉 다양한 실무 경험이 있는 강사님이 이야기해주는 현업 및 퍼블리셔 시장을 확인할 수 있고, 수강생이 모르는 부분이 있다면 강사님께서 하나하나 꼼꼼히 알려주실거예요. 강사님의 실무 노하우를 수강생 여러분께 아낌없이 전달 드릴 예정이고, 완강 후에는 실력이 크게 향상된 것을 느끼실 수 있을 거예요.

강의를 이끌어주실 황선수 강사님을 소개합니다 ✋

강사
황선수

(전) (주)위메프 W마인드실 추천서비스 개발팀
(전) 엔에이치엔테크놀로지서비스(주) UIT개발실 UI개발4팀
(전) (주)블루웨이브컨설팅 웹표준화그룹
(전) (주)인실리코젠 지식관리사업부

  • 프로젝트
  • 위메프 W우체통, W추천, 톡상담
  • NAVER 스마트스토어, 블로그, 부동산, 지식iN, SmartEditor 3.0

👨‍🏫 강사님이 이야기하는 "웹 퍼블리싱 실무 워크샵 Ⅰ: HTML, CSS, 반응형 웹을 꼭 수강해야 하는 이유"

  • 👉 첫번째, 압축적이고 함축적인 퍼블리싱 과정

    실무의 소스를 그대로 분석하여 자신의 것으로 소화할 수 있도록 수업을 진행해요. 가장 기본적인 HTML, CSS의 개념을 정확히 이해하고, 웹 표준, 웹 접근성에 맞추어 마크업 하는 방법을 학습해요. 자바스크립트의 기본 개념을 정확히 이해하고 실제 사례를 응용하여 사이트를 제작합니다. 실무 사례를 통해 퍼블리싱에 대한 이해도가 높아지고 실무에 적용할 수 있어요.

  • 👉 두번째, 실무 사례를 통해 배우는 퍼블리싱

    정확한 퍼블리싱 개념을 바탕으로 본인이 스스로 완벽히 이해할 수 있도록 도와드려요. 코드를 작성할 때 그저 강사가 알려주는 코드를 복사하고 붙여넣기 하는 방식이 아니라 본인이 직접 코드를 작성하여 응용할 수 있도록 수업을 진행합니다. 실무 사례별 깊이 있는 이해를 바탕으로 필요한 코드를 완성할 수 있는, 본인의 퍼블리싱 능력이 향상되는 과정이에요.

HTML, CSS의 기초부터 정확한 개념을 이해하는 스타트업 과정 으로,
다음과 같은 내용을 배우고 프로젝트를 수행합니다.

황선수 강사님이 참여하신 프로젝트를 소개합니다.

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

  • 디자인에서 퍼블리싱까지
    영역을 확장하고 싶은 분

    HTML과 CSS 기초를 꼼꼼하게 배우고 실질적인 웹 퍼블리싱에 적합한 디자인에 대해 보다 빨리 이해하고, 실무에 적용할 수 있는 능력을 키울 수 있어요.

  • 웹 표준 사이트 제작에
    관심이 있는 분

    기초적인 HTML, CSS 지식을 바탕으로 HTML의 구조적 마크업,CSS 선택자 등을 학습하고 실무에 바로 적용할 수 있는 방법을 학습하여 나만의 코드로 응용할수 있어요.

  • 실무 노하우를 익혀 전문성을
    높이고 싶은 분

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

  • 단기간에 실무 퍼블리싱
    노하우를 배우고 싶은 분

    하루 3시간씩, 12강으로 진행되는 압축적, 함축적인 과정으로 반응형 웹에 대한 기본 개념을 학습하고 실무 소스를 분석하여 자신의 것으로 소화하는 집약적인 과정이에요.

🤚 잠깐, 이 과정이 나에게 맞는 과정인지 아직 고민중이신가요?
아카데미정글 커리큘럼 로드맵을 통해 나에게 맞는 과정인지 확인해보세요! 커리큘럼 로드맵 보러가기

초급 중급 고급
웹 퍼블리싱/
프론트엔드
프론트엔드 개발
취업 아카데미
디노스쿨
웹 퍼블리셔 & UI 개발 프로페셔널

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

웹 퍼블리싱 실무 워크샵 Ⅱ
: jQuery, JavaSciprt,
UI개발 포트폴리오

👇 2개의 파트로 구성된 12강의 커리큘럼을 확인해보세요.

  1. PART01_ 퍼블리싱 기초
    • 01강
      • 오리엔테이션
      • 1. 강의 소개
      • 2. 직무소개
      • 3. 크롬 개발자 도구 활용
      • 4. VS Code 활용
    • 02강
      • HTML 기초
      • 1. Html 기본 구조
      • 2. HTML 주요 태그
      • 3. block, inline, inline-block
    • 03강
      • CSS 기초 (1)
      • 1. 스타일적용방법
      • 2. 선택자
      • 3. 박스모델
      • 4. 웹폰트
    • 04강
      • CSS 기초 (2)
      • 1. 레이아웃
      • 2. display, float, position, z-index
    • 05강
      • 반응형 레이아웃
      • 1. 반응형 기본 개념
      • 2. 반응형 적용 (미디어쿼리)
    • 06강
      • HTML & CSS 활용
      • 1. 레이아웃, UI요소 커스텀 제작 실습
    • 07강
      • CSS 심화
      • 1. flex
      • 2. transform
      • 3. transition
      • 4. animation
  2. PART02_응용 실습
    • 08강
      • UI 요소 포트폴리오
      • 1. table
      • 2. form
      • 3. list
    • 09강
      • 프로모션 포트폴리오
      • 1. 프로모션 페이지 제작 실습
    • 10강
      • 반응형 웹사이트 포트폴리오 (1)
      • 1. Main 페이지 제작 실습
    • 11강
      • 반응형 웹사이트 포트폴리오 (2)
      • 1. Detail 페이지 제작 실습
    • 12강
      • JQuery 기초
      • 1. 기본 설명 및 적용 방법
      • 2. 인터렉션 기능 추가
      • 3. 플러그인 적용

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

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

  • 01

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

  • 02

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

  • 03

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

  • 04

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

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

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

해당 강의의 정확한 다음 기수 강의 일정을 사전에 공지해 드리기 어려워요.

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

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

🔎 오시는 길은 다음과 같아요.

아카데미정글은 9호선, 신분당선 신논현역 9번 출구에서 도보 약 3분 거리입니다.
신논현역 9번출구에서 교보타워 후문 반대편 1층 컴포즈 커피가 위치한 건물 3층입니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

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

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

  • 웹 퍼블리셔 UI개발 프로페셔널 41기

  • 교육일정
    2025.01.06 - 2025.02.19
    교육시간
    월,수 19:00 - 21:50(주 2회)
    교육장소
    아카데미정글 (강남 신논현)
    수 강 료
    총 66만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 계좌이체, 방문(내사카드)결제 가능
    준 비 물
    개인 노트북(권장)
    휴강일자
    12.25(수), 1.1(수), 1.27(월), 1.29(수)