• 다회차
  • 최대 5명

전문가처럼 완성도 높은 웹사이트 제작하기 - 워드프레스

hansol lee 튜터 4.9(32)

클래스 요약

디자이너나 개발자의 도움없이
직접 제작하고 지속적으로 운영할 수 있는
완성도 높은 전문적인 웹사이트!
어떻게 만들 수 있을까요?

유투브나 책으로는 배울 수 없는
통합적인 홈페이지 제작 프로세스와
원리를 이해하며 재미있게 배우는 웹 제작 툴 워드프레스!

5주간의 체계적인 커리큘럼으로
당신의 비즈니스/커리어에 꼭 필요한 웹사이트 제작을
시작해보세요.

이런 분들이 들으면 좋아요.

1. 비즈니스 웹사이트를 직접 제작하고 지속적으로 운영하고 싶은 스타트업/중소기업/1인사업자
2. 커리어/이직/취직을 위한 웹사이트, 포트폴리오가 필요한 분
3. 조직/학과/동아리 홈페이지를 직접 제작하고 운영해야 하는 분
4. 자신의 작업을 감각적으로 소개하는 홈페이지가 필요한 프리랜서/아티스트/스튜디오
5. 유투브 채널이나 블로그, 책자를 통해 워드프레스 공부를 시작했으나 진행에 어려움을 겪는 분
6. 사내 워드프레스 홈페이지 운영 및 제작을 맡았지만, 독학으로 진행하기 어려움을 겪는 분
7. 웹사이트 제작에 필요한 디자인/개발/운영 지식을 체계적인 커리큘럼으로 효율적으로 배우고 싶은 분
8. 웹사이트 기획 및 제작을 한번도 해보지 않았지만, 해당 분야에 대해 관심이 있는 분

✓ 수강생 제공사항 및 혜택

- 3-4월 클래스 한정 10% 할인
- $100 상당의 Elementor Pro 라이센스와 이미지소스 제공
- 수강생 웹사이트 제작에 필요한 튜토리얼 및 수업 자료 제공

튜터님을 소개합니다.

Tutor 솔솔

現) 8to11 Works 운영 - 디자이너 / 개발자
Studio: 8to11.works

이화여자대학교 졸업
SK 등 대기업 및 스타트업에서 웹 기획 및 제작 업무 담당
헤이조이스, 라이커스, 리플러스 등 스타트업 웹사이트 디자인 및 개발
문달, 니히 등 패션 브랜드 이커머스 사이트 개발

F&B 브랜드 '조연탄 JOYEONTAN', 웹/모바일 사이트 기획 및 개발 (2021)
마케팅 기업, '하우그로우 HOWGROW', 웹/모바일 사이트 기획 및 개발 (2021)
대화훈련센터 ‘리플러스 인간연구소’ 웹/모바일 사이트 디자인 및 개발 (2021)
패션 브랜드 '니히 NIEEH', 웹/모바일 사이트 개발(2020)
패션 브랜드 '문달 MOONDAL', 웹/모바일 사이트 개발(2020)
온/오프라인 피트니스 교육 기업 ‘해라클래스’ 웹/모바일 사이트 디자인 및 개발 (2020)

어떤 클래스 인가요?

✓ 수업 공지

5월 04일(수) 시작반: 온라인 LIVE 클래스. 탈잉 LIVE를 통해 수업이 진행됩니다.
5월 08일(일) 시작반: 오프라인 클래스. 합정역 인근 위치한 스튜디오에서 진행됩니다.

* 온오프라인 클래스 모두 수업 자료와 녹화 영상,
홈페이지 제작 과제에 대한 튜터 피드백을 제공합니다.



코딩이나 디자인을 몰라도 홈페이지를 쉽게 제작할 수 있다는 툴(Tool)을 사용하면,
뚝딱 멋진 홈페이지가 완성될 것 같았는데...
사용 방법도 쉽지 않고, 엉성한 템플릿 사이트만 만들어져 고민이셨나요?

전문가의 도움 없이도 완성도 높은 웹사이트를 만들기 위해서는
웹 기획 및 제작, 운영에 대한 통합적인 이해와
웹디자인/개발에 대한 기초적인 지식과 노하우가 필요합니다.

