오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

HTML,CSS
Basic
Class

CREATOR. KimJunu

HTML,CSS Basic

230,000 5주 과정

일정

필독 공지사항

코로나바이러스감염증-19 단계별 대응 방침 안내


안녕하세요. 리메인입니다.
현재 코로나 바이러스 감염증 19발생과 관련하여 아래와 같은 대응 방안을 시행 중에 있습니다.



단계별 대응 방침 안내


1단계 정상운영 및 방역 강화
2단계 정상운영 및 방역 강화
3단계 원격수업으로 전환

- 2단계에서 3단계로 상향시 원격수업 공지 문자가 전달 됩니다.
- 3단계에서 2단계로 하향시 오프라인 수업 공지 문자가 전달 됩니다.
* 문자공지는 클래스를 결제한 수강생분들에 한합니다.



출입에 대한 방역 수칙


1. QR 전자출입명부 작성
2. 출입시 발열 체크
3. 전 강의장 및 공간에 대한 소독 진행 (매일 오전 10:00, 오후 18:00, 저녁 23:00)
4. 강의장, 로비, 사무실 손 소독제 비치
발열 또는 호흡기(기침, 인후통, 근육통 등)등 몸이 아프면 출석하지 않습니다.
* 결석으로 인한 수업진도는 02-6080-8623으로 문의 주시기 바랍니다.



수업에 대한 방역 수칙


1. 수업시간내 전 강사 KF94 마스크 의무 착용
2. 수업시간내 전 수강생 마스크 의무 착용
3. 리메인 직원 마스크 의무 착용


리메인에서는 코로나바이러스감염증-19 의심환자 발생 시 즉시 대응할 수 있도록 운영하고 있으며,
수강생 여러분의 안전한 학습 환경 조성과 건강을 위해 최선을 다하겠습니다.

감사합니다.

6년 동안 1,123명의 수료생을 배출한
농도짙은 HTML/CSS Basic 클래스

잘 정리된 인강과 블로그는 얼마든지 있지만, 혼자서 공부를 지속한다는 것은 꽤나 어려운 일 입니다. 따라서 본 클래스는 실습 중심의 커리큘럼을 통해 혼자 공부할때 느끼는 답답함을 해소해드리고, 이해되지 않는 부분을 바로 질문하고 답변 받을 수 있도록 수업 환경을 조성하고 있습니다. 또한 코드의 이해도를 극대화하기 위해 매 주차마다 미션을 드리고 있습니다.

5주간 4개의
미션을 진행해 볼 거예요

  • #1. 텍스트, 이미지, 버튼 출력해보기

    텍스트와 이미지, 버튼을 브라우저에서 출력해보며 HTML 코드가 어떻게 동작하는지 이해해 봅니다.

  • #2. 디자인 위한 박스모델 만들기

    디자인을 구성하는 요소인 너비, 높이, 여백, 선을 CSS로 실습해보며 이를 활용한 디자인 작업물을 제작해 봅니다.

  • #3. 카드 디자인과 배너 디자인 만들기

    카드 디자인과 배너를 제작해보며 디자인된 작업물을 직접 구현해 봅니다.

  • #4. 미니 사이트 만들기

    4주동안 배운 모든 내용을 결합하며 미니 사이트를 제작해 봅니다.

navigate_before
navigate_next

우리는 이런걸 배워요

  • 디자인 작업물을 보고 퍼블리싱을 하는 방법

    막상 만들어보려면 막막한 디자인 작업물을 강사와 함께 체계적으로 제작해보고, 나아가 스스로 디자인 작업물을 코딩으로 구현할 수 있게 됩니다.

  • HTML/CSS로 사이트 제작과정을 경험해봐요

    레이아웃, 타이포그래피 등 디자인 결과물이 어떻게 HTML/CSS로 구현되는 지 상세히 알아봅니다.

  • 코드수정(유지보수) 노하우

    코드를 수정해야하는 업무나 상황이 생각보다 많습니다. 본 과정을 통해 스스로 코드를 수정할 수 있는 능력을 길러봅니다.

  • 퍼블리셔가 되기위한 첫걸음을 뗍니다.

    HTML/CSS 기초부터 미니 사이트 제작까지 경험해 보면서 퍼블리셔가 되기위한 첫걸음을 떼봅니다.

navigate_before
navigate_next

안녕하세요.
우리 클래스를 소개합니다.

웹 입문자를 위한
HTML/CSS Basic 클래스입니다

혼자 공부할때는 느끼는 막막함을 해소하기 위한 클래스로 기초지식없이 시작할 수 있습니다. 퍼블리셔 직무가 궁금하거나 퍼블리싱을 이해 못하는 디자이너, 코드 유지보수가 필요한 분들이 수강하시면 도움이 됩니다.

우리가HTML/CSS를 공부하기전
실무 퍼블리셔와 웹 디자이너는 어떤 고민을 하고 있을까요?

  • "웹 디자인과 퍼블리싱 단계는 서로 긴밀하게 연결되는 분야지만 서로를 별개의 영역으로 생각하는 경우가 많아, 각 업무 간 의사소통을 할 때 어려움을 겪기도 해요”

    3년차 웹 디자이너 김00

  • “코드를 완벽하게 이해하고 쓰는게 아니다 보니 이것저것 넣다가 구동 되면 이게 왜 되는지 모르고 넘어가요. 나중에 코드에 문제가 생기지 않을까 늘 노심초사해요...”

    UX/UI 디자이너 윤00

  • "작게는 타이포, 버튼부터 크게는 웹의 구조까지 실무에서는 퍼블리싱을 하더라도 디자인적인 사항을 고려해야해요. 디자이너가 작업한 타이포그래피나 디자인가이드, 나아가 그리드시스템까지 어떻게 코드로 옮겨야 할지 막막할 때도 있어요"

    주니어 퍼블리셔 윤00

