LEVEL 1 · 입문홍보 · 웹 제작

AI 활용 홍보페이지 제작 및 웹 배포

AI 코드 생성으로 홍보 웹페이지를 만들고 직접 배포

2일 · 14시간임직원상세 커리큘럼 PDF 제공

이 과정 문의하기 커리큘럼 PDF

커리큘럼 PDF 문의하기

상세 커리큘럼 PDF

과정 개요부터 시간표·운영 안내까지, 결재·공유용 한 문서로 받아보세요

PDF 다운로드

과정 커리큘럼

Overview

교육 개요

교육 기간

2일 · 14시간

교육 수준

AI 입문

교육 대상

임직원

교육 형태

집체(출강) · 실습 중심 (강의·시연·실습·문제해결·비교분석·협동학습)

과정 소개

개발 경험이 없어도 생성형 AI로 홍보용 웹페이지를 직접 만들고 배포하는 과정입니다. AI 코드 생성으로 반응형 랜딩페이지를 구현하고, 클라우드에 배포해 실제 접속 URL로 공개합니다. 콘텐츠 제작에서 웹 구현·공개까지 이어지는 홍보 채널 구축 역량을 확보합니다.

Prerequisites

선수 학습

제품·행사·브랜드 홍보 콘텐츠를 실제 웹페이지로 만들어 외부에 공개하고 싶은 재직자에게 적합합니다.
웹 개발 경험이 전혀 없어도 되며, ChatGPT 등 생성형 AI를 기본적으로 써본 경험이 있으면 충분합니다.
이틀 과정으로 콘텐츠 제작부터 웹 구현, 클라우드 배포·공개까지 홍보 채널 전 과정을 갖추게 됩니다.

Objectives

교육 목표

AI로 홍보 웹페이지 직접 구현

랜딩페이지 구성과 UX 요소, 반응형 디자인 원칙을 이해하고 와이어프레임으로 화면을 직접 설계합니다.
생성형 AI로 코드를 생성하고 수정하며 HTML·CSS 화면을 처음부터 직접 완성해 냅니다.
AI가 만든 코드와 직접 작성한 코드, 여러 레이아웃 구조를 비교하며 반응형 UI를 다듬습니다.

클라우드 배포로 실제 서비스 운영 경험

클라우드 정적 웹 호스팅과 도메인·URL 구조가 어떻게 작동하는지 기본 원리를 이해합니다.
제작한 페이지를 호스팅 플랫폼에 업로드·배포해 누구나 접속할 수 있는 실제 URL을 생성합니다.
배포 중 발생한 오류를 직접 수정해 공개하고, 플랫폼별 속도·접근성을 비교하며 개선합니다.

Composition

교육내용 구성

교수·학습 방법

집체(출강) · 실습 중심 (강의·시연·실습·문제해결·비교분석·협동학습)

활용 도구

생성형 AI 코드 생성 도구 (ChatGPT 등)
UI 생성·와이어프레임 설계 도구
HTML · CSS · JavaScript (기초)
클라우드 정적 웹 호스팅 플랫폼 (배포·URL 생성)

Curriculum

세부 시간표