저와 함께 웹사이트 제작에 필수적인 개념과 단계,
워드프레스(wordpress)와 엘리멘터(Elementor) 툴의 활용 방법을
기초부터 차근차근 배워 보세요.

수업의 마지막엔 여러분 혼자서
멋진 웹사이트를 완성하고 운영하실 수 있으실 거예요 ;)



✓ 수업의 특별함

1. 홈페이지 기획부터 제작, 운영까지 통합적인 커리큘럼

5주(15시간)간 진행되는 과정으로 크게 [홈페이지 준비하기] [홈페이지 제작하기] [홈페이지 운영하기] 파트로 이루어져 있습니다. 전세계에서 가장 많이 이용되는 웹 제작 솔루션인 워드프레스(Wordpress) 툴을 배우는 동시에, 완성도 높은 웹사이트를 제작하고 지속적으로 운영하기 위해 필요한
웹 디자인/개발 지식을 통합적으로 배울 수 있는 수업입니다.


2. 단계별 실습을 통한 능동적인 학습

웹 제작에 대한 이론적인 지식이 아닌, 직접 자신의 웹사이트를 기획하고 페이지를 제작해보며 실무적인 지식과 전문가의 노하우를 배우는 커리큘럼입니다. 수업을 통해 막연히 계획만 세우던 웹사이트 제작을 체계적인 가이드와 함께 시작할 수 있고, 6주 간의 수업 끝에는 자신만의 웹사이트를 완성할 수 있는 지식과 기술을 갖출 수 있습니다.


3. 원리를 이해하며 배우는 웹 제작 툴 사용 방법

수업에서 배우는 워드프레스와 엘리멘터 툴의 구조와 사용 방법, 기초적인 웹디자인/개발 지식을 제대로 익히면 윅스, 아임웹, 스퀘어스페이스 등 다른 웹사이트 제작 툴도 능숙하게 활용할 수 있습니다. 홈페이지 제작 전반에 대한 프로세스를 통합적으로 이해하고 UI/UX, 웹디자인과 개발을 다루는 세부적인 심화 코스를 들으시면 보다 효율적인 학습이 가능합니다.




✓ 100건이 넘는 온오프라인 수업과 증명된 수강생 리뷰
✓ 수업을 통해 어떤 웹사이트를 제작하실 수 있는지 궁금하신가요?
솔솔 튜터의 수강생들이 완성한 웹사이트를 확인해 보세요.


[ 비즈니스 웹사이트 ]

오디오 기술 스타트업 홈페이지 kr.gaudiolab.com
치과 홈페이지 abledent.co.kr
에너지기업 홈페이지 iceens.com
심리상담센터 홈페이지 ayullmind.com

[ 디지털 상품 판매 플랫폼]

전자책 판매 플랫폼 pdfstore.kr
커리어 강의 판매 플랫폼 bestcareer.kr

[ 포트폴리오 및 블로그 ]

건축학과 재학생 포트폴리오 gwanghyeon.space
연구원 포트폴리오 junghopark.com
개인 블로그 jangjaeyoung.com

[ 조직/동아리/학과 홈페이지 ]

대전 갤러리 홈페이지 jiso.kr
기술학회 홈페이지: ksat.kr
해외대학교 태권도 동아리 홈페이지: cutkd.club



# 자주 묻는 질문


Q1. 코딩이나 디자인 툴을 한번도 다뤄본 적이 없는데 괜찮을까요?

네, 기존에 코딩이나 디자인 툴을 다뤄본 적이 없으셔도 수업 내용을 이해하고 홈페이지 제작 실습을 진행하는 데 문제 없습니다.

Q2. 워드프레스(Wordpress)와 엘리멘터(Elementor)가 무엇인가요?

워드프레스는 전세계에서 가장 많이 이용되는 CMS(Content Management System) 툴로, 프로그래밍 개발 없이도 웹사이트 콘텐츠를 업로드 및 수정 관리할 수 있습니다. 엘리멘터는 워드프레스 플랫폼 내 웹사이트를 드래그앤드롭(Drag and Drop)으로 만들 수 있는 검증된 빌더(Builder)입니다.

