GOAL 01
HTML과 CSS를 활용해 웹 표준과 접근성을 고려한
웹 페이지 구조와 스타일을 설계할 수 있음
-
그린소개
-
지점안내
-
국비과정
-
일반과정
-
커뮤니티
-
포트폴리오
-
고객센터
-
취업센터
-
상담센터
-
K-디지털 트레이닝
-
특화과정
-
온라인 국비지원
-
IT개발
국 기+일반
(스마트웹&콘텐츠개발) 프론트엔드 개발자(자바스크립트,리액트) 실무 프로젝트
KDT
프레임워크 & AI 활용 자바 기반 풀스택 멀티플랫폼 웹서비스 개발과정
특화훈련
(산대특)_인공지능 데이터분석 및 예측을 활용한 웹서비스 개발과정_양성_지원
KDT
심화_클라우드 기반 MSA 적용 ERP 시스템 웹서비스 구현 프로젝트
KDT
프로젝트기반 자바(스프링,백엔드)&파이썬(OCR) 풀스택 웹 개발자 양성과정
KDT
프로젝트기반 프론트엔드 (React,Vue) 웹&앱 SW개발자 양성과정
재직자(온라인)
ChatGPT·Claude를 활용한 AI 웹 퍼블리싱 입문: HTML/CSS 실전 기초
재직자(온라인)
ChatGPT를 활용한 콘텐츠 생성 플랫폼 개발: Spring Boot 실무 가이드
재직자(온라인)
챗GPT-랭체인으로 AI 웹서비스 만들기
재직자(온라인)
리액트(React)와 파이어베이스 (Firebase)로 시작하는 웹 개발 과정
재직자(온라인)
Open API를 활용한 인터렉티브 웹 어플리케이션 개발 with Vanilla Javascript
재직자+일반
파이썬(python)과 빅데이터 분석 향상과정 (시각화, 판다스)
재직자+일반
[UIUX] 풀스택(프론트&백앤드)을 위한 자바스크립트 (바닐라.JS/Javascript)
재직자+일반
[UIUX] 풀스택(프론트엔드&백엔드]리액트(React JS) 자바스크립트
재직자+일반
C언어
재직자+일반
파이썬(Python)) - 응용SW 엔지니어링
재직자+일반
자바(Java)
-
AI
-
웹개발
-
편집디자인
-
건축·산업디자인
-
게임/영상/마야
-
세무회계/OA
언제 어디서든 온라인 수강
ChatGPT·Claude를 활용한 AI 웹 퍼블리싱 입문
: HTML/CSS 실전 기초
과정 정보
모집대상
실업자, 재직자, 고용보험 환급제도(사업주훈련지원과정)
모집기간
2025년 06월 12일 ~ 2025년 10월 31일
수강기간
2025년 06월 12일 ~ 2025년 10월 31일 (1개월, 20차시)
수료조건
전체 진도율의 80% 이수(수료증 발급)
수강료 정보
기존 수강료
242,000원
최종 수강료(자비부담금)
24,200원
수강 신청 후 선발되면 자비부담금 결제가 가능합니다.
GOAL 02
Figma 디자인 시안을 기반으로
다양한 UI 요소를 구현하고, 반응형 레이아웃과
시각적 표현을 완성할 수 있음
GOAL 03
ChatGPT, Claude 등 AI 도구를 활용하여
콘텐츠 초안 작성, 수정, 코드 생성 등
웹 제작 과정을 효율화할 수 있음
자막 영상으로 이해하기 쉽게!
본 강의에서 제공되는 한글 자막으로 강의 내용을 더욱 쉽게 이해하고 학습하세요!
재미있는 OX퀴즈로 복습하기!
매 차시마다 제공되는 OX퀴즈로 배운 내용을 복습하세요!⚹ 수료와는 무관한 퀴즈이니 부담 없이 즐겨보세요.
STEP 01
HTML
기초
- HTML 문서 구조와 기본 설정
- 섹셔닝 태그와 웹표준
- 리스트 태그
- 테이블 구성과 활용
- 링크 태그와 경로 설정
- 이미지 태그 사용법
- 폼 전송과 데이터 처리
- 멀티미디어 활용하기
STEP 02
HTML
기초 - 실전
- AI(ChatGPT·Claude)활용 - 포트폴리오 갤러리 만들기 (기획 및 디자인)
- AI(ChatGPT·Claude)활용 - 포트폴리오 갤러리 만들기 (HTML)
STEP 03
CSS 기초
및 활용
- CSS 기본 문법
- CSS 선택자와 우선순위
- 폰트 및 텍스트 스타일링
- 배경 스타일 설정하기
- 디스플레이와 레이아웃 설정
- 박스모델과 간격 조정
- 포지셔닝 기초 및 응용
- Flex 레이아웃과 정렬
STEP 04
CSS 기초
및 활용 - 실전
- AI(ChatGPT·Claude)활용 - 포트폴리오 갤러리 만들기 (CSS)
김동주 강사님
그린컴퓨터아트학원 / 웹 프론트엔드 강사
경력
- 정보기술개발 분야 강의 경력 9년 이상
- 웹개발, 관리, 온라인 마케팅 근무 경력 10년 이상
저서
- 웹 디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서(비제이퍼블릭/2021.07. 출간)
- 코딩은 처음이라 with 웹 퍼블리싱(영진출판사/2022.08.25. 출간)
- SD에듀 유선배 웹디자인기능사 실기 과외노트(시대고시기획/2023.10 출간)
온라인 협업툴
슬랙(Slack)활용
과정 관련 궁금했던 내용들은 전부 물어보세요.
그린 실무 강사(튜터)의
1:1 피드백 제공
전문 실무 강사(튜터)가 수강생을 위해 1:1 피드백을 드립니다.
미니 프로젝트
실습 교육
실무에서도 바로 활용할 수 있도록 미니 프로젝트를 진행합니다.
수료 이후 해당 강의
복습 기간 1년 제공
배운게 기억이 안 날때는 언제든지 꺼내서 보세요. 1년 동안 제공됩니다.
언제라도 물어보세요!
본 과정은 개발자 현업 실무에서도 사용하는
온라인 협업툴 슬랙(Slack)을 활용합니다.
훈련생간의 자유로운 소통창구로 활용할 수 있어요.
막히는게 있을 때는 언제든지 질문을 남겨주세요.
튜터가 직접 전달하는 학습 공지사항을 바로 받아 보세요.
모바일까지 연동되는 내 손안의 학습 커뮤니티로 활용하세요.
슬랙(Slack)을 통해 수강생, 튜터 간의 원활한 의사소통을 할 수 있고 훈련생 간의 커뮤니티 유대감을 형성할 수 있으며, 온라인 강의임에도 실시간으로 쌍방향 소통이 가능한 자기 주도 학습환경을 구축하여 오프라인 훈련에 준하는 학습효과를 기대할 수 있습니다.
내일배움크레딧 잔액이 남아있는 경우 1회에 한하여
잔액을 초과하는 훈련과정도 추가부담없이 수강할 수 있습니다.
2023 강남(본점)
5년 인증 우수
훈련기관 선정
2023 신도림
5년 인증 우수
훈련기관 선정
2023 노원
5년 인증 우수
훈련기관 선정
2023 인천(부평)
5년 인증 우수
훈련기관 선정
2024 인천(청라)
5년 인증 우수
훈련기관 선정
2023 수원
5년 인증 우수
훈련기관 선정
2023 의정부
5년 인증 우수
훈련기관 선정
2023 청주
5년 인증 우수
훈련기관 선정
2023 대전(둔산)
5년 인증 우수
훈련기관 선정
2023 대전(중앙로)
5년 인증 우수
훈련기관 선정
2023 울산
5년 인증 우수
훈련기관 선정
2023 부산
5년 인증 우수
훈련기관 선정
2022 역삼
5년 인증 우수
훈련기관 선정
2022 종로
5년 인증 우수
훈련기관 선정
2022 신촌
5년 인증 우수
훈련기관 선정
2022 부천
5년 인증 우수
훈련기관 선정
2022 안산
5년 인증 우수
훈련기관 선정
2022 안양
5년 인증 우수
훈련기관 선정
2022 성남
5년 인증 우수
훈련기관 선정
2022 전주
5년 인증 우수
훈련기관 선정
2022 대구(동성로)
5년 인증 우수
훈련기관 선정
2022 대구(교보타워)
5년 인증 우수
훈련기관 선정
대한민국 교육브랜드 대상
IT· 디자인 교육 부문 1위
사랑나눔 사회공헌 대상
교육사회공헌 부문 부총리 겸 교육부 장관상
대한민국 교육대상
디자인·IT 교육 부문 대상
사랑나눔 사회공헌 대상
전문인력육성 부문 고용노동부장관상
고객신뢰도 1위 프리미엄 브랜드
디자인·IT 취업교육 부문 대상
국가브랜드 대상
디자인·IT 교육 최우수 브랜드
한국의 가장 사랑받는 브랜드 대상
디자인·IT 교육 부문 대상
소비자추천 1위 브랜드 대상
디자인·IT 교육 부문 1위
대한민국브랜드평가 1위
디자인·IT 교육 브랜드 1위
2024 강남(본점)
훈련 이수자 평가
디자인
2024 역삼
훈련 이수자 평가
출판
2024 종로
훈련 이수자 평가
출판
2024 신촌
훈련 이수자 평가
건축설계·감리
2024 신도림
훈련 이수자 평가
출판
2024 노원
훈련 이수자 평가
출판
2024 인천(부평)
훈련 이수자 평가
건축설계·감리
2024 안산
훈련 이수자 평가
문화콘텐츠제작
2024 성남
훈련 이수자 평가
건축설계·감리
2024 대전
훈련 이수자 평가
건축설계·감리
2024 대구
훈련 이수자 평가
건축설계·감리
2024 부산
훈련 이수자 평가
건축설계·감리
2023 역삼
훈련 이수자 평가
디자인
2023 종로
훈련 이수자 평가
건축설계·감리
2023 신촌
훈련 이수자 평가
정보기술개발
2023 신도림
훈련 이수자 평가
디자인
2023 인천(부평)
훈련 이수자 평가
디자인
2023 부천
훈련 이수자 평가
회계
2023 안산
훈련 이수자 평가
문화콘텐츠제작
2023 성남
훈련 이수자 평가
디자인
2023 대전
훈련 이수자 평가
디자인
2023 대구
훈련 이수자 평가
출판
2023 부산
훈련 이수자 평가
디자인
2022 종로
훈련 이수자 평가
일반사무
2022 노원
훈련 이수자 평가
일반사무
2022 인천(부평)
훈련 이수자 평가
일반사무
2022 부천
훈련 이수자 평가
문화콘텐츠제작
2022 안산
훈련 이수자 평가
일반사무
2022 대전
훈련 이수자 평가
일반사무
2022 대구
훈련 이수자 평가
정보기술개발
2022 부산
훈련 이수자 평가
정보기술개발
대표번호 : 02.3481.1005
COMPANY INFO
- 대표자 : 김상곤
- 사업자등록번호 : 220-85-34964
- 통신판매업신고 : 2013-서울강남-01429호
- 주소 : 서울 강남구 테헤란로5길 24, 장연빌딩/ 3~7층 [교습과정 및 비용]
Family site 