일차	단원	학습 내용
1일차 (8시간)	AI 코드 생성 기반 웹 UI 설계 및 구현 (8시간)	웹 UI 설계 기본 원칙·랜딩페이지 구성·UX 요소·반응형/HTML·CSS 구조 이해 시연: 와이어프레임 설계 → HTML 구조 작성 → CSS 스타일링, 생성형 AI로 코드 생성·수정 실습: 랜딩페이지 와이어프레임 설계 후 HTML/CSS로 화면 구현, AI로 반응형 UI 완성 문제해결: 홍보용 랜딩페이지를 설계·구현하라 시나리오의 전 과정 수행 비교분석: AI 생성 코드와 직접 작성 코드·다양한 레이아웃 구조 비교 협동학습: 소그룹 UI 설계안 공유·피드백으로 개선 방향 도출 현업 적용 실습 — 참가자 업무 자료로 직접 실행·완성 결과물 리뷰 & 피드백 — 소그룹 공유 후 강사 1:1 코칭
2일차 (6시간)	클라우드 기반 홍보 웹페이지 배포 (6시간)	클라우드 웹 호스팅·정적 페이지 배포 구조·도메인/URL·서비스 공개 개념 이해 시연: 정적 호스팅 플랫폼 업로드 → 배포 설정 → URL 생성 → 공개 실습: 제작한 홍보 웹페이지를 직접 배포하고 외부 접속 URL 생성 문제해결: 배포 → 오류 수정 → 서비스 공개 시나리오 수행 비교분석: 다양한 클라우드 배포 방식·플랫폼의 속도·접근성·편의성 비교 협동학습: 배포된 페이지 공유, 접근성·UX 개선 상호 피드백 현업 적용 실습 — 참가자 업무 자료로 직접 실행·완성 결과물 리뷰 & 피드백 — 소그룹 공유 후 강사 1:1 코칭

Outcomes

과정이 끝나면 손에 남는 것

생성형 AI로 제작한 홍보용 랜딩페이지 (HTML/CSS 반응형)
클라우드에 배포되어 외부에서 접속 가능한 실제 웹페이지 URL
콘텐츠 제작 – 웹 구현 – 공개로 이어지는 홍보 채널 실행 경험

Before / After

수료 후, 이렇게 달라집니다

항목	수강 전	수강 후 ✓
웹 제작	외주·개발자 의존	AI로 직접 제작
배포	방법을 몰라 포기	클라우드로 URL 즉시 공개
홍보 실행	콘텐츠만 만들고 끝	웹으로 공개해 실제 활용

Applications

이런 곳에 바로 씁니다

홍보 랜딩페이지

제품·행사 홍보용 반응형 페이지를 직접 제작합니다.

콘텐츠 → 웹 배포

만든 콘텐츠를 클라우드에 배포해 URL로 공개합니다.

마케팅 채널 구축

제작-구현-공개로 이어지는 홍보 채널을 만듭니다.

Operations

교육 운영 안내

권장 인원

실습·1:1 코칭 품질 확보를 위해 소규모~중규모 운영 권장 (협의)

참가자 준비사항

노트북 지참 (필수, 웹 브라우저·에디터 사용)
생성형 AI 계정 및 클라우드 호스팅 계정
홍보할 제품·행사·브랜드 정보와 이미지·로고 자료

현업 적용 실습이 이 과정의 핵심입니다. 참가자가 실제 업무 자료를 가져올수록 교육 효과가 크게 올라갑니다.

교육장 요건

프로젝터 또는 대형 스크린
고속 인터넷(Wi-Fi) 환경 (배포 실습 필수)
소그룹 협동학습이 가능한 좌석 배치

맞춤 구성 옵션

자사 브랜드 가이드(로고·컬러·폰트)를 반영한 페이지 제작
실제 운영 도메인 연결 실습 추가
시간 조정 — 1일 축약형 또는 3일 심화형
제작 결과물의 사후 운영·수정 가이드 제공

NUGUNA · 기업·단체교육상세 커리큘럼

AI 활용 홍보페이지 제작 및 웹 배포

1.과정 개요
2.교육 목표
3.세부 시간표
4.교육 후 산출물
5.수료 후 변화
6.운영 안내

PDF · A4 인쇄·공유용

Curriculum PDF

상세 커리큘럼을
문서로 받아보세요

이 페이지의 교육 개요·목표·세부 시간표·산출물·운영 안내를 한 문서로 정리했습니다. 내부 결재, 교육 담당자 공유, 견적 검토에 그대로 첨부하실 수 있습니다.

참가자 준비사항·교육장 요건 포함
맞춤 구성 옵션 안내
로그인·회원가입 없이 즉시 열람
인쇄에 맞춘 A4 3페이지 구성

PDF 다운로드 새 탭에서 보기

새 탭에서 열린 뒤 브라우저의 저장(⌘/Ctrl+S) 또는 다운로드 버튼으로 기기에 보관할 수 있습니다.