* 전세계 웹사이트 기준 35%, CMS 기준 62%가 워드프레스로 만들어졌습니다.

Q3. 온라인 쇼핑몰을 제작하는 방법도 배울 수 있나요?

네. 이번 수업에서는 쇼핑몰을 제작하는 여러가지 솔루션의 장단점 및 PG 등 필요한 내용을 다룹니다.
비즈니스 유형과 규모에 따라 적합한 쇼핑몰이 다르기 때문에, 자신의 비즈니스에 맞는 쇼핑몰 제작을 원하실 경우 이 클래스 수강 후 심화반 또는 1:1 수업을 추가로 들으시는 것을 추천드립니다.

Q4. 1:1 클래스도 진행하시나요?

그룹 클래스 수강생에 한정해 1:1 클래스 진행이 가능합니다. 1:1 수업 일정 및 진행 방식은 수강생과 조율해 결정합니다.

Q5. 수업 전에 별도의 프로그램나 서버/도메인 구매가 필요한가요?

아니요. 도메인/서버 구매 및 프로그램 설치는 수업에서 튜터의 가이드에 따라 함께 진행합니다.

클래스 유의사항

- 개인 노트북만 준비해주시면 됩니다.
- 원활한 진행 및 과제 피드백을 위해 클래스는 3-5명으로 소규모로 진행됩니다.
- 온오프라인 클래스 일정을 확인 후 신청 부탁드립니다.
- 수업 전에 별도의 프로그램 설치나 구매는 필요하지 않습니다. 수업 시간에 서버/도메인 세팅 및 웹 제작 프로그램 설치를 튜터의 가이드에 따라 함께 진행합니다.
- 서버/도메인은 필요에 따라 수업에서 구매하거나, 무료 서비스를 이용할 수 있습니다.
- 매 수업 시간마다 배운 내용을 바탕으로 자신의 웹사이트를 기획/제작하는 과제가 있습니다.
- 수업 내용을 복습할 수 있는 튜토리얼 가이드와 녹화 영상이 제공됩니다.

클래스는 이렇게 진행됩니다.

1회차 커리큘럼

| Part 1 | 홈페이지 준비하기

0. 홈페이지를 제작하기 전 알아두어야 하는 사실

- 몇십만원부터 몇천만원까지- 천차만별 가격대의 홈페이지 제작, 어떻게 시작할까요
- 대기업과 에이전시에서 웹사이트를 제작하는 프로세스 vs 혼자 웹사이트를 제작하는 프로세스
- 혼자 웹사이트를 어디까지 만들 수 있나요? 홍보페이지, 쇼핑몰, 블로그, 포트폴리오 제작 방법
- 코딩과 디자인 툴 없이 제작하는 웹사이트 빌더와 솔루션, 정말 그렇게 쉽나요

1-1. 워드프레스 알아보기

- 워드프레스가 전세계에서 가장 많이 이용되는 이유, 확장성과 네트워크
- 워드프레스로 어떤 사이트이든 제작할 수 있나요?
- 워드프레스와 다른 웹 빌더 툴의 기능과 가격 구조 비교

1-2. 워드프레스 테마 이해하기
1-3. 서버와 도메인 구매하기
1-4. 웹사이트 기획과 컨텐츠 준비

*1회차 수업 과제
튜터의 가이드와 자료에 맞춰 자신의 웹사이트 기획안(메뉴 및 페이지 구조) 작성해오기

2회차 커리큘럼

| Part 2 | 홈페이지 제작하기

2-1. 드래그앤드롭(Drag and Drop) 빌더 사용하기

- 드래그앤드롭 빌더란 무엇인가요?
- 빌더 구조를 이해하면 어떤 웹사이트 제작 툴(wix, 아임웹)이든 사용할 수 있습니다.
- 수십개의 다양한 빌더 중에 엘리멘터 빌더를 이용하는 이유
- 엘리멘터 빌더 설치하기

2-2. 필수적인 웹개발/디자인 지식

- 해상도와 반응형 디자인
- 트렌디하고 감각적인 웹사이트를 만드는
[5가지 디자인 요소]를 이해하고 적용하기