navigate_before
navigate_next

그래서 준비한 클래스
포인트 강점, 첫 번째

디자인 파일을 퍼블리셔가 건네받으면 어떻게 접근해서 퍼블리싱 해야 할지 타이포그래피와 레이아웃 등 파트별로 나누어 자세히 설명드립니다.

클래스 포인트 강점, 두 번째

디자이너 출신의 퍼블리싱 실무자가 디자인 파트와 퍼블리싱 파트를 오가며 어떻게 합의점을 찾을지 디테일하게 설명 드립니다.

클래스 포인트 강점, 세 번째

매주 배우는 내용을 인강으로 준비해 두었어요! HTML/CSS를 단순히 따라 하는것이 아닌 현재 퍼블리싱 코드가 어떻게 동작하는지 원리와 이해하게 커리큘럼이 준비되어 있습니다. 혹시나 이해가 되지 않더라도 인강을 통해 다시 복습하실 수 있습니다.

클래스를 마치고,
여러분은 이렇게 달라질 거에요

클래스에서 진행되는 예제입니다

심미적인 디자인을 하는 것에 그치지 않고,
필드에서 적용 가능한 UI 디자인을 고려할 수 있게 됩니다

  • 실무 기반의 프로세스로 UI 디자인 포트폴리오를 제작할 수 있습니다.
  • 실제 코드로 개발 가능한 UI 디자인을 설계할 수 있습니다
  • 디자인한 작업물을 HTML,CSS 코드로 구현할 수 있습니다

클래스 스피커를 소개합니다!

안녕하세요.
클래스 스피커 김준우입니다.

안녕하세요. 디자이너 김준우입니다. 저는 리메인 아카데미와 에이전시를 운영하며 디자이너이자 프론트엔드 개발자로 다수의 기업과 프로젝트를 진행해온 실무자입니다. 제가 진행하는 클래스는 웹 디자인과 개발 단계의 상호작용을 배울 수 있도록 구성되어 있습니다. 굳이 디자인을 공부하며 코드까지 공부해야할까? 생각할 수 있지만, 웹이라는 하나의 결과물을 만들기 위해서는 웹 디자이너와 퍼블리셔가 함께 고민하는 과정이 필요합니다. 이때, 서로의 작업 방식과 사고 방식을 이해해야 비로소 심도있는 결과물이 나올 수 있습니다. 웹 디자이너와 퍼블리셔의 시선에 맞춰, 웹의 구조와 작동 방식을 이해하고 실제 업무에 적용할 수 있도록 도와드리겠습니다.

커리큘럼

  • 01. 웹 표준과 접근성에 맞는 HTML5
    • HTML의 개념 이해하기
    • HTML 기초문법 알아보기
    • HTML5와 시멘틱 웹이란?
    • 제목태그, 단락태그, 목록태그 사용법
    • section, aside 태그 사용법
  • 02. 웹 디자인 구현을 위한 CSS
    • 속성 개념 이해하기
    • 이미지태그 사용법
    • 앵커태그 사용법
    • CSS의 개념이해
    • CSS 외부파일 생성과 연결
    • CSS 기초문법
    • 서체색상, 서체크기, 서체지정 다루기
    • 서체두께, 자간, 행간 다루기
  • 03. UI 디자인을 위한 박스모델 이해하기
    • 박스모델의 이해
    • 클래스 사용법
    • 클래스 네이밍 : BEM 방법론
    • CSS 우선순의 이해
    • CSS 초기화
  • 04. 웹 레이아웃을 위한 float
    • 가상 클래스와 가상요소
    • display 속성의 이해와 응용
    • float와 float 해제의 이해
    • float를 이용한 다단 레이아웃
  • 05. 심도있는 레이아웃을 위한 position
    • block 요소 중앙정렬 소개
    • inline 요소 중앙정렬 소개
    • 배경 이미지 사용법
    • position의 이해
    • position 응용

우리는 이렇게 느꼈어요!

    사용후기가 없습니다.

우리는 이런 분위기로 수업해요!

navigate_before
navigate_next

클래스 수강을 위해선
이런 준비물과 프로그램이 필요해요!

  • 개인노트북 (window, mac 운영 체제 모두 사용 가능)

  • Adobe Photoshop CC (최소 CS6 이상 버전)

  • Adobe Illustrator CC (최소 CS6 이상 버전)

  • Sketch (mac 운영 체제 사용 가능)

  • Adobe XD (최소 CS6 이상 버전)

  • Brackets (강사님과 함께 설치 진행)

오시는길

  • 클래스 주소 서울 마포구 양화로6길 33
  • 상세소개 2층 리메인

현재 클래스와
함께 수강하면 더욱 좋아요!

쿨하고 깔끔한 환불정책

환불규정 안내

  • 100% 전액환불 : 개강 전까지
  • 33% 공제환불 : 강의 1/2 지나기 전 시점
  • 공제환불 불가 : 강의 1/2이 지난 시점
  • 환불은 신청한 일자 기준으로 처리되며, 강의가 시작되는 당일은 강의를 듣지 않았더라도 해당일자에 포함됩니다.

학원의 설립ㆍ운영에 관한법률 제18조 및 동법시행령 제18조 제3항 〔별표 4〕의 기준에 따른다.

expand_less expand_more