초딩도 1시간이면 만드는

DIY 홈페이지 구축 

세미나



hwang@chulhee.com



www.umain.net

www.umain.kr
www.chulhee.com
www.qrwiz.com
www.mobiwiz.kr
www.stylog.co.kr

http://cafe.naver.com/diywebsite
www.facebook.com/DIYwebbiz

목차


INTRO

1.  홈페이지 구축 빌더 소개  

                          WIX.COM
                          Weebly.com
                          Squarespace.com
                          워드프레스 등 기타
                      II. 실습
                      III. Q&A


 


DIY ?

DIY 홈페이지 란?



기술 X- 프로그래밍 기술, 디자인 기술
제작 프로그램 - 포토샵,드림위버,나모웹에디터 등


그럼 어떻게 ?



Web Tool  - 홈페이지 빌더
Web Service - 웹이미지편집 서비스, 무료아이콘 등



I. 홈페이지빌더 소개



1. www.wix.com

  • Drag & Drop 기능, 다양한 테마(템플릿),
  • 유료,무료
  • 자체 앱 마켓 보유
  • 난이도 하
  • 한국 사용에 폰트등의 한계는 있음
  • http://www.visualqr.co.kr

I. 홈페이지빌더 소개


2. www.weebly.com

  • Drag & Drop 기능, 다양한 테마(템플릿)
  • 유료,무료
  • html 파일 백업 가능
  • 난이도 중하
  • 폰트등의 한계는 있음
  • http://preview.umain.net/9IAL42

I.  홈페이지빌더 소개


3. www.squarespace.com

  • Drag & Drop 기능
  • 사진, 포트폴리오에 장점이 있는 테마
  • 반응형 디자인 테마
  • 유료
  • html 파일 백업 가능
  • 난이도 중상
  • 폰트등의 한계는 있음
  • http://www.art-jin.com 

I.  홈페이지빌더 소개


4. 워드프레스와 같은 CMS 

  • 콘텐츠 중심의 사이트 구축기능
  • 다양한 테마 및 플러그인 
  • 유료, 무료
  • 난이도 중상
  • 폰트등의 한계는 있음
  • 워드프레스닷컴,킴스큐 등
  • www.chulhee.com 

I.  홈페이지빌더 소개


5. 기타 

II. 실습

<사전준비>

도메인   /  호스팅
<사이트 구축>
                               사이트 기획 
                                - 사이트 구축 목적과 사이트안에 들어갈 내용(콘텐츠)에 맞는 유사 디자인의 사이트를 찾는다

                               콘텐츠준비    
                               - 사이트에 들어갈 메뉴 결정
                               - 메뉴별 내용(콘텐츠)준비, 텍스트(글), 이미지, 동영상 등 

                               사이트구축
                              - 기획단계에 생각한 디자인과 가장 유사한 템플릿 선택 
                              - 메뉴와 페이지를 생성 한다
                              - 페이지별 내용을 입력한다
                              - 데코레이션 (배경이미지, 로고, 아이콘, 멀티미디어 파일 등)

II. 실습


1. 구글 크롬 브라우저 설치
2. WIX.COM 접속
3. 우측상단 SIG-UP 클릭>우측상단 Create New Account 클릭
4. 이메일 주소 입력(아이디) / 비밀번호 입력

3. Q&A




감사합니다


황철희
Made with Slides.com