• 그리드(Grid)
• 레이아웃(Layout)
• 웹폰트(Typography)
• 웹사이트 테마 컬러(Theme Color)
• 이미지와 그래픽,아이콘(Image)

2-3. 워드프레스 구조 이해하고 설정하기
• 플러그인, 메뉴와 위젯, 설정과 사용자 정의하기, 페이지와 포스트, 미디어

*2회차 수업 과제
자신의 웹사이트 BI(로고, 컬러, 폰트) 설정 및 컨텐츠 준비

3회차 커리큘럼

| Part 2 | 홈페이지 제작하기

2-5. Elementor 툴을 제대로 이해하면,
당신도 웹디자이너/개발자가 될 수 있습니다.

- 웹의 기본 구조 이해하기

• Navigation
• Header, Body, Footer
• Section, Row, Column, Element
• Heading 1-7, Paragraph
• margin/padding


- Elementor 구조와 기능 파악하기

• 가장 기본이 되는 엘리멘터 탭 구조 - 내용 / 스타일 / 고급
• 반응형 디자인 보기
• 네비게이션 이용하기
• 리비전 이용하기
• 템플릿 저장 및 이용하기
• 애니메이션 적용하기


- 반응형 웹사이트 제작하기

• 절대값 px이 아닌 rem/em 사용을 권장하는 이유
• 효율적으로 반응형 웹사이트를 제작하는 방법
• 기기에 따라 다른 웹사이트 화면을 확인할 수 있는 사이트


*3회차 수업 과제
엘리멘터 툴을 사용해 자신의 웹사이트 제작하기

4회차 커리큘럼

| Part 2 | 홈페이지 제작하기

2-6. 기초적인 html/css 배우기

- 웹사이트 제작에 꼭 필요한 HTML 코드 10가지
- CSS를 효율적으로, 똑똑하게 이용하기
- PHP와 Javascript 어디에 쓰나요?

2-7. 웹사이트에 필요한 기능을 더하기, 플러그인

- 문의 폼 만들기
- 로그인와 회원가입 기능
- 유료 광고 적용하기
- 팝업 제작하기

2-8. 블로그와 포트폴리오 제작, 어렵지 않습니다.

- 페이지와 포스트의 차이점을 명확하게 이해하기
- 검색엔진이 좋아하는 블로그/포트폴리오 작성법

*4회차 수업 과제
엘리멘터 툴과 기초 코드를 사용해 자신의 웹사이트 제작하기
자신의 홈페이지에 필요한 기능을 플러그인으로 붙이기
블로그/포트폴리오 포스트 작성

5회차 커리큘럼

| Part 2 | 홈페이지 제작하기

2-9. 쇼핑몰 제작도 가능한가요?

- 네이버 스마트스토어부터 아임웹, 카페24까지- 온라인 쇼핑몰 제작, 최선의 선택은 무엇인가요
- 쇼핑몰 구축에 필요한 것들 ( 통신판매업과 PG 가입 및 심사 과정 등 )

| Part 3 | 홈페이지 운영하기

3-1. 사이트 속도 최적화

- 불필요한 이미지와 파일 지우기
- 이미지 용량 줄이고, 파일 압축하기
- 웹캐시 적용하기

3-2. 검색엔진 등록 및 SEO

- SEO(검색엔진 최적화)의 의미와 설정
- 구글과 네이버 사이트 등록하기

3-3. 방문자 분석하기

- 구글 애널리틱스 연동하기
- 구글 애널리틱스 보고서 확인하기

3-4. 사이트 보안/백업하기

- 워드프레스 보안 설정하기
_ SSL 보안인증서 설치
- 워드프레스 사이트 백업 및 복구하기
- 사이트를 다른 서버로 이전 및 복사하기

* 마지막 수업에는
수강생들이 작업한 웹사이트 리뷰와 피드백, Q&A 시간이 진행됩니다.

실제 수강생의 리뷰입니다.

  • 커리큘럼5.0
  • 전달력4.9
  • 시간준수4.9
  • 준비성5.0
  • 친절도5.0

이 강의는 어떠세요?

클래스 일정

27,000원 / 시간 405,000원 / 총 5회 15시간