달력

102018  이전 다음

  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  

'홈페이지'에 해당되는 글 53건

  1. 2008.10.21 [디앤샵] 웹사이트, 로고 개편
  2. 2008.07.09 [인터넷쇼핑, 웹3.0시대] 4. 상품이 아닌 맞춤형 서비스를 팔아라
  3. 2008.05.19 [홈페이지제작] HTML 태그 기초5-2- 표(TABLE) 요소
  4. 2008.05.16 [홈페이지제작] HTML 태그 기초5-1- 표(TABLE) 요소
  5. 2008.05.15 [홈페이지제작] HTML 태그 기초4- 목록 요소
  6. 2008.05.15 Web 2.0 Marketing Book (웹 2.0 마케팅 생존 전략)
  7. 2008.05.14 [옥션] 5월13일부터 공동경매 등록 제한/폐지
  8. 2008.05.14 인터넷 쇼핑몰 창업을 위한 디지털카메라 구매요령
  9. 2008.05.13 [홈페이지제작] HTML 태그 기초3- 글자 요소
  10. 2008.05.08 [홈페이지제작] HTML 태그 기초2- BODY 요소
  11. 2008.05.07 [쇼핑몰제작] 쇼핑몰 기획단계에서 고려할 마케팅 요소
  12. 2008.05.06 [옥션] 이미지 등록시 주의사항 공지
  13. 2008.05.06 [홈페이지제작] HTML 태그 기초1- HEAD 요소
  14. 2008.05.06 [홈페이지제작] HTML의 기본 구성
  15. 2008.05.02 2008년1분기 옥션, G마켓, 11번가, 인터파크 실적
  16. 2008.04.30 대구 아가씨 인터넷창업 한달만에 성공, '꽃소녀' 김현애 사장
  17. 2008.04.30 [옥션] 5월13일 카테고리 개편과 중분류 수수료
  18. 2008.04.29 이메일 응답율을 3배로 늘리는 10가지 방법
  19. 2008.04.28 스토리텔링의 기술, 어떻게 만들고 적용할 것인가?
  20. 2008.04.25 [홈페이지제작] 논리적 접근, 이성적 판단, 감성적 구현
  21. 2008.04.24 [쇼핑몰제작] 무료 디자인 psd 파일 다운로드, 소호815
  22. 2008.04.24 스토리텔링의 힘, 이야기 마케팅
  23. 2008.04.24 오픈마켓에서 성공하려면...
  24. 2008.04.23 쇼핑몰제작을 위한 HTML 태그 강의 10 - HTML 태그 파일 업로드
  25. 2008.04.23 쇼핑몰제작을 위한 HTML 태그 강의 9 - a / img 태그
  26. 2008.04.22 쇼핑몰제작을 위한 HTML 태그 강의 8 - table / tr / td 태그
  27. 2008.04.22 월 3000만원 매출, 아동복 쇼핑몰 "사랑스런 미니주니" 유여송사장
  28. 2008.04.21 웹2.0, '영상'으로 진화한 웹 사이트 모음
  29. 2008.04.21 쇼핑몰제작을 위한 HTML 태그 강의 7 - ol / ul / dl /li 태그
  30. 2008.04.18 쇼핑몰제작을 위한 HTML 태그 강의 6 - h1~h6 / p / br 태그

쇼핑테라피 디앤샵 http://dnshop.daum.net



디앤샵, 웹사이트 로고 개편

온라인 종합 쇼핑몰 디앤샵(www.dnshop.com)은 로고를 새롭게 바꾸는 등 대대적인 웹사이트 개편을 단행했다.


이어보기 (원본보기)

※ 국내1위 인터넷쇼핑몰 창업교육 아카데미 나우앤 http://nowand.com/

Posted by 나우앤

<온라인쇼핑, 웹3.0시대를 잡아라-4>상품이 아닌 맞춤형 서비스를 팔아라

2000년대부터 제기된 웹 2.0을 기반으로 한 온라인 서비스가 보편화되면서 다음 세대 웹플랫폼에 대한 관심이 집중되고 있다. 미국에서는 이미 뉴욕타임즈 등과 같은 유력 매체와 MIT 공대 등 대학에서 발행하는 테크놀로지리뷰에서도 웹 3.0에 대한 관련 연구 자료를 발표하는 등 활발한 활동을 전개하고 있다.

◇지능화 웹으로 1인 맞춤 쇼핑 서비스

웹 3.0의 핵심 키워드는 개인화다. 사용자가 마우스나 키보드를 이용해 원하는 정보를 찾아 눈으로 보고 이해하는 현재 방식을 넘어 웹 3.0 기술은 컴퓨터가 직접 질문과 자료를 이해하고 명확한 답을 낼 수 있는 '시멘텍웹(Semantic Web)'으로 진화하고 있다. 시멘텍웹이란 컴퓨터가 정보의 뜻을 이해하고 논리적 추론까지 할 수 있는 지능형 기술을 뜻한다.

온라인 쇼핑에서도 이러한 웹 3.0 기술에 기반을 둔 서비스에 대한 시도도 최근 조금씩 나타나고 있다. 오픈마켓 11번가는 웹 3.0 전 단계 정도의 지능화 서비스를 사이트 곳곳에 배치했다. 라이프스타일이나 생활패턴에 맞는 최적의 패션 아이템을 코디 해주는 일종의 개인 코디네이터서비스인 ‘I'M’ 코디가 그것이다.

예를 들어 '여자 신입사원 코디제안'을 클릭하면 초보 직장인을 위한 다양한 패션 아이템을 활용한 코디법을 소개하고 자신이 직접 코디나 스타일을 만들 수 있다. 또한 다른 회원들이 직접 만든 '나만의 코디법'도 서로 공유가 가능하다.

◇실시간 쇼핑 컨설팅도 한번에

1대 1 맞춤형 서비스 역시 온라인 쇼핑에서 등장하고 있다. 과거 맞춤 서비스는 오프라인에서 주로 이뤄졌으며, 온라인에서는 메일이나 게시판을 이용해서 이뤄지는 것이 대부분이었다.

특히 쇼핑을 할 경우 나만의 스타일에 맞는 제품이 무엇인지, 트렌드가 무엇인지에 대한 정보는 소비자가 직접 찾거나 개인 코디네이션을 받아야 했다.

그러나 웹 3.0시대에는 오픈마켓의 판매자나 전문 매니저들이 실시간 커뮤니케이션을 통해 맞춤형 쇼핑 코디를 제공하게 된다. 그리고 이런 흐름은 현재 채핑(채팅+쇼핑) 서비스와 같은 커뮤니케이션 웹 프로그램이 효시다.

현재 11번가에서 쇼핑이나 트렌드를 서치 할 경우 친구 뿐 아니라 판매자들과 실시간으로 상품을 보며 채팅형태로 정보를 교환할 수 있다. 때문에 성급한 쇼핑을 함으로써 겪게 되는 일종의 시행착오를 줄여줄 수 있다.

또한 입체검색을 통해 검색 시스템도 한 단계 업그레이드된다. 11번가의 입체검색은 하나의 상품(군)에 대한 정보만 제공하는 것이 아니라 관련 상품과 베스트상품들을 중심으로 검색 데이터를 보여준다.

◇맞춤형 서비스, 온라인쇼핑 성패 좌우

이처럼 지능화된 웹이 구현된 웹 3.0시대 쇼핑몰의 검색 서비스는 지난 검색 데이터, 구매 패턴이나 스타일 등을 토대로 맞춤형 제품들을 우선적으로 보여줄 것으로 보인다.

웹 3.0시대의 쇼핑몰은 발전된 웹기술을 기반으로 물건을 사고 판매하는 유통채널이 아닌 개인화된 서비스를 통해 쇼핑 코디네이터로써의 역할이 더욱 부각될 전망된다. 그리고 이런 경향은 최근 온라인몰을 통해 이미 현실화되고 있다.

11번가 이운덕 매니저는 "더 이상 쇼핑몰은 단순히 물건을 구입하는 역할이 아니라 개인에게 최적화된 제품 추천은 물론 앞선 정보를 제공하고 교환하게 하는 등의 쇼핑 이외의 재미를 줘야 한다"며 "아마존닷컴이 성공할 수 있었던 이유도 단순히 책을 파는 쇼핑몰이 아니라 고객에서 서비스를 제공하기 위한 소프트웨어를 끊임없이 개발하고 고객의 입맛에 맞는 제품을 제공했기 때문"이라고 밝혔다.



쇼핑몰제작 홈페이지제작 마케팅 쇼핑몰창업
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/

Posted by 나우앤
[홈페이지제작] HTML 태그 기초5-2 : 표(TABLE) 요소

표를 만들 때 사용하는 element로 시작과 끝내는 태그로 이루어진다.


1. TABLE 
2. TR 
3. TH, TD 
4. CAPTION 
5. THEAD, TFOOT, TBODY 
6. COLGROUP, COL
 


4. CAPTION

CAPTION은 표의 제목을 붙이는 element로, 시작과 끝내는 태그로 이루어진다. <TABLE> 바로 다음에 한 번만 넣는다.

<TABLE border=1 width = 80%>
<CAPTION>나의 표</CAPTION>
<TR>
    <TD>1행 1번 셀
    <TD>1행 2번 셀
<TR>
    <TD colspan = 2>2행 1번 셀
</TABLE>

실행결과
나의 표
1행 1번 셀 1행 2번 셀
2행 1번 셀


 
5. THEAD, TFOOT, TBODY 

여러 개의 행을 하나의 그룹으로 묶어주는 역할을 하는 element들이다. THEAD는 표의 머리글에 해당하는 열들의 묶음이고, TFOOT은 표의 바닥글에 해당하는 열들의 묶음이며, TBODY는 본문에 해당하는 열들의 묶음이라고 할 수 있다. 시작 태그는 반드시 써야 하지만, 끝내는 태그는 생략할 수 있다.

TFOOT은 반드시 THEAD 다음에 써야 하며(그래도 TFOOT 부분은 표의 제일 밑에 나온다), THEAD와 TFOOT은 한번씩만 사용할 수 있다. TBODY는 여러번 사용 가능하다.
여러 행을 하나의 그룹으로 묶어 놓으면 특정 그룹에만 특정 스타일을 적용할 수 있어 편리하다.

THEAD, TFOOT, TBODY를 사용할 경우에는 최소한 하나 이상의 TR element가 들어가야 한다.
브라우저에 따라 THEAD와 TFOOT을 쓰면, 표가 여러 장에 걸쳐서 인쇄될 때 페이지마다 THEAD와 TFOOT이 나올 수도 있다.

<HTML>
<HEAD>
<STYLE type = "text/css">
THEAD, TFOOT {background-color : yellow}
TBODY {background-color : blue ; color : white}
</STYLE>
</HEAD>
<BODY>
<TABLE border width = 80%>
<THEAD>
<TR>
    <TD>머리글 1
    <TD>머리글 2
<TFOOT>
    <TD>바닥글 1
    <TD>바닥글 2
<TBODY>
<TR>
    <TD>TBODY 1행 1번 셀
    <TD>TBODY 1행 2번 셀
<TR>
    <TD colspan = 2>TBODY 2행 1번 셀
</TABLE>
</BODY>
</HTML>



6. COLGROUP, COL
 


앞 장에 나왔던 THEAD, TFOOT, TBODY가 여러 개의 행을 하나의 그룹으로 묶어주는 element들이라면, COLGROUP과 COL은 여러 개의 열을 하나의 그룹으로 묶어주는 element들이다. 시작 태그는 반드시 써야하며, 끝내는 태그는 쓰지 않는다.

COLGROUP을 쓰면 행 그룹과 마찬가지로, 열 그룹에도 특정한 스타일을 적용할 수 있다.
COL은 여러 개의 열을 그룹화하지는 않고, 다만 COL 안에 사용한 속성이 COL로 묶여 있는 셀들에 동일하게 적용된다. COLGROUP에 들어 있는 열 중에서 특정 열에만 스타일을 적용하고 싶을 때도 COL을 사용할 수 있다. Id나 class 속성을 쓰면 된다.

THEAD, TFOOT, TBODY, COLGROUP, COL을 사용하면, TABLE의 rules = groups 속성을 사용해 각각의 그룹마다 경계선을 그릴 수 있다.

<TABLE border=2 frame=hsides rules=groups>

<COLGROUP align=left>
<COLGROUP align=right>
    <COL span=2 width=30>
<COLGROUP align=center span=3>
<THEAD>
<TR>
    <TH>이름<TH>남<TH>여<TH>빨강<TH>파랑<TH>노랑
<TBODY>
<TR>
    <TD>갑돌이<TD><TD><TD>X<TD>X<TD>*
<TR>
    <TD>팔복이<TD>X<TD><TD>X<TD>X<TD>X
<TR>
    <TD>몽룡이<TD>X<TD><TD>X<TD>X<TD>X
<TBODY>
<TR>
    <TD>갑순이<TD><TD>X<TD>X<TD>X<TD>X
<TR>
    <TD>셋째딸<TD><TD>X<TD><TD><TD>X
<TR>
    <TD>춘향이<TD><TD>X<TD><TD><TD>X
<TR>
    <TD>향단이<TD><TD>X<TD><TD><TD>X
</TABLE>

사용할 수 있는 속성은 다음과 같다:

속성


span = 숫자

몇 개의 열을 하나의 그룹으로 묶을 것인지를 말해주는 속성이다.

width = 숫자

해당 그룹 안에 들어있는 각 열의 가로 폭을 정한다. 단위는 픽셀이다.





쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/
Posted by 문땡글이
[홈페이지제작] HTML 태그 기초5-1: 표(TABLE) 요소

표를 만들 때 사용하는 element로 시작과 끝내는 태그로 이루어진다.
1. TABLE 
2. TR 
3. TH, TD 
4. CAPTION 
5. THEAD, TFOOT, TBODY 
6. COLGROUP, COL 


1. TABLE 

width = 숫자

width는 표의 가로 폭을 정하는 것으로, 숫자를 쓰면 픽셀값이 되고, %를 붙이면 상위 block-level element의 폭을 기준으로 한 값이 된다.

frame = void | above | below | hsides | vsides | lhs | rhs | box | border

frame은 표의 어느 선을 나타낼 것인지를 정한다.


void: 가장자리 없는 표. 기본값이다.
above: 각 행의 윗변만 나타난다.
below: 각 행의 아랫변만 나타난다.
hsides: 가로선만 나타난다.
vsides: 세로선만 나타난다.
lhs: 중간 왼쪽변만 나타난다.
rhs: 중간 오른쪽변만 나타난다.
box: 네 변 모두 나타난다.
border: 네 변 모두 나타난다.



rules = none | groups | rows | cols | all


rules는 frame과 비슷하지만 표의 가장자리선까지 나타난다는 점이 다르다.
none: 선이 없다. 기본값이다.
groups: THEAD, TFOOT, TBODY, COLGROUP. COL 사이에만 선이 나타난다.
rows: 행 사이에 선이 나타난다.
cols: 열 사이에 선이 나타난다.
all: 모든 선이 나타난다.



border (= 숫자)

값으로 숫자를 쓰면 표의 가장자리 선 굵기의 픽셀값이 되고, 값없이 border 속성만 쓰면 굵기 1픽셀의 표가 만들어진다.

cellspacing = 숫자

셀과 셀 사이의 경계선 굵기를 픽셀값으로 써 준다. Border 값은 표의 가장자리 선 굵기에만 영향을 미치므로, 모든 선의 굵기를 동일하게 만들기 위해서는 border 값만큼 cellspacing 값을 주면 된다.

cellpadding = 숫자

셀의 가장자리와 셀 안에 들어있는 데이터 사이의 여백이다. 역시 픽셀값을 쓴다.

다음에 나오는 TR과 TD element를 익히고 나서 TABLE의 속성들을 모두 시험해보기로 하자.



2. TR 

표를 만들 때는 행, 즉 가로가 몇 개인가를 먼저 따진다. 그리고, 행의 수만큼 TR(table row) 태그를 TABLE 안에 넣어준다. TR은 시작 태그만 쓰면 된다. 각 행에 들어가는 셀은 다음 장에 나오는 TH와 TD를 사용한다.

사용할 수 있는 속성은 다음과 같다:

속성


align = left|center|right

그 행에 있는 모든 셀 안에 들어있는 데이터의 수평 정렬 방식을 나타낸다.

left: 왼쪽 정렬. TD의 기본값.
center: 가운데 정렬. TH의 기본값.
right: 오른쪽 정렬.



valign = top|middle|bottom

그 행에 있는 모든 셀 안에 들어있는 데이터의 수직 정렬 방식을 나타낸다.


top : 윗쪽 정렬.
middle : 중간 정렬. 기본값.
bottom : 아랫쪽 정렬.



3. TH, TD 

TABLE로 표의 시작과 끝을 알리고, TR로 행을 결정한 다음에는 각 행에 들어갈 셀을 만들어 준다. 이 때는 테이블에 들어가는 데이터라는 뜻으로 TD(table data)를 셀의 수만큼 만들어준다. 각 셀의 내용은 TD 안에 써 준다. TD는 시작 태그만 써 주면 된다.

간단한 예를 먼저 보자.

<TABLE width = 80% border=1 cellpadding=5>
<TR align = center>
    <TD>1행 1번 셀
    <TD>1행 2번 셀
<TR>
    <TD>2행 1번 셀
    <TD>2행 2번 셀
</TABLE>

실행결과
1행 1번 셀 1행 2번 셀
2행 1번 셀 2행 2번 셀


셀 중에서 한 행이나 열의 제목이 되는 셀은 TD 대신 TH(table header) element를 사용한다. TD와 TH는 모든 면에서 동일하지만 TH는 기본적으로 굵은 글씨로 나오고, 가로 정렬이 중앙이라는 점이 다르다.

<TABLE width = 80% border=1 cellpadding=5>
<TR>
    <TH>오늘의 온도
    <TH>오늘의 습도
<TR align = right>
    <TD>24도
    <TD>60%
</TABLE>

실행결과
오늘의 온도 오늘의 습도
24도 60%


사용할 수 있는 속성은 다음과 같다:

속성


TR의 경우, align과 valign 속성은 한 행 전체에 적용이 되지만, TH와 TD에서는 해당 셀에만 적용된다.

셀 합치기

HTML의 표에서는 셀 분할은 없고, 병합만이 있다. 따라서, 합치기 전 상태의 표를 염두에 두고 행과 셀의 수를 따진 다음, 가로로 합칠 것인지, 세로로 합칠 것인지를 결정한다.

colspan = 숫자

두 개 이상의 셀을 가로 방향(열 병합)으로 합치려고 할 때는 colspan 속성을 넣어주고, 합치려고 하는 셀의 수만큼 숫자를 써 준다.

rowspan = 숫자

두 개 이상의 셀을 세로 방향(행 병합)으로 합치려고 할 때는 rowspan 속성을 넣어주고, 합치려고 하는 셀의 수만큼 숫자를 써 준다.

<TABLE border width = 80%>
<TR>
    <TD>1행 1번 셀
    <TD>1행 2번 셀
<TR>
    <TD colspan = 2>2행 1번 셀
</TABLE>
<P>
<TABLE border width = 80%>
<TR>
    <TD rowspan = 2>1행 1번 셀
    <TD>1행 2번 셀
<TR>
    <TD>2행 1번 셀
</TABLE>

실행결과
1행 1번 셀 1행 2번 셀
2행 1번 셀

1행 1번 셀 1행 2번 셀
2행 1번 셀


▶[홈페이지제작] HTML 태그 기초5-2- 표(TABLE) 요소에서 계속됩니다.
4. CAPTION 
5. THEAD, TFOOT, TBODY 
6. COLGROUP, COL 



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/





Posted by 문땡글이

[홈페이지제작] HTML 태그 기초4- 목록 요소

1. UL, OL, LI 
 UL과 OL은 각각 글머리표가 붙은 목록과 숫자가 붙은 목록을 나타낼 때 이용하며, 시작과 끝내는 태그로 이루어진다. 목록을 구성하는 각 항목은 LI로 나타내는데, LI는 시작 태그만 쓰면 된다.

UL과 OL은 서로 겹쳐쓸 수 있다.

<ol>
   <li>종합쇼핑몰
      <ol>
      <li>롯데닷컴
      <li>에이치몰
      <li>삼성몰
      </ol>
   <li>오픈마켓
      <ul>
      <li>11번가
      <li>지마켓
      <li>옥션
      </ul>
   <li>독립쇼핑몰
</ol>
 

2. DL, DT, DD
DL은 어떤 용어와 그 용어를 정의하는데 사용하며, 시작과 끝내는 태그로 이루어진다.
정의할 용어는 DT(시작 태그만 있음)로, 정의 부분은 DD(시작 태그만 있음)로 나타낸다.
DL과 UL, OL을 서로 겹쳐쓸 수도 있다.


<DL>
    <DT>Dweeb
    <DD>young excitable person who may matureinto a <EM>Nerd</EM> or <EM>Geek</EM>

    <DT>Cracker
    <DD>hacker on the Internet

    <DT>Nerd
    <DD>male so into the Net that he forgets
      his wife's birthday
</DL>
<dl>
<dt><strong>The ingredients:</strong>
<dd>
    <ul>
    <li>100 g. flour
    <li>10 g. sugar
    <li>1 cup water
    <li>2 eggs
    <li>salt, pepper
    </ul>
<dt><strong>The procedure:</strong>
<dd>
<ol>
<li>Mix dry ingredients thoroughly.
<li>Pour in wet ingredients.
<li>Mix for 10 minutes.
<li>Bake for one hour at 300 degrees.
</ol>
<dt><strong>Notes:</strong>
<dd>The recipe may be improved by adding raisins.
</dl>




실행결과


Dweeb
young excitable person who may mature
into a Nerd or Geek
Cracker
hacker on the Internet
Nerd
male so into the Net that he forgets
his wife's birthday


The ingredients:


  • 100 g. flour
  • 10 g. sugar
  • 1 cup water
  • 2 eggs
  • salt, pepper

The procedure:


  1. Mix dry ingredients thoroughly.
  2. Pour in wet ingredients.
  3. Mix for 10 minutes.
  4. Bake for one hour at 300 degrees.

Notes:
The recipe may be improved by adding raisins.




국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/
Posted by 문땡글이
Web 2.0 Marketing Book (웹 2.0 마케팅 생존 전략) 
사용자 삽입 이미지

다나카아유미 저
김혜숙 역
길벗 출판자
2007.01.31.
364p
책 소개
처음부터 끝까지 ‘소비자의 관점’에서 웹 마케팅을 이야기한다. 또한 웹 2.0으로 대표되는 최신의 인터넷 기술과 동향에 기초한 웹 마케팅의 이론과 실무에 대해 상세히 말하고 있을 뿐만 아니라, 웹 2.0을 기회로 연결할 수 있는지 나침반을 제시하고 있다. 광고제휴, CPC, 블로그 활용법, 구글 AdSence 등 웹 2.0으로 인해 가능한 기술을 어떻게 마케팅에 적용할 수 있는지 친절하게 실무자의 입장에서 설명하고 있다. 이미 국가의 경계가 오래 전에 허물어진 인터넷(Web) 바다(ocean)에서 블루오션(Blueocean), 즉 블루웹(BlueWeb)을 찾고자 하는 e-마케터에게 이 책은 필독서가 될 것이다.

● 웹 2.0은 e-마케터에게 위기이자 기회

2001년 닷컴 거품이 붕괴 된 이후 침체되어 있던 웹 시장에서 웹 2.0은 새로운 이슈이자 위기(危機)로 다가왔다. 최근 1, 2년 전부터 웹(Web)에 웹 2.0이라는 허리케인이 불고 있고, 국내 e-마케터들은 웹 2.0이라는 시대적 흐름을 어떻게 활용할지 고민에 빠져있다. 다양한 웹 서비스를 사용자가 취사선택하여 자기 입맛에 맞게 재구성할 수 있는 플랫폼이 웹 2.0이다.

웹 2.0은 AJAX, RSS처럼 아직은 개발자용 서비스로 인식되어 있지만, 소프트웨어가 아닌 데이터베이스를 손쉽게 재창조할 수 있는 길을 일반 사용자에게 열어 줌으로써 필수 플랫폼으로 인식되어야 살아남을 수 있는 것이 현실이다. 국내의 경우 네이버 블로그, 지식인, 싸이월드 등이 웹 2.0을 활용한 성공사례로 볼 수 있다. 이처럼 웹 2.0은 e-마케터에게 위기(危機)로, 준비하지 않은 자에게는 위험(危險)일지 모르지만, 이 책을 펼친 당신에게는 분명 기회(機會)가 될 것이다.


● 매출을 극대화하는 웹 2.0 마케팅의 기술과 전략

그동안 마케팅에서 무시되어 왔던 80%의 반란, 이른바 ‘롱테일’ 시장의 성공 사례가 속속 드러나고 있다. 인터넷 서점 아마존이 20%의 베스트셀러가 아닌, 1년에 몇 권 안 팔리던 80%의 ‘소외받던 책’들에서 많은 수익을 올리기 시작했다. 이베이가 그동안 무시당해 왔던 영세 중소 사업자들과 소비자들을 연결해 주며 급성장했다. 구글이 포춘 500대 기업 같은 대형 광고주가 아닌 꽃배달 업체, 빵집 같은 자잘한 광고주들을 모아 엄청난 이익을 올렸다.

오라일리 미디어의 부사장 데일 도허티는 닷컴 거품 붕괴 이후 아마존 이베이, 구글 등 성장을 거듭한 온라인 기업의 공통점을 웹 2.0이라고 정의하였다. 특정한 기업이나 개인이 홈페이지의 정보와 콘텐츠를 모두 만들어서 제공하는 것이 웹 1.0이었다면, 웹의 이용자들이 서로 협력하여 정보와 콘텐츠를 만들어내고 새로운 가치를 창조하는 ‘참여와 협업’ 시스템이 웹 2.0의 가장 큰 특징이다. 즉 항상 변화하고 진화하는 인터넷의 기술과 단순한 구경꾼에서 직접적인 콘텐츠 생산자로 그 영역을 확대해가는 사용자의 마인드를 이해하지 못한다면, 웹 마케팅은 실패할 수밖에 없다.

이 책에서는 처음부터 끝까지 ‘소비자의 관점’에서 웹 마케팅을 이야기한다. 또한 웹 2.0으로 대표되는 최신의 인터넷 기술과 동향에 기초한 웹 마케팅의 이론과 실무에 대해 상세히 말하고 있을 뿐만 아니라, 웹 2.0을 기회로 연결할 수 있는지 나침반을 제시하고 있다. 광고제휴, CPC, 블로그 활용법, 구글 AdSence 등 웹 2.0으로 인해 가능한 기술을 어떻게 마케팅에 적용할 수 있는지 친절하게 실무자의 입장에서 설명하고 있다.

이미 국가의 경계가 오래 전에 허물어진 인터넷(Web) 바다(ocean)에서 블루오션(Blueocean), 즉 블루웹(BlueWeb)을 찾고자 하는 e-마케터에게 이 책은 필독서가 될 것이다.

● 웹 2.0의 이론과 실무를 겸비한 e-마케터의 생존 실무 지침서

이 책에서는 웹 2.0 마케팅에 관한 주제를 6가지 분야로 나누고, 가장 기본적으로 필요한 지식을 설명한다. 각 분야에서 일단 개요를 파악한 다음에는 곧바로 실행에 옮길 수 있는 실천 과정도 구체적으로 제시한다. 구글을 통한 무료 로그 분석은 책을 덮자마자 곧바로 실행에 옮겨보길 바란다. 그 성과를 눈으로 직접 확인할 수 있을 것이다.

또한 각 분야에 대해 더 깊이 있는 경험을 얻고 싶은 독자를 위해 분야별로 전문화가 진행되고 있는 웹 마케팅 추천 도서와 URL도 소개하고 있다. 번역서의 오류와 단점을 최소화하고 장점을 살리기 위해 국내에서 유명한 웹 마케팅 실무자의 감수를 여러 번 거쳤다. 따라서 독자는 해외 웹 마케팅 현장을 간접 경험해 볼 수 있을 뿐만 아니라, 그 경험을 국내의 웹 마케팅 실전에 적절하게 활용할 수도 있다.

즉, 독자에게는 일본 e-마케터의 꼼꼼함과 국내 e-마케터의 노하우를 함께 배울 수 있는 좋은 기회이다.
오늘도 e-마케터들은 차별화된 경쟁력으로 무장하기 위해 새로운 기술과 전략을 찾아 나서고 있다. 이 책을 펼친 당신이라면 이미 ‘블루웹’으로 가는 ‘티켓’을 손에 거머쥔 것이나 다름없다.


웹 2.0 마케팅에 대한 여섯 가지 테마

Part I 웹 마케팅이 나아갈 방향
웹 마케팅에서는 ‘20%의 인기 상품이 매출의 80%를 차지’하는 파레토의 법칙이 제 1의 법칙이 아니다. 오히려 인터넷 시장은 상품을 진열하는 공간 제약이나 광고비용 부담이 적기 때문에, 80%의 비인기 상품이 알짜 틈새시장을 두루 형성하는 ‘롱테일(Long Tail)’ 법칙이 새로운 웹 마케팅 패러다임으로 부각되고 있다.

Part II 인터넷 광고
검색 포털을 통해서만 고객이 유입되길 기다리는 것은 수동적인 웹 마케팅이다. 이제는 고객에게 다가서야 할 때다. 인터넷 광고 중에서 제휴 프로그램(Affiliate Program)은 잠재 고객을 확보하고 고객 충성도, 브랜드를 높이기에 더할 나위 없는 마케팅 툴이다.

Part III 메일 마케팅
메일 마케팅의 경우 개봉률은 떨어지는 추세지만 구매로 직결되는 이행률은 상승하고 있다. 메일 마케팅으로 매출을 올리려면 액세스 로그 분석이 선결되어야 한다. 이를 위해 메일 본문의 URL에 의사적인 파라미터(Parameter)를 붙여 놓아 클릭률을 파악하거나, HTML 메일에 웹 비콘(Web beacon)을 묻어 둠으로써 개봉률을 판명할 수 있다.
 
Part IV 블로그, 커뮤니티, 모바일 마케팅
UCC(User Created Contents)가 인터넷을 뒤흔들고 있다. 이제는 웹 2.0의 보급으로 UCC를 넘어 CGM(Consumer Generated Media), 즉 소비자가 만들어 낸 미디어가 웹 마케팅의 화두다. 똑똑한 웹 마케터라면 CGM인 블로그, 커뮤니티, 모바일 등의 공간을 100% 활용할 줄 알아야 한다.

Part V 검색 엔진 마케팅
SEM(Search Engine Marketing, 검색 엔진 마케팅)은 웹 마케팅의 필수 과정이다. SEM을 통해 비용 대비 최대의 효과를 노리려면 SEO(Search Engine Optimization, 검색 엔진 최적화)와 PPC(Pay Per Click) 광고 등의 원리를 속속들이 파악해야 한다.

Part VI 액세스 로그 분석
액세스 로그 분석 없이 웹 마케팅을 진행하는 것은 나침반 없이 인터넷 바다를 항해하는 것과 같다. 무료의 고기능 액세스 로그 분석 서비스인 Google Analytics 등으로 데이터 마이닝(Data Mining)까지 단번에 해결하는 노하우를 소개한다. [예스24 제공]



<목 차>


PART Ⅰ 웹 마케팅이 나아갈 방향
CHAPTER 01 전환기를 맞이한 웹 마케팅
01-1 웹마케팅의 변화를 따라잡기 위하여
01-2 소비자의 구매 행동 변화를 지켜본다
01-3 인터넷 광고는 비용 대 효과를 중시

CHAPTER 02 웹 마케팅의 5가지 단계
02- 5가지 단계에 따른 전략
02- 웹 사이트를 구축하기 전에 주의할 점

PART Ⅱ 인터넷 광고
CHAPTER 03 제휴 프로그램
03-1 비용 대 효과가 뛰어난 제휴 프로그램
03-2 제휴 프로그램이 급성장한 배경
03-3 제휴 프로그램 도입은 목적을 뚜렷이 정하고 나서
03-4 마케팅의 변화를 따라잡기 위하여
03-5 제휴 서비스인 ASP를 선택하는 요점
03-6 제휴자를 모집하는 요점
03-7 양쪽에 유리한 지불방법을 선택

CHAPTER 04 배너 광고
04-1 배너 광고의 기본
04-2 배너 광고의 관리 구조와 요금 체계
04-3 배너 광고가 실리기까지 거쳐야 할 과정

CHAPTER 05 RSS 광고
05-1 장래성이 기대되는 RSS의 보급에 대비

PART Ⅲ 메일 마케팅
CHAPTER 06 메일 광고 활용의 요점
06-1 메일 마케팅의 아우트라인을 파악
06-2 메일 광고는 잠재 고객을 얻는 첫걸음
06-3 메일 매거진 광고를 내기에 효과적인 장소
06-4 메일 광고는 대상을 확실하게 정한다

CHAPTER 07 자사 회원용 메일 매거진
07-1 누구에게 어떤 메일을 보내는 것이 효과적인가
07-2 소비자의 이익 없이는 단골도 없다
07-3 제목과 표제의 힘이 본문을 읽게 한다
07-4 메일은 텍스트와 HTML을 적절히 사용하는게 중요
07-5 메일 발송에 꼭 필요한 기능

CHAPTER 08 액세스 로그 분석에 따른 메일 마케팅
08-1 엑세스 로그 분석으로 무엇을 깨달아야 하는가
08-2 광고 효과를 비교할 수 있는 장치를 만든다
08-3 HTML 메일의 효과를 측정할 장치를 만든다

PART Ⅳ 블로그, 커뮤니티, 모바일 마케팅
CHAPTER 09 블로그 마케팅
09-1 블로그의 침투율을 파악
09-2 비즈니스 블로그의 3가지 활용 형태
09-3 비즈니스 블로그의 5가지 장점
09-4 블로그에 엑세스가 집중하는 이유
09-5 소비자에게 작용하는 RSS를 자유자재로 사용
09-6 메일 매거진과 RSS피드를 구별하여 사용
09-7 블로그를 이용하여 기업 홍보를 효과적으로 발송
09-8 블로그를 판매 촉진에 활용
09-9 블로그를 개설하기 전에 확인해야 할 요즘
09-10 ASP가 제공하는 블로그 서비스의 장단점
09-11 블로그 도구를 살려 공략
09-12 블로그 운영상의 요점

CHAPTER 10 웹 커뮤니티
10-1 소비자가 만든 정보가 소비자를 움직인다
10-2 소비자 리뷰를 구매 행동으로 연결
10-3 소비자를 제품 개발에 끌어들인다
10-4 입소문 정보를 데이터베이스화하여 활용
10-5 SNS를 마케팅에 활용

CHAPTER 11 모바일 마케팅
11-1 모바일 마케팅의 현재 상황
11-2 모바일의 특징과 다양한 도구
11-3 모바일을 활용한 사례

PART Ⅴ 검색 엔진 마케팅
CHAPTER 12 검색 엔진 최적화
12-1 SEO의 구체적인 목적을 결정
12-2 로봇형, 디렉터리형의 검색방식
12-3 검색 로봇이 정보를 수집하는 구조
12-4 SEO를 활용하려면 먼저 액세스 로그를 분석
12-5 검색 엔진의 기본적인 성질
12-6 SEO의 출발점이 되는 키워드 선정 포인트
12-7 키워드를 배치하는 장소가 중요
12-8 제목 태그와 메타 태그로 액세스를 늘린다
12-9 링크를 정비하여 랭크업한다
12-10 피해야 할 웹 페이지 작성법
12-11 검색 엔진 스팸이 되지 않기 위하여

CHAPTER 13 PPC 광고
13-1 PPC 광고의 기본
13-2 PPC 광고를 내는 과정
13-3 오버추어에 PPC 광고를 내는 포인트
13-4 구글에 PPC 광고를 내는 포인트
13-5 JWORD, J리스팅, 룩 스마트의 특징
13-6 PPC 광고의 비용 대 효과를 검증
13-7 효과 측정 결과에 따라 즉시 광고 내용을 변경

PART Ⅵ 액세스 로그 분석

CHAPTER 14 액세스 로그 분석은 웹 마케팅의 시작
14-1 액세스 로그 분석의 목적을 정한다
14-2 액세스 로그 분석의 기본을 파악한다

CHAPTER 15 텍스트 로그 분석으로 알아보는 해석의 구조
15-1 텍스트 로그를 읽을 준비
15-2 텍스트 로그를 읽고 해석의 구조를 안다

CHAPTER 16 액세스 로그 분석 소프트웨어 선택 방법
16-1 웹 비콘형의 장단점
16-2 GOOGLE ANALYTICS의 특징
16-3 액세스 로그 분석형의 장단점
16-4 패킷 캡처링형의 특징

CHAPTER 17 로그 분석 결과를 활용하는 방법
17- 경로를 분석하여 이행률을 높인다
17- 광고비의 효과를 검증
17- IP 주소로 소비자층을 분석
17- 유저 에이전트를 이용해 효율적으로 소비자를 분석
17- 액세스 로그 분석의 순서도를 파악


쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/
Posted by 문땡글이

[옥션] 5월13일부터 공동경매 등록이 제한됩니다.

더 나은 옥션의 서비스 제공과 코너의 집중도를 높이기 위하여 그간 운영되었던 코너 중 공동경매를 폐지합니다.
5월 말 코너가 폐지될 예정이며 이를 위하여 금일부터 공동경매 상품 등록이 제한 됩니다. 

사용자 삽입 이미지

※ 출처 : 옥션 공지사항



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

인터넷 쇼핑몰 창업을 위한 디지털카메라 구매요령
(뉴스와이어 2008년 5월) 나우앤 남상욱 교육팀장

꼭, DSLR카메라여야 하는가?

“아직 카메라가 없어서 그런데 카메라 추천 좀 해주세요?”

강의에 참여하는 많은 분들 또는 지인이나 온라인 카페를 통해서 가장 많은 질문을 하는 것이 바로 디지털카메라의 구매방법에 대한 것이다. 물론 인터넷 검색을 통해서 찾아보거나 주변인을 통해서 그 해답을 찾는 경우가 많이 있지만 사실 조금 우려되는 부분도 없지 않다.

왜냐하면 그에 대한 해답이 거의 한결같기 때문이다. 그리고 그 질문을 하는 분들의 의도 역시 이미 답을 찾아 놓고 확인차 물어보는 경우가 대부분이기 때문이다.

우리가 들을 수 있는 대답은,

“전문가용 카메라를 사셔야죠.”, “DSLR 카메라 사세요.” 또는 “OOO(구체적인 브랜드와 모델명) 사세요.” 이다. 물론 답이 틀린 것은 아니지만, 그 답이 온라인 창업을 준비하는 모든 예비창업자들에게 모두 해당되는 것은 아니다.

밑도끝도없이 확신에 찬 대답이 때론 좋기도 하지만 창업을 하는데 꼭 필요하고 그 구입비용도 만만치 않다면 조금은 더 고민해보는 것이 좋지 않을까하는 것이다.

인터넷 창업을 한다는 것은 사업을 하는 것이다. 1인 창업이 대부분이기 때문에 창업자는 만능이 되어야 한다는 말이기도 하다. 여기에서 카메라의 위치를 보면 인터넷 창업을 하기 위한 중요한 도구로서 사업전체를 보면 일부분에 해당한다. 그런데 마치 카메라만 좋으면 좋은 사진을 찍을 수 있다고 생각하는 분들이 많다는 것이다.

사용자 삽입 이미지

사용자 삽입 이미지

처음으로 다시 돌아가서 나에게 그런 질문이 올 때 나는 몇 가지를 더 체크해본다.

우선은 비용에 대한 부분이다. 사업을 하는 사람은 사업자금을 확보해놓기 마련이고 전체 자금에 대한 일정부분을 카메라 및 조명을 구입하는 비용으로 예산을 편성해 놓았을 것이다. 그게 5%이내 일수도 있고 10%이내 일수도 있지만, 그 이상이 되는 것은 어딘가 문제가 있을 소지가 많다는 것이 내 생각이다. 그 이유는 온라인 창업자는 취미생활을 하거나 사진을 업으로 하는 것이 아니기 때문이다. 예를 들어 창업비용이 1000만원인데 카메라를 비롯한 촬영장비에 200만원을 투자하는 것은 바람직하지 않다는 뜻이다.

그 다음은 집에 디지털카메라가 있는지의 여부를 다시한번 여쭈어 확인해본다. 디지털카메라를 구입하길 원하는 대부분의 예비창업자는 이미 디지털카메라를 가지고 있는 경우가 많다. 그것이 일반 컴팩트 디지털카메라인 경우도 있고 하이엔드카메라인 경우도 있다. 하지만, 그들은 DSLR카메라가 있어야 한다는 전제를 깔고 질문을 하기 때문에 디지털카메라가 없다고 얘기하거나 새로 구입을 해야한다고 생각한다.

강의를 할 때, 그런 교육생들은 셔터 누르는 것 외에 가지고 있는 디지털카메라의 다양한 기능 및 활용에 대해서 거의 모르는 경우가 대부분이다. 따라서 우선은 가지고 있는 디지털카메라를 최대한 활용해보기를 권한다. 나는 현재 출시되어 있는 대부분의 카메라는 인터넷 쇼핑몰 상품사진을 촬영하기에 크게 문제가 없다고 생각한다. 물론 카메라의 종류에 따라서 장단점이 있게 마련이고 아이템이나 표현방법에 따라 필요한 카메라의 종류가 더 업그레이드 해야하는 경우도 있다.

야외촬영 위주로 진행하는 경우에는 특별히 카메라에 대한 제약이 별로 없다. 다만, 배경을 흐리게 처리하는 아웃포커스 효과를 확실히 표현하기 위해서는 필름(이미지센서)이 큰 DSLR카메라가 효율적이고 렌즈도 최대조리개 개방치수가 낮고 망원 쪽의 렌즈를 사용하면 효과를 높일 수 있다. 실내 스튜디오 촬영을 위주로 하는 경우에는 스트로보라는 광량이 풍부한 조명을 사용해야 촬영의 효율을 높일 수 있기 때문에 디지털카메라에 스트로보를 연결할 수 있는 접점이 있거나 핫슈가 있는 카메라이면 된다.

핫슈는 하이엔드카메라의 일부, DSLR카메라의 전체에 장착되어있다. 하이엔드카메라가 DSLR카메라보다 유리한 점은 비용이 적게 들고 줌기능의 폭이 넓으며 필름(이미지센서)이 작아 전체에 초점맞추기가 좋고 접사기능 및 동영상까지 촬영할 수 있다는 것이다. 또 DSLR카메라에 비해 휴대가 간편하여 사람들이 많이 있어 촬영하기가 좀 곤란한 장소에서도 쉽게 촬영이 가능하다.

반면에 단점은 DSLR카메라에 비해 연속셔터가 느리다는 것이다. DSLR카메라는 셔터를 누르는 대로 촬영이 되지만 하이엔드카메라는 셔터를 누르면 약간의 랙(지연현상)이 걸린다. 따라서 결정적인 순간을 포착해야하는 스피드 있는 촬영을 할 때에는 굉장히 불리하게 작용할 수도 있다. 그것에 민감한 촬영이 아니라면 DSLR카메라가 아니더라도 하이엔드카메라도 강추하고 싶다.

그리고 브랜드의 선택에서는 누구나 알 수 있는 전문 카메라 제조회사의 제품을 선택하는 것이 좋으며, 정품과 내수(병행)의 선택은 가급적 정품을 구매하는 것이 좋다. 카메라의 특성상 내구성이 뛰어나 잔고장이 별로 없기는 하지만 혹시나 발생할 수 있는 선천적인 고장에 대해서 보증을 받을 수 있기 때문에 가격적으로 메리트가 있는 내수보다는 정상적인 루트를 통해서 수입된 정품을 선택하는 것이 더 현명할 것이다.


내용 이어보기


쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/


Posted by 문땡글이


[홈페이지제작] HTML 태그 기초3- 글자 요소


▶ 글자 요소 : 문자열 관련 요소



1. 문자열 관련 요소
 

문자열의 특성을 정의하는 element들이다. 시작과 끝내는 태그로 이루어진다.

<EM>강조 EM</EM>
<STRONG>강한 강조 STRONG</STRONG>
<DFN>정의 DFN</DFN>
<CODE>프로그램 코드 CODE</CODE>
<SAMP>프로그램의 샘플 출력 SAMP</SAMP>

<KBD>사용자가 입력하는 문자열 KBD</KBD>
<VAR>명령어의 변수 VAR</VAR>
<CITE>인용 CITE</CITE>
<ABBR>약어 ABBR</ABBR>
<ACRONYM>두문자어 ACRONYM</ACRONYM>



2. BLOCKQUOTE, Q
 

BLOCKQUOTE와 Q는 인용을 할 때 사용하는 element로 시작과 끝내는 태그로 이루어진다.
BLOCKQUOTE는 긴 인용문(block-level)에, Q는 짧은 인용문(inline)에 사용한다.
BLOCKQUOTE는 좌우로 들여쓰기를 하기 위해서 사용하기도 한다.

<BLOCKQUOTE>
Where is the thicket? Gone.
Where is the eagle? Gone.

The end of living
and the beginning of survival.
</BLOCKQUOTE>
I saw Lucy at lunch, she says
<Q>Mary wants you to get some ice cream on your way home.</Q>
I think I will get some at Ben and Jerry's, on Gloucester Road.

H<SUB>2</SUB>
M<SUP>lle</SUP>


4. P 
P는 문단을 나눌 때 사용하며
3. SUB, SUP 
SUB와 SUP는 아래첨자와 위첨자를 표현하기 위한 element로, 시작 태그와 끝내는 태그로 이루어진다.

끝내는 태그는 일반적으로 생략하고 시작 태그만 쓴다.
P 자신을 포함, Block-level element는 포함할 수 없다.

Where is the eagle? Gone.
<P>
The end of living.


5. BR 
BR은 줄 바꿈을 할 때 사용하며, 시작 태그로만 이루어진다.

Where is the thicket? Gone.
Where is the eagle? Gone.
<BR>
The end of living
and the beginning of survival.


6. PRE 
HTML에서는 2칸 이상의 빈 칸은 모두 1칸과 같다고 했는데, PRE 안에서는 그렇지 않다.
PRE 안에 입력한 내용은 그대로 화면에 출력된다. 즉, 공백이 그대로 출력되고, 한 문단 안에서 자동 줄넘김도 하지 않는다.

<PRE>
      Higher still and higher
        From the earth thou springest
      Like a cloud of fire;
        The blue deep thou wingest,
And singing still dost soar,
    and soaring ever singest.
</PRE>


7. INS, DEL 
INS와 DEL은 새로 삽입되거나 삭제된 문서의 부분을 나타내기 위한 것으로, 시작과 끝내는 태그로 이루어진다.

A Sheriff can employ <DEL>3</DEL><INS>5</INS> deputies.


※ 국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com

Posted by 나우앤

[홈페이지제작] HTML 태그 기초2- BODY 요소

문서의 본문을 담고 있다. 시작하는 태그와 끝내는 태그로 구성되며, HEAD에 들어가는 element와 HTML을 제외한 모든 element를 포함한다. <BODY> 태그 안에서 사용할 수 있는 속성은 다음과 같다.

1. id, class 속성
 
id = 문자열
class = 문자열

id는 하나의 element에 유일한 이름을 부여한다. 하나의 문서에 같은 이름의 id가 두 개 이상 있어서는 안된다.
class는 id와 비슷하지만, 같은 이름을 가진 class가 한 문서에 여러 개 있을 수 있다.
id와 class의 역할은 여러가지가 있지만, 일반적으로 많이 쓰이는 것은 다음과 같다.

2. 블록 레벨 및 인라인(inline) 요소

BODY에 포함되는 element들은 block-level과 inline(또는 text-level) element로 나눈다.
Block-level element는 다른 block-level element와 inline element를 포함할 수 있다.
Inline element는 데이터와 다른 inline element만을 포함할 수 있다.
Block-level element는 새 문단에서 시작하고, inline element는 P나 BR로 줄을 바꿔주지 않는 한 한 줄에 나타난다. 

3. DIV, SPAN 요소(elements)

DIV와 SPAN은 보통 id나 class 속성을 써서 스타일시트와 함께 사용하며, 시작과 끝내는 태그로 이루어진다.
DIV는 앞뒤에서 BR을 한 것과 같이 줄을 바꾼다.

4. 머릿글(Headings)
 
<H1>H1</H1>
<H2>H2</H2>
<H3>H3</H3>
<H4>H4</H4>
<H5>H5</H5>
<H6>H6</H6>

5. ADDRESS 요소

ADDRESS는 일반적으로 연락처나 저작권 등을 표시하기 위해 사용한다.
문서의 제일 앞이나 제일 마지막에 나오는 것이 보통이다. 브라우저에 따라 이탤릭체로 나타내기도 한다.

<ADDRESS>
저작권자 : <A href="mailto:nowand@nowand.com">나우앤관리자</A>
<BR>
마지막 수정일 : 2008.05.08.
<BR>
연락처 : O5O4.555.O944
</ADDRESS>

 
6. 색상표(RGB표) 
 
216가지 색상코드표 를 참조하세요.




쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/

Posted by 문땡글이


[쇼핑몰제작] 쇼핑몰 기획단계에서 고려할 마케팅 요소


1. 당신의 매출 목표는 얼마입니까?

2. 사업 아이템에 대한 수요조사는 하였습니까?   예상하는 매출을 위한 수요는 충분합니까?

3. 주요 고객층은  어떻게  됩니까?

4. 사이트  컨셉은  무엇입니까?  주요 고객층과  사이트  컨셉이  맞습니까?

5. 경쟁업체에 대한 조사는 하였습니까?  경쟁업체의 장점은 무엇입니까?

6. 당신이 가지고 있는 경쟁우위의  장점은  무엇입니까?

7. 아이템에  대한  성수기와  비수기에  대한  조사는  하였습니까?  비수기에 대한 대책은 어떻게 됩니까?

8. 관련  키워드의  광고비  수준은  어떻습니까?   월 광고비는 어느 정도 책정하셨습니까?

9. 사이트 오픈과  관련된  이벤트  기획은  하셨습니까?

10. 재구매를  위한  고객유입  대책은  무엇입니까?



※ 어떤 창업이든 초기 창업비와 운영 유지비가 필요하다.
사람들은 처음 취업을 하고 일을 배울 때에도 시행 착오를 하기도 칭찬을 듣기도 하며 3년을 보낸다.
인터넷창업도 마찬가지, 준비과정에서 부터 손익분기점을 넘어 안정된 기반을 다지기까지 시간과 자본은
창업자에게 성실함을 넘어 실패에서 일어설 강한 정신력도 필요로 한다. 3년이 중요하다.

3년동안 머리속에는 내 쇼핑몰을 알릴 생각 뿐이어야 한다.
쇼핑몰 홍보와 광고의 차이는 돈이 드느냐 안드느냐이다.
쇼핑몰 제작 전, 기획 단계에서 이미 10가지 마케팅 기본 통계가  충분히 나와야 한다.
이를 근거로 최소 금액의 마케팅을 전개해야 하며 계절별, 월별 기념일별 등 장기/단기 마케팅의 기획도 필수다.

바로 처음부터 자신의 단점이 파악되는 순간이기도 하며 장점이 파악되는 순간이기도 하다.
(그럼에도 쇼핑몰 창업을 준비 중이라면 아웃소싱을 할 부분도 염두에 두어야 한다.)
자신의 단점을 최대한 보완하고 장점은 극대화 해야한다. 멀티플레이어의 길은 말만큼 쉬운 일이 아니다.

또 차별화된 아이템을 선점하는 것이 마치 경쟁우위를 선점하는 걸로 착각해서는 안된다.
아이템은 차별화와 가격과는 아무런 상관이 없다. 고객에게 어필되는 것은 오감이 동원된 '고객행복(CH)'이다.
구매에 최종적으로 영향을 미치는 것은 고객의 행복 감도가  아이템을 보았을 때 100이 되었느냐라는 것이다.



국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/

Posted by 문땡글이

[옥션] 이미지 등록시 주의사항 공지


 
앞으로 판매자분들께서 더욱 편리하게 상품등록을 하실 수 있도록 몇가지 주의 사항을 알려드리고자 합니다.


1. 이미지 등록 후 이미지가 미반영되었다 하더라도 다시금 등록하지 마시기 바랍니다.

등록 이미지의 사이즈 변환에 1~2분 정도가 소요되기 때문에 즉시 반영되지 않은 것입니다.
이미지가 보이지 않으신다고 이미지를 재등록하게되면 이미지 변환을 다시 시작하기 때문에 이미지 사이즈 변환에 걸리는 시간이 더 소요될 수 있습니다.


2. 사용하시는 이미지 중 롤링되는 gif 파일에 투명 칼라가 들어가 있는 파일은 사용하지 말아 주시기 바랍니다.

아래의 큰 이미지는 롤링 gif의 한 컷입니다.
이 중 오른쪽의 상품(바지)의 배경에 투명한 색이 사용되어 작은 이미지로 전환시 투명한 색이 아닌 검정색으로 변환이 되어 버렸습니다.
이로 인하여 상품의 이미지가 훼손될 수 있으니 롤링되는 gif 파일에서 투명칼라의 사용은 자제하여 주시기 바랍니다.


[이미지 예시]

사용자 삽입 이미지



















▶ 롤링 gif 이미지 등록시                                             ▶ 변환 이미지


이상의 주의사항들은 판매자분들께서 상품등록을 더욱 원활히 할 수 있도록 도움을 드릴 것입니다.
옥션은 보다 나은 서비스를 제공하기 위하여 최선을 다할 것을 약속드립니다. 감사합니다.


※ 출처 : 옥션 공지사항


쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 나우앤

[홈페이지제작] HTML 태그 기초1 - HEAD 요소

HEAD는 문서의 본문에 나오는 내용이 아니라 문서 자체에 대한 설명을 넣는 부분이다.
TITLE과 META, LINK, STYLE, SCRIPT 등의 element들을 포함할 수 있다.

1. HEAD 요소

HEAD는 문서의 본문에 나오는 내용이 아니라 문서 자체에 대한 설명을 넣는 부분이다.
TITLE과 META, LINK, STYLE, SCRIPT 등의 element들을 포함할 수 있다.

2. TITLE 요소

TITLE은 한 문서에 하나가 들어간다. 브라우저의 제목 표시줄에 나오는 부분이다.
검색엔진에서는 사용자의 검색어가 TITLE element에 들어 있으면 결과에 더 높은 점수를 주어, 결과 중에서 앞쪽에 나오도록 한다.
따라서, 검색엔진에 사이트를 등록할 때는 내용에 맞는 제목을 붙여 주는 것이 좋다.
 
3. TITLE 속성

속성(attribute)이란 시작하는 태그에 들어가는 것으로, 일종의 선택 사항이다.
TITLE element가 한 문서의 제목을 정하는 것으로 한 번만 쓸 수 있는 것인데 반해, title 속성은 여러 개의 element에 붙을 수 있으며, 해당 element의 제목인 셈이다.

<A href="http://www.nowand.com" title="나우앤닷컴 홈페이지">여기</A>

위의 예와 같이 <A> 태그에 title 속성을 넣어주면, 링크가 걸린 곳에 마우스를 가져 갔을 때 설명이 나타나게 된다. 

4. META 요소 

문서의 작성자, 날짜, 키워드 등 브라우저의 본문에 나타나지 않는 문서에 대한 일반 정보를 나타낼 때 사용한다. 다른 element는 포함하지 않는다.


<META name="Author" content="Chung Yee">
<META name="Keywords" content="HTML 태그 속성 예">
<META name="Content" content="HTML 4.0을 다루고 있습니다.">


META의 keywords나 content의 content에 해당하는 내용은 검색엔진이 인덱스하는 키워드로 사용된다.
검색엔진에 등록할 때, 이 부분을 내용에 맞게 잘 써주는 것이 좋다.

속성

name = author|keywords|content 작성자, 키워드, 요약문
content = "문자열" 각 name의 값
http-equiv = refresh 해당 문서를 새로 고침


http-equiv 속성을 이용하면 정해진 시간이 지난 후 자동으로 다른 문서로 화면이 넘어가도록 할 수 있다. 아래 예는 5초가 지난 후에 현재 화면이 나우앤닷컴으로 이동하게 된다.

주로 홈페이지 주소가 변경되었을 때 옛날 주소로 찾아가면 안내문을 보여주고, 잠시 후 새 주소로 이동하도록 할 때 많이 사용된다. 첫 화면에 로고만을 보여 주고, 잠시 후 본 화면으로 넘어가도록 하는 경우에도 사용된다.

<META http-equiv="refresh" content="5; url=http://www.nowand.com">



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

[홈페이지제작] HTML의 기본 구성

[기초] HTML의 기본 구성

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">


<HTML>
    <HEAD>
        <TITLE>나의 첫 웹 문서</TITLE>
        <META http-equiv="Content-Type" content="text/html; charset=EUC-KR">
    </HEAD>
    <BODY>
        안녕하세요...반갑습니다! 나우앤입니다.
    </BODY>
</HTML>



1. 머리(HEAD) 요소
 HEAD 요소(element) 
 TITLE 요소(element) 
 TITLE 속성 
 META 요소(element) 

2. 본문(BODY) 요소
 BODY 요소(element) 
 id, class 속성 
 블록 레벨 및 인라인(inline) 요소 
 DIV, SPAN 요소(elements) 
 머릿글(Headings) 
 ADDRESS 요소 
 색상표(RGB표) 

3. 글자 요소
 문자열 관련 요소 
 BLOCKQUOTE, Q 
 SUB, SUP 
 P 
 BR 
 PRE 
 INS, DEL 

4. 목록 요소 
 UL, OL, LI 
 DL, DT, DD
 
5. 표(TABLE) 요소 
 TABLE 
 TR 
 TH, TD 
 CAPTION 
 THEAD, TFOOT, TBODY 
 COLGROUP, COL
 
6. 링크 요소 
 A 
 LINK 
 BASE
 
7. 개체, 그림, 애플릿 요소 
 개요 
 IMG 
 OBJECT 
 Image maps : MAP, AREA 

8. 글자모양, 가로선 요소 
 TT, I, B, BIG, SMALL, STRIKE, S, U 
 HR 

9. 프레임 요소 
 FRAMESET, FRAME 
 NOFRAMES 
 IFRAME 

10. 폼 요소
 Controls 
 FORM 
 INPUT 
 BUTTON 
 SELECT, OPTGROUP, OPTION 
 TEXTAREA 
 FIELDSET, LEGEND 
 Form submission 


쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

2008년1분기 오픈마켓, 옥션, G마켓, 11번가  
세계닷컴(www.segye.com)
 
옥션이 해킹으로 울상으로 짓고 있는 가운데 G마켓은 사상 최고 영업이익을 달성하고 11번가는 빠른 성장세를 보이고 있다.

G마켓은 30일 1분기 실적을 발표하며 총 매출액이 전년 동기 481억원에서 35% 증가한 646억을 기록했으며, 영업이익은 55억에서 89% 증가한 103억원으로 나타났고 순이익은 전년 동기 67억원에서 55% 증가한 103억이라고 설명했다.

사이트에서 체결된 총거래액도 전년 동기 7,230억원에서 29% 증가한 9,334억을 기록했다. G마켓의 이같은 실적 발표는 오픈마켓 시장을 양분하고 옥션과 대비되어 더욱 눈길을 끌고 있다.

옥션은 지난 2007년 한해 동안 영업이익이 70억원으로 2006년 240억원에서 71% 급감했었다. 옥션의 2007년 한해 영업이익보다 G마켓 2008년 1분기 영업이익이 훨씬 상회하고 있는 것이다. 게다가 옥션이 올초 해킹사건으로 대규모 소송에 휘말릴 것으로 예상되고 있는 상황에서 이같은 G마켓의 실적은 실질적인 오픈마켓 시장 1위 자리를 독주할 체제를 끝낸 것이 아니냐는 평가도 나오고 있다.

또 지난 2월 27일 오픈마켓 시장에 진출한 11번가의 기세도 만만치 않다. 시장 진출 2개월여만에 총 24만여명의 회원과 3만여명의 판매자를 확보한 11번가는 주간방문자수 200여만명과 주간 페이지뷰 1,500만회 등 빠른 성장세를 보이고 있다.

한 업계 관계자는 "G마켓의 선두 독주는 이미 작년부터 이어져 온 것으로 새삼스러울 것이 없지만, 옥션에 대한 소송건과 해킹 사건으로 추락한 이미지를 어떻게 만회하느냐와 11번가가 이 기회를 어떻게 이용하느냐에 따라 시장 상황이 다소 달라질 수 있다"며 "옥션이 해킹 사건을 다른 업체와 달리 빨리 공고한 것이 소비자들에게 만회점수가 될 수 있는지가 변수로 떠오를 수도 있을 것"이라고 설명했다.


인터파크, 1분기 영업익 10억..전년비 흑자전환

인터파크(035080)는 1분기 영업이익이 10억2000만원으로 전년동기와 비교해 흑자전환했다고 30일 공시했다.
순이익 역시 2억1700만원으로 흑자전환했고 매출은 82억800만원으로 11.1% 감소했다.


<추가>
국내 최대 오픈마켓 G마켓은 1분기 매출이 전년 동기 481억원에서 35%증가한 646억 원을 기록했다고 30일 밝혔다.

2008년 1분기 영업이익은 전년동기 55억원에서 89% 증가한 103억원, 순이익은 전년동기 67억원에서 55% 증가한 103억원을 기록했다.

G마켓 사이트에서 체결된 총 거래 금액을 의미하는 총 거래액(GMV, Gross Merchandise Value)은 전년 동기 7230억원에서 29% 증가한 9334억 원을 기록했다.

부문별로는 거래 수수료 매출이 전년 동기 303억원에서 22% 증가한 368억원, 광고 및 기타 비거래 수수료 매출은 전년 동기 178억원에서 56%증가한 278억원을 거뒀다.

G마켓의 이번 분기 총 회원 수는 2007년 4분기 기준 1367만명에서 1426만명으로, 월 평균 고유 방문자 수는 전년 동기 1693만명에서 1804만명으로 증가했다.

구영배 G마켓 사장은 "4분기 대비 상대적으로 성장세가 둔화되는 1분기임에도 G마켓은 사상 최고 영업이익과 지속적인 매출 신장률을 달성했다"며 "2008년 시작부터 좋은 성과를 내고 있다. 이는 국내 전자상거래 시장에서의 G마켓의 굳건한 위상을 보여주고 있으며 올해도 성공적인 한 해가 될 것으로 예상된다"고 강조했다.


쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

대구 아가씨 인터넷창업 한달만에 성공, '꽃소녀' 김현애 사장
2008년 4월 30일- 나우앤, 지마켓 파워딜러 '꽃소녀'
★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★
대구 아가씨 김현애 사장은 대학교 2학년 때 아버지가 뇌출혈로 쓰러지자 큰 충격을 받으며, 자신의 꿈을 접고 장녀로써 가정의 미래를 책임져야겠다는 결심을 했다고 한다.

쇼핑몰창업 홈페이지제작

극장, PC방, 편의점, 은행 영업사원, 통신사 상담사, 동사무소, 증권사, 보드게임방 등등 온갖 아르바이트를 해서 부모님과 함께 포항에 작은 커피전문점을 오픈하게 되면서 꿈은 더 멀어져 갔다.

1년 정도 열심히 꾸리다보니 가게가 자리를 잡았고, 마침 동생이 전역을 해 복학하기 전에 가게를 거들겠다고해 자신의 꿈을 실현할 기회를 잡게 된 김현애 사장.

“엄마. 나 제대로 할 수 있을 때까지는 집에 안올거야.”

한 번 도전해보지도 않고 그냥 마음 한구석에 접어두면 후일 아쉬움이 클 것 같아, 실패할 각오로 쇼핑몰 창업에 도전했다는 그녀는 인터넷 검색으로 알게된 창업센타 나우앤(www.nowand.com)에 등록하고 고시원을 예약하고 이틀만에 짐을 꾸려서 상경했다.

자신의 꿈을 실현할 시기라 결심한 1월부터 창업 교육을 받기 시작했고, 2월 말에 드디어 매출이 일어나기 시작했다.

"그저 처음에는 사진 작업하고 신상품 올리고 주문 들어오는 대로 정신없이 물건 보내고 했었는데 3월 한달 매출이 3천만원 정도 나오더라구요. 저도 깜짝 놀랐답니다."

이제 창업 2달째, 동대문엔 태어나 한 번도 가본적 없던 대구 아가씨가 어느새 거래처가 생기고 거래처 사장님들과 친해지고, 판매가 일어나게 되었으니 예상보다도 훨씬 빨리 대구에 내려갈수 있었다.

"매일 패션트렌드를 알기 위해 시장을 나가다 보니 하루에 몇 시간이나 걸어다니는 데다가, 매출이 늘어나니까 제 덩치만한 사입가방을 짊어지고 다니게 되다보니 저절로 운동이 되더라구요. 게다가 밤에는 사진작업을 하느라 잠도 조금 부족하고, 배송하느라 바빠서 하루에 한 끼 밖에 못먹는 날도 있었어요."
하지만 지금은 요령이 붙어서 시간을 효율적으로 관리해 세끼 꼬박꼬박 챙겨먹고 잠도 잘 자고 있다.

앞으로 오픈마켓에서 좀 더 부지런히 노력해서 가을 쯤에는 쇼핑몰을 오픈하는게 목표인 그녀는 접었던 꿈을 항해 한 걸음씩 나아가고 있다.

"저는 요즘 초심으로 돌아가기 모드랍니다. 급하게 뛰어오면서 놓치고 스쳐지나간 것들이 너무 많거든요."

이제 부모님께 어리광만 부리던 철부지 '꽃소녀'는 한 가족의 가장, '수퍼걸'이 되었다.



사진설명 : 직접 모델을 하고 있는 김현애 사장
쇼핑몰창업 홈페이지제작



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/
Posted by 문땡글이

more..

★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 

2008년 5월 13일 오전 7시에 옥션 카테고리를 대폭 개편합니다.
이로 인해 일부 카테고리의 대/중/소/세분류가 명칭변경/폐지/신설되며, 그 내용은 아래와 같습니다.
이번 카테고리 개편은 시장 상황과 옥션의 정책 방향을 반영하고, 물품을 좀 더 쉽게 찾을 수 있도록 구성하였습니다.


■ 개편 시기 : 2008년 5월 13일 (화요일) 오전 7시

■ 주요 개편내용 : ▶
[엑셀파일 다운로드]



■ 주의 사항

1. 삭제되는 카테고리에 물품을 등록하실 경우

    - 4월 28일부터는 개편 시 삭제되는 카테고리에 물품을 등록하는 경우, 판매자님께서 5월 13일 이후 변경될 카테고리를 물품 등록 과정 중에 선택하시게 되며, 선택하신 카테고리에서 5월 13일부터 물품이 진행되게 됩니다.


4월 28일에, 판매기간 30일로, 삭제예정 카테고리에 등록하시는 경우
4월 28일 ∼ 5월 12일
최초 등록한 카테고리에서 판매 진행
5월 13일 ∼ 5월 27일
4월 28일 물품 등록 시 선택했던 변경 카테고리에서 판매 진행


2. 5월 13일 삭제될 카테고리에서 진행중인 상품은 판매자가 직접 변경될 카테고리로 재설정 해야 합니다.
    - 삭제될 카테고리에 등록되어 있는 예약 또는 현재 진행중인 물품은 4월 28일 ~ 5월 12일까지, 판매자가 이동될 카테고리를 직접 설정 할 수 있습니다.
카테고리 설정은 물품검색과 직결되어 판매자님의 매출에 영향이 있을 수 있으니 필히 정확한 카테고리 재설정 작업을 하시기를 부탁드립니다.

    - 변경대상
      ① 예약등록 된 모든 물품
      ② 진행중인 모든 물품 : 진행 마감일이 5월 13일 이후인 모든 물품

    - 변경방법 : 마이옥션 >카테고리재설정 팝업
      ① 변경될 카테고리를 설정 하지 않을 경우, 옥션에서 지정한 카테고리로 자동 변경되어 판매가 정상 운영 됩니다.
      ② 하기 안내되는 변경 수수료는 5월 13일 이후 등록되는 모든 물품에 유효합니다.
          “5월 13일 이전에 등록한 물품 중, 진행방식이 “경매”인 물품은 기존 카테고리의 낙찰 수수료율을 적용받습니다.
          단, 고정가 판매 방식의 판매진행 건은 5월 13일 변경되는 카테고리의 낙찰 수수료율 [다운로드] 을 적용받습니다.

      ③ 재분류 설정에 해당되는 물품이 없는 경우는 해당 카테고리 재설정 팝업이 노출되지 않습니다.

사용자 삽입 이미지

※ 출처 : 옥션 공지사항



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤
Posted by 문땡글이

이메일 응답율을 3배로 늘리는 10가지 방법
David Garfinkel

1. 수신자의 입장에서 이메일의 헤드라인을 작성하라.
고객이 아닌 회사의 입장에서 제품이나 서비스에 대해 소개하는 경우가 많다. 하지만 고객들은 남의 회사에서 무엇을 하던 상관하지 않는다. 이들이 알고 싶은 것은 자신들이 어떤 도움이나 혜택을 받을 수 있는가 이다.

2. 헤드라인 작성시 ‘당신 (You),’ ‘새로운 (News),’ 그리고 ‘~하는 법 (How to)’ 같은 단어를 사용하라.
이런 단어들은 고객의 관심을 끄는 데 상당히 효과적이다. 따라서 이런 단어들을 사용해서 당신이 고객들에게 어떤 도움이나 혜택을 줄 수 있는지 설명하라.

3. 헤드라인의 내용과 본문 첫 문장의 연관성을 높여라.
만일 당신의 헤드라인이 돈 버는 법을 가르쳐 준다고 했으면 본문의 첫 문장 역시 돈 버는 법에 대해서 강하게 언급하라. 갑자기 삼천포로 빠지는 얘기로 시작할 경우 어렵게 끌어 모은 고객의 관심을 놓쳐 버릴 수 있다. 만일 당신의 헤드라인이 어떤 문제를 해결해 준다고 했다면 그 특정 문제를 시작 부분에서 더욱 부각 시키는 것이 좋은 방법이다.

4. 본문 첫 단락 안에 모든 메시지를 담아라.
갈수록 더 짧은 시간 안에 고객의 관심을 끌지 못하면 끝장이다. 고객에게 글을 쓸 때 주저리 주저리 요점을 여러 곳에 분산해서 설명하면 결국 짜증이 나서 떠나 버릴 것이다. 따라서 시작 부분에 말하고자 하는 요점들을 최대한 짧고 쉽게 설명하라. 그리고 나머지 부분들은 각 요점에 대한 상세한 정보를 다루면 된다.

5. 다른 사람들의 강력하고 설득력 있는 추천 또는 사용 소감을 실어라.
당신이 정말 솔직하고 설득력이 있더라도 처음 보는 고객에게 물건을 팔기란 무척 힘들다. 잘 알겠지만 고객과 친해지고 신뢰를 얻어내는 것이 우선이다. 하지만 우리에겐 이런 시간이 없다. 이런 문제를 해결하려면 다른 사람들의 강력한 추천이나 사용 소감을 싣는 것이다.



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

스토리텔링의 기술 ; 어떻게 만들고 적용할 것인가?

사용자 삽입 이미지
저 자 : 클라우스 포그, 크리스티안 부츠, 바리스 야카보루

출판사 : 멘토르

출판일 : 2008년 2월 10일

페이지 : 301쪽






새로운 기업분류, 스토리가 있는 기업과 스토리가 없는 기업

다양한 미디어를 경험하는 소비자는 너무나 영리하다. 기업은 습관적인 판매방식만으로는 소비자의 지갑을 열 수 없다. 아직 그같은 방식에만 의존하는 기업이라면 오래지 않아 문을 닫아야 할 지도 모른다. 소비자는 자기들이 좋아하는 혹은 되고자 하는 모습을 브랜드로 대체하고 표현한다.

기업은 미디어 매체 홍수 속에서 살고있는 소비자들의 욕구에 발맞춰 마케팅을 강화하고 있다. 소비자와 기업을 연결시켜 주는 것은 브랜드, 그동안 희소가치가 있는 브랜드는 소비자들의 이러한 욕구를 충족시켜왔으나 많은 기업들이 ‘브랜드’에 눈을 뜨면서 브랜드가 넘친다.

소비자들의 선택의 기회는 더욱 많아짐으로 인해 기업의 위치는 점점 불안정하다. 신선했던 초기의 브랜드들은 이제 식상해지고 있다. 그리고 여기에서 기업의 고민은 시작된다.

인터넷을 통한 말도 많고, ‘동영상’도 많아졌다. 속도가 이전과는 비교되지 않는다.

그러나 이러한 것들에 대한 두려움 보다는 긍정적인 활용, 적극적인 활용을 통해 브랜드 파워를 키워낼 수 있는 방법은 없는지를 생각하는 것이 좀 더 앞서가는 것이 기업의 모습이 되어야 한다.

기업이 자사의 상품을 스스로 힘들여 광고하는 것이 아니라, 시대 트렌드에 맞게 바로 이들의 입과 영상을 통해서 자연스럽게 노출시키고, 전달할 수 있는 매개자로 활용해야 한다. ‘스토리텔링’이 주목받고 있는 이유가 여기에 있다.

‘스토리텔링의 기술’은 차별성을 갖게하는 ‘브랜드 스토리’의 중요성과 구축방법, 구축 사례와 소비자의 선택관련한 내용을 담은 실무중심의 책이라할 수 있다.

이야기가 없는 브랜드는 단순한 디자인의 BI일 수밖에 없지만 의미가 있는, 생명력이 있는 브랜드에는 남과 다른 독특한 스토리가 있다는 점을 사례를 통해 보여준다.

스토리가 주목 받는 이유?

브랜드가 넘쳐나는 지금 남과 다르게 느낄 수 있게 하는 것, 선택받을 수 있는 위치에 서는 것, 가치를 더욱 키워 줄 수 있을 것으로 믿게 하는 것, 단순한 브랜드가 아닌 이야기가 있는 뭔가 내세울만한 것이 있는, 전달할만한 가치가 있는 스토리를 갖고 있는 ‘파워 브랜드’가 소비자들의 끌어안고 있다는 점을 인식했기 때문이다.

소비자의 소비패턴을 연구하는 기업들은 지금 ‘이야기 공작소’를 만들고 브랜드 스토리 구축을 위해 애쓰고 있다. 후발 기업들은 파워 브랜드 기업은 어떤 ‘사연’들을 갖고 있기에 소비자들이 줄을 서서 기다리고, 멀리 찾아가서 시간과 돈을 들여 그 브랜드를 손에 잡으려고 하는지 알고 싶어한다.

브랜드를 어떻게 인식시키느냐에 따라 기업생존의 활로를 찾을 수 있다. 급속하게 성장한 스타벅스 안에는 스토리와 그 스토리를 전파하는데 스스로 앞장선 소비자에게 있다

스토리의 구성요소 4

1. 메시지 ; 하나의 스토리에는 하나의 메시지만 담아야 한다.

2. 갈등 ; 브랜드를 돋보이도록 만드는 촉매, 좋은 스토리를 이끌어내는 동력

3. 플롯 ;

4. 등장인물

몇몇 단어로 구성된 BI는 의미전달에 한계가 있다. 그러나 기업의 가치를 스토리를 통해 전달하면 거기에 강력한 이미지를 떠올리게 만들어 보다 쉽게 소비자를 이해시킬 수 있다. 강력한 브랜드에는 남과 다른 차별성이 있다. 그것이 바로 스토리라는 것을 강조한다.

이같은 작업을 위해서 현재 보유하고 있는 자사의 브랜드 정체성과 그 위치를 파악하는 것, 조사하는 일이 먼저 선행되어야 한다. 그 작업이 끝나면 앞에 소개한 스토리 구성요소에 따라서 스토리를 만든다. 이 가운데서 가장 중요한 부분은 역시 ‘핵심 메시지’이다. 뭘 전달할 것인지가 명확해야 한다.

좋은 스토리는 사람들을 하나로 묶어준다

서비스 메시지 전달을 위해 자사의 내부 직원들을 모델로 내세워서 브랜드를 알리는 것도 이같은 일련의 스토리텔링 구축 과정의 하나이다.

고객과의 신뢰도 제고차원에서 직원은 기업의 브랜드를 알리는데 가장 중요한 역할을 하기 때문이다. 직원, 상품, CEO, 고객 등 소재는 주변에서 찾을 수 있지만 결국 결정은 기업내부에서 해야 한다.

스토리텔링은 광범위하게 사용될 수 있는 도구로 자리잡고 있다. 경영의 도구로서, 그리고 평면적인 광고에서 벗어난 기업의 광고활동으로 눈길을 끌고 있다.

IBM에게는 기업의 지식경영의 도구로서의 역할도 충실히했으며, BMW와 같은 기업이 광고를 통해 보여준 스토리텔링이 어떻게 성공했는가를 소개한다. 국내 모기업의 제품광고 중 '2%' 시리즈 광고의 성공도 바로 스토리텔링 기법에 기반을 두었기 때문이다.

그러나 모든 스토리가 성공을 보장하지 못한다.

고객과의 거리가 멀면 멀 수록 실패확률은 더 높다. 혼란스러운 스토리는 고객의 판단을 오히려 복잡하게 만들 뿐이다. 스토리를 또한 멀리서 찾으려고 애쓰지 말라, 가까운 곳에 있음을 놓치지 말아야 한다.

직접 이야기하려고 또한 몸부림치지 말고 그들이 그들의 입을 통해 전파하도록 하는 것 또한 잊지 말아야 할 것이다. 그러기 위해서 갖춰야 할 것은 무엇인지도 챙겨야 한다.

브랜드 활성화 도구, 스토리

최근 CEO를 비롯한 경영진들을 중심으로한 ‘와인 비즈니스 스쿨’에 왜 사람이 몰리고 있는지를 생각하면 스토리텔링에 대한 이해를 좀 더 가질 수 있을 것으로 생각한다. 거기에는 색다른 스토리가 있기 때문이다.

이제 앞으로 기업의 가치는 스토리를 이끌어가는 사람, 스토리드라버이가 있는지 여부에 따라 판가름날지도 모르겠다. 브랜드가치를 하나의 통일된 메시지로 바꿔주는 핵심스토리를 갖고 있지 않다면 반성해야 할 것이다.

남과 다른 브랜드 스토리를 갖고 있지 않다면 지금이라도 내부에서 소재를 찾아 볼 일이다. 외부와 소통할 수 있는 스토리, 어떤 메시지를 전달할 것인가를 옆의 동료들과 이야기를 해보라, 그럼에도 불구하고 할 만한 이야기가 없다면 만들어라. 만들만한 이야기가 없는 회사라고 하면 앞으로의 진로를 생각해보는 것이 더 나을 것이다.

자, 그럼 이제 디지털 시대에 어떤 이야기를 꺼내야 할지 감은 오는가?

아니면 이 책을 다시 한 번 더 읽어보고 감을 잡아보길 권해본다. 어떤 이야기를 할지 걱정하는 분들에게 도움을 줄 수 있을 것으로 기대한다.

출처 : 코리아인터넷닷컴 [길윤웅의 북 리뷰]



세스 고딘과 톰 피터스가 추천한 올해 최고의 마케팅 서적

브랜드의 미래를 여는 가장 강력한 대안은 스토리텔링이다!

스토리텔링은 브랜드의 미래를 여는 가장 강력한 대안이다. 그럼에도 불구하고 한국에서는 아직 개념조차 확실하게 정의되지 못하고 있는 실정이다. 스토리텔링에 대한 효과는 익히 들어 알고 있지만 실제 어떻게 만들고 어떤 방식으로 적용해야 하는지 알지 못한다. 무엇보다 큰 문제는 기존의 서적이 광고 중심의 스토리만을 담고 있어, 실제 기업이나 마케터들이 활용할 엄두를 내지 못하고 있다는 점이다.
그런 의미에서 이 책은 시사하는 바가 크다. 이미 세계 유수기업들의 브랜딩 및 마케팅을 했었던 저자들이 그들의 실제 경험을 바탕으로 기업 브랜드와 일관성 있는 스토리를 만들고, 그 스토리를 여러 채널을 통해 소비자에게 인식시키고, 그로 인해 기업 경영 도구로 활용하는 방법을 구체적으로 알려 주기 때문이다. 그래서인지 세계적인 마케팅 전문가들조차 그들의 기법에 격찬을 아끼지 않는다.

§“스토리 만들기 + 비즈니스에 적용하기”가이드 북
대부분의 기업들은 스토리텔링을 왜, 어떻게 사용해야 할지 잘 알지 못한다. 스토리를 전달한다는 것은 무엇을 의미하는가? 좋은 스토리를 만드는 방법은 무엇일까? 스토리를 어떻게 브랜드에 적절하게 적용할 수 있을까? 이 책은 이런 물음에 대한 답으로 스토리텔링에 대한 개념적 설명을 넘어 실제 프로젝트를 수행하고 있는 사람들이 실무자들을 위해 쓴 책이다.

** 기업의 핵심스토리 만들기:
부고 테스트(기업의 부고 기사가 어떻게 날 것인가?) → 기본 데이터 수집(·내부 데이터 : 기업의 정체성을 이루는 특징은 무엇인가? ·외부 데이터 : 기업의 이미지를 구성하는 특징은 무엇인가?) → 기본 데이터 정렬(외부에서 인식하고 있는 기업의 이미지와 결합했을 때 강력한 기업 브랜드로 바꿀 수 있는 핵심 데이터는 무엇인가?) → 핵심스토리 창출(메시지, 갈등, 등장인물, 플롯 만들기) → 신랄한 비평(기업의 핵심스토리가 유일무이한 것인가?)

** 비즈니스에 적용하기:
스토리텔링의 역할은 크게 두 가지다. 하나는 기업의 차별화된 브랜드를 만들기 위한 도구로 이용되고, 다른 하나는 기업의 전략적 커뮤니케이션 도구로 활용되는 것이다. 그에 비해 비즈니스에 적용하는 방법은 생각 외로 매우 다양하다. 기존에 광고에만 주력했던 스토리텔링을 기업 내외부의 경영 도구로 활용하는 방법과 강력한 동맹군인 미디어를 통해 기업의 차별성을 높이는 방법, 디지털 기술의 발전으로 통제하기 힘들어진 디지털 세계에서 고객과의 소통 도구로 활용하는 방법 등을 알려준다.

** 공개되지 않은 다양한 사례:
국내에 알려지지 않은 세계 유수기업들의 실제 사례를 통해 다양한 채널을 보여준다. 코카콜라, 버진, BMW, 모토로라 등 글로벌기업은 물론 제과, 유통, 제조, 보험 등 다양한 산업군과 소규모의 작은 슈퍼마켓, 이익을 내지 않는 환경단체에 이르기까지 다양한 스토리텔링 모델을 다룬다. 때문에 기업의 규모나 자본에 관계없이 다양하게 활용할 수 있다.
목차
1부 툴 박스

1장 왜 브랜딩에 스토리텔링을 이용하는가
01 스토리가 우리에게 미치는 영향
02 감성이 힘을 발휘하는 시기
03 스토리가 만드는 차별성
04 가치와 감성

2장 스토리텔링의 네 가지 요소
01 메시지
02 갈등
03 등장인물
… 비즈니스에 동화 모델 적용하기
04 플롯

3장 스토리텔링의 두 가지 역할
01 브랜딩콘셉트로서의 스토리텔링
… 기업 브랜드와 상품 브랜드
02 커뮤니케이션 도구로서의 스토리텔링
03 스토리텔링에 관한 전체론적 접근
04 브랜드 트리 관리하기

4장 기업의 핵심스토리 만들기
01 강력한 브랜드는 내부에서 시작된다
02 기업의 위험한 여정
… NASA의 핵심스토리
03 스토리에 기업의 가치 담기
04 스토리 연구소
… 기업의 부고 테스트
… 코카콜라의 부고 테스트
05 기본 데이터 수집하기
06 기본 데이터 정련하기
07 기업의 핵심스토리 만들기
… 메시지 만들기
… 갈등 만들기
… 등장인물 만들기
… 플롯 만들기
… 독립 점포들에 관한 동화
08 신랄한 비평하기

5장 스토리텔링의 소재 발굴하기
01 모든 기업은 스토리의 소재를 가지고 있다
02 직원에 관한 스토리 만들기
… 콤웰 직원들의 이야기
03 CEO에 관한 스토리 만들기
04 기업의 설립에 관한 스토리 만들기
05 성공과 위기에 관한 스토리 만들기
06 상품에 관한 스토리 만들기
… 우연히 만들어진 콘플레이크
07 협력업체에 관한 스토리 만들기
… 일리의 ‘일리상’ 수여식
08 고객에 관한 스토리 만들기
… 한 가수의 이룰 수 없는 욕망
… 신발에 대한 고객 사랑
09 오피니언 리더에 관한 스토리 만들기
… 생활 속에 자리잡은 블록 쌓기
10 소재를 스토리로 만드는 법
11 기업의 스토리드라이버 찾기


2부: 스토리텔링 적용하기

6장 스토리텔링, 경영 도구를 만나다
01 강력한 기업 문화를 만드는 기본 원칙
… 아이디어 메이커들의 놀이터, 3M
02 기업의 보조자로 활용하기
… 진실의 순간에 직면한 SAS
… 스토리 사냥꾼들
03 CEO의 상징적 중요성 활용하기
04 지식 공유를 위한 도구로 활용하기
… IBM의 스토리를 활용한 지식 공유

7장 스토리텔링, 광고를 만나다
01 장기적 플랫폼으로 연재 광고 활용하기
… 유대감을 형성한 감성스토리, 러브 오버 골드
… 라이프스타일에 대한 동경스토리, 프렌치 어페어
… 영화 같은 스토리, 할리우드 슈퍼카
02 잘 알려진 스토리 활용하기
… 시장을 깨트리는 스토리, 애플과 1984
… 저예산의 모방스토리, 미트릭스
03 실제 스토리 전달하기
… 이메일 속의 와인이야기

8장 스토리텔링, 디지털 세상을 만나다
01 통제권을 잃어가는 기업들
02 고객은 또 다른 스토리텔러
… 포드에 얽힌 이야기들
… 탑덴마크의 행운의 주인공들
… 커피와 함께 맺어진 인연
03 고객이 스토리의 일부가 될 때
… 당신의 펜팔 친구는 캘빈클라인 모델입니다
… 모토로라의 가상 나이트클럽
04 새로운 바람, 디지털 스토리텔링

9장 스토리텔링, 미디어를 만나다
01 강력한 동맹군, 미디어 활용하기
02 백 마디 말보다 나은 그림 한 장
… 도발적인 버진 vs 곡선미 넘치는 코크
03 미디어에 갈등 보여주기
04 미디어의 관점 발견하기
… 자이언트 초콜릿 터틀이 50세가 되던 해

10장 벽 허물기
01 고정관념을 깨뜨려라
02 부서 간의 벽 허물기
03 외부의 벽 허물기
… 세계를 점령한 오티콘
04 커뮤니케이션 전략의 기본 구조
… 전설에 생명 불어넣기

※ 인터파크

쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤
Posted by 문땡글이
논리적 접근, 이성적 판단, 감성적 구현
★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 

글 : 유석현 디지털아리아 디자인그룹 선임 디자이너
정리 : 박준기 편집장 web 200804

인터페이스 디자인은 논리적이어야한다는 말이 있다.
이말은 비주얼이 얼마나 현란하고 화려한지 그리고 감성적인 디자인인지는 인터페이스 디자인의 로직을 뒷받침하기위한 하나의 장치로서 존재하는 것이고 그것이 메인이 되어서는 안된다는 것이다.

인터페이스 디자이너인 필자는 보통 세가지단계를 통해 아이디어를 구체화시킨다.

첫 번째 단계, RFP 혹은 UI 기획 무서를 보거나 클라이언트 미팅시 요구사항과 제약사항을 분석하는 것이다. 이과정에서는 주로 문서에 낙서를 많이 하곤한다. 요구하는 컨셉이 너무 난해하다거나 기술적으로 불가능한 부분을 하나씩 지워나가고, 대체할 수있는 방법들과 새로 떠오른 아이디어들을 문서에 낙서 한후 정리된 낙서를 다시 꼼꼼하게 옮겨 적는다.

이 과정에서 "처음부터 노트에 옮기면 되지 않느냐?"라고 반문 할지는 모르지만, 한번 기록된 것과 정리를 통해 두번 기록이 된 것은 머릿속에서 재정렬시키는 과정에서 많은 차이가 난다.

두 번째 단계, 회의실 벽면이나 파티션에 각종 문서들을 붙여놓고 몇 번이고 되새겨본다. 때로는 초스트잇을 이용해 UI를 재정렬해보고, 제대로 된 플로인가를 살펴본다. 팀원들이나 다른 사람들을 불러 이상한 플로는 없는지, 잘못 링크된 부분은 없는지를 점검해달라고 하기도 한다.

물론, 이 과정은 기획자, UI 디다이너들과 함께 진행해야 하는 과정이지만, 선행 작업으로 혼자서 진행해보는 것도 나쁘지 않다. 이렇게 정리된 플로를 스프링 노트같은 웹서비스로 정리하거나 마인드맵 프로그램으로 정리한 후 세번째 단계인 구체화 작업에 들어간다.

세 번째 단계, 아이디어 구체화 과정에서는 웹 사이트, 패션잡지, 과거에 했었던 디자인 시안, 다른 사람들의 디자인들, 다양한 기기의 인터페이스를 광범위하게 리서치하고 초기 요구 사항과 제약사항에 부합하는 아이디어를 만들어 낸다.

스케치를 할때에는 첫번째와 두번째 단계에서 작업한 결과물을 바탕으로 스케치하게 되는데 필기감이 좋고 손에 잘 맞는 펜이 필수적이다. 마지막으로 위의 세가지를 과정을 거친 결과물을 바탕으로 시안작업에 들어가는데 스케치는 책상의 파티션이나 모니터 옆에 붙여두고 시간이 날때 마다 참고한다. 그러면 처음에 어떤 생각으로 일련의 과정들을 거쳤는지 라마인드를 하면서 즐겁게 그래픽 도구를 열수 있다.

아이데이션이라는 단계는 분명 '아이디어를 떠올리는 과정'을 의미하는 것이지만, 광범위하게는 떠올린 아이디어를 구체화 시키는 방법이기도 하다. 어떤 디자인 분야건 좋은 결과물을 만들어내기 위해서 각자의 논리적이고 체계화 된 아이디어 작업들을 거치지 않으면 실제 작업에서도 많은 혼돈을 가져올 수 있다.

그러므로 제대로 정리하면서 작업하는 습관을 들이는 것이 좋다도 생각된다. 이 글을 읽는 독자들이 각자의 업무영역에 좀더 맞고 자신의 스타일에 잘 맞는 아이디어 발상법을 찾아내는 것은 실제로 그래픽 도구로 작업을 하는 것보자 훨씬 중요한 것임을 잊지 않았으면 한다. W


 
쇼핑몰 홈페이지 제작 광고 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤
Posted by 문땡글이

무료 디자인 psd 파일 다운로드, 소호815
★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 

사용자 삽입 이미지
무료 디자인 psd 파일(팝업,배송정보 등..)

아래 자료들은 나우앤 아카데미 제휴 협력 카페인 네이버 'NO.1 성공하는 쇼핑몰 운영자들의 모임'" 의 시샵이신 버담소리님께서 운영하는 SOHO815(http://www.soho815.com) 사이트에서 제공되는 무료 스킨들입니다.

다운로드 이용을 희망하시는 회원분들께서는 사이트로 이동하시어 회원가입 후 psd 파일을 무료로 받아 사용하시기 바랍니다. 현재 50여종의 배너와 팝업 스킨이 무료로 제공되고 있습니다.

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
 




쇼핑몰 홈페이지 제작 광고 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 나우앤

스토리텔링의 힘, 이야기 마케팅
 
 
세스 고딘이 그의 책 ‘마케터는 새빨간 거짓말쟁이’에서 지적한 바 있듯이 마케팅의 성패는 결국 이야기로 귀결된다. 고객이 공감할 수 있는 이야기가 있어야 비로소 성공적인 마케팅이 가능하기 때문이다. 자신만의 고유한 관점을 견지하면서 다양한 이들의 참여를 유도할 수 있으려면 매력적인 이야기를 들려줘야 한다.

웹2.0 시대는 마케팅도 변해야 한다. 참여와 공유, 개방으로 대표되는 웹2.0 시대는 무엇보다 인간이 중심이다. 이 시대의 마케팅은 상품·유통·가격·촉진 등 전통적인 마케팅 혼합 외에도 고객의 참여와 대화를 통해 구체적인 상품을 완성해 가는 사용자 경험과 이야기가 중심이어야 한다.

이야기의 재료는 도처에 널려 있다. 특히 인터넷 기술의 발전으로 누구나 전 세계 각지에서 원하는 정보와 콘텐츠·동영상·팟캐스트 등에 접근할 수 있게 되면서 과거 어느 때보다 다양한 관점과 지식을 얻을 수 있게 됐다. 관건은 이러한 다양한 재료에서 일관된 패턴을 발견하고 이를 이야기로 엮는 능력이다. 
 
 
무엇보다 실제 고객의 경험에 메시지를 덧붙인 일화를 활용하면 효과적이다. 사람들은 이야기를 좋아한다. 좋은 이야기는 무엇보다 그 이야기를 다른 사람에게 자신이 직접 전달하는 과정에서 더욱 정교해지고 풍성해진다. 이것이 바로 스토리텔링의 힘이다. 기업용 소프트웨어 기업도 예외는 아니다.

기업이 원하는 바를 이룰 수 있게 해준다는 희망의 메시지를 담아야 성공한다. 다양한 채널을 통해 잠재 고객에게 전달하고자 하는 간단한 메시지를 이야기를 통해 전달할 때 비로소 효과적인 마케팅이 가능하다. 비단 마케팅만이 아니다.

효과적인 메시지 전달을 위해서는 언제나 좋은 이야기가 있어야 한다. 이야기가 있어야 통하기 때문이다. 훈련을 통해 우리는 모두 이야기꾼이 될 수 있다. 올 한 해는 언제 어디서 무슨 일을 하든 간에 그 속에 어떤 이야기가 담겨 있는지에 주목하는 한 해가 되기를 바란다.

※ 박범순 SAP코리아 마케팅팀장


 
쇼핑몰 홈페이지 제작 광고 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/

Posted by 나우앤

오픈마켓에서 성공하려면

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지









인터넷 오픈마켓 쇼핑몰에서 MP3플레이어를 판매하기 시작한 지 벌써 4년이 훌쩍 지났다. MP3플레이어 판매가 호황이었던 시절, 정말 눈코 뜰 새 없이 바빴다. 이렇게만 팔면 금방 사업에 성공할 줄 알았다.

하지만 한때 블루오션으로 여겨졌던 오픈마켓도 이제는 치열한 경쟁 영역이 됐고, 나만의 차별화 전략과 사업 철학 없이 성공을 장담할 수 없게 됐다.

실수와 시행착오를 밑거름으로 지금은 사업이 어느 정도 안정궤도에 올랐다. 또 ‘좋은 상품과 최고의 서비스로 경쟁을 한다면 반드시 성공할 수 있다’는, 조금은 우직한 내 판매 철학이 성공을 거둔 듯해 뿌듯한 마음이 들기도 한다.

요즘 오픈마켓 쇼핑몰에서 판매사업을 시작하겠다며 조언을 구하는 사람이 많다. 나는 “앞으로 성장 가능성이 무한하고 다양한 기회가 열려 있는 시장이기 때문에 철저한 사전준비를 하면 충분히 승산이 있다”고 충고하기를 주저하지 않는다.

예전처럼 싼 제품을 사고파는 온라인 장터가 오픈마켓 쇼핑몰이 아니다.  
 
이제 오픈마켓 쇼핑몰은 온라인 커뮤니케이션의 장이다. 판매자와 쇼핑몰 운영업체가 서로 상생하기 위해 협력체계를 갖춰나가고 있다. 11번가는 오프라인에 판매자를 위한 셀러존을 만들어 판매 및 경영 교육과 상품 촬영을 위한 스튜디오 대여, 세무·법률 상식에 대한 상담을 할 정도로 커뮤니케이션을 중요시하고 있다. 구매자도 오픈마켓 쇼핑몰에서 서로 대화하고 즐기는 형태로 쇼핑 트렌드가 바뀌어 가고 있다.

한마디로 오프라인 백화점이 참여와 공유가 가능한 온라인 백화점으로 진화한 셈이다.

 오픈마켓 쇼핑몰에서 이제 막 판매 사업을 시작해 보려는 분들이라면 이 같은 오픈마켓 쇼핑몰의 특성을 이해하고 사업을 시작해야 한다. 많이 파는 것보다는 어떻게 팔 것인지, 어떻게 고객을 만족시킬 것인지를 고민하고, 세무와 경영은 어떻게 할 것인지, 법률적 문제는 없는지, 온라인 쇼핑몰의 트렌드는 어떻게 움직이고 있는지 등을 철저히 따져보고 본인의 상황에 맞는 사업을 시작한다면 틀림없이 빨리 안정적인 사업을 영위할 수 있을 것이라고 생각한다.

레드오션으로 변한 오픈마켓 시장을 블루오션으로 바꿀 수 있는 것은 시중에 나와 있는 여러 판매 노하우 책자들이 아니라, 판매자 본인의 사업을 향한 열정과 빈틈 없는 준비뿐이다.



쇼핑몰 홈페이지 제작 광고 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/

Posted by 나우앤
쇼핑몰제작을 위한 HTML 태그 10- HTML 태그 파일 업로드
★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 
HTML 태그 강의 [09] - HTML 태그 파일을 실제 웹서버에 업로드 해보자.
HTML 태그 파일을 FTP 프로그램으로 웹서버에 업로드를 하면, 인터넷으로 누구나 우리의 HTML 태그 파일을 볼 수 있다. 오란씨에서 무료 웹계정을 받고 알FTP 를 설치하여 사용법을 알아보자.

 

HTML 태그 강좌 아홉 번째 시간입니다.

이번에는 실제 웹서버에 HTML 태그 파일을 올려보도록 하겠습니다.

무료 웹호스팅을 신청해서 HTML 태그 파일을 올리면, 인터넷으로 누구에게나 그 HTML 태그 파일을 보여줄 수 있습니다.

오늘은 무료 웹호스팅을 신청하고 FTP 로 웹서버에 업로드 한 다음, HTML 태그 파일이 잘 보여지는지 확인해보겠습니다.

쇼천이는 오란씨 ( http://www.oranc.co.kr ) 에서 무료 호스팅을 받겠습니다.

오란씨는 엄밀하게 말하면 100 % 무료는 아닙니다. 무료 웹호스팅을 받기 위해서는 핸드폰 실명 인증을 받아야 되는데, 그 인증비용이 990 원이라네요. 그래서 처음에 한 번 990 원을 결제합니다.

대신 그 이후로는 쭉 무료인 것 같습니다. (용량 제한과 1 개월 1 회 이상 접속이라는 조건이 붙어있지만요..^^;

990 원을 결제하기 싫으신 분은 다른 무료 웹호스팅을 찾으셔도 되고, 이 참에 유료 호스팅을 받으셔도 됩니다.

유료 호스팅는 1 년에 2 ~ 3 만원 정도면 충분히 커버가 됩니다.

어쨋든 쇼천이는 오란씨를 기준으로 이야기를 시작하겠습니다.

무료 웹호스팅을 신청하자. - 오란씨

우선 오란씨 ( http://www.oranc.co.kr ) 에 가입을 하고, 무료 웹호스팅을 신청합니다.
(무료 웹호스팅 과정 중간에 핸드폰 실명인증 과정이 있습니다.)

html_태그_53

잠시 후 이메일을 확인해보면, 이런 이메일이 도착해 있습니다.

html_태그_54

이메일을 열어보면 FTP 와 SQL 비밀번호가 들어있습니다.

두 개의 비밀번호는 원래는 용도가 다르지만, 똑같은 비밀번호로 세팅이 되었으니 용도에 구분없이 사용하면 됩니다.

이제 잠시 커피도 마시고, 담배도 피고, 잠시 쉬었다가 다시 와서 " 내아이디.orancco.kr " 을 인터넷 주소창에 입력하면, 이런 페이지가 나옵니다.

html_태그_55

이런저런 안내사항들이 나옵니다.

간단하게 읽어보시면 됩니다.

이제, 웹상에 나만의 공간이 생겼습니다. 이제 이 곳에 HTML 태그 파일을 올려서 꾸며봐야겠죠?

알FTP 로 내 웹서버에 접속하자. - 알FTP

일단 웹서버에 HTML 태그 파일을 업로드 하기 위해서는 FTP 프로그램이 필요합니다.

FTP 란, file transfer protocol 의 줄임말인데, 인터넷을 통해 한 쪽 컴퓨터에서 다른 쪽 컴퓨터로 파일을 업로드 하기도 하고, 다운로드 받기도 하는 것을 가리킵니다.

이 FTP 용 프로그램도 종류가 상당히 많은데, 우리는 알FTP 로 실습을 해보죠.

아래를 클릭해서 알FTP 를 다운로드 받아 설치해주세요.

http://www.altools.co.kr

설치가 끝난 후에는 알FTP 를 실행해주세요.

그럼 다음과 같은 화면이 나옵니다.

html_태그_56

이제 이 알FTP 로 우리의 웹서버로 접속할 수 있게 설정을 해볼까요?

html_태그_57

사이트 추가 버튼을 클릭을 하면 이런 창이 뜹니다.

html_태그_58

이 곳에 본인이 기억하기 쉬운 이름을 적고 확인을 클릭합니다. (루트에 생성 체크)

html_태그_59

그리고 아래와 같이 빨간색 박스 부분을 채워줍니다.

오란씨에서 받은 웹주소 / 아이디를 적어주시고, 포트 21 에 패시브모드 체크하시면 됩니다.

html_태그_60

그 다음 확인 버튼을 클릭하시면 잠시후 비밀 번호 입력 창이 나옵니다.

오란씨에서 발급받은 비밀번호를 입력하시면 웹서버에 접속이 됩니다..^^*

알FTP 로 웹서버에 HTML 태그 파일을 업로드하자. - 알FTP

이제 예제로 만든 HTML 태그 파일들을 올려봅시다.

html_태그_61

내 컴퓨터에서 올리고 싶은 파일이 있는 폴더까지 찾아 들어간 다음 올릴 파일들을 선택한 후 업로드 버튼을 클릭하면 웹서버로 전송이 됩니다.

html_태그_62

전송이 완료된 모습입니다..^^*

HTML 태그 파일을 인터넷으로 확인해보자.

이제 우리의 오란씨 웹 주소 뒤에 우리가 올린 HTML 태그 파일 이름을 붙여봅시다.

http://내아이디.oranc.co.kr/html_09.html

아래와 같은 화면이 나오면 성공입니다. ^^

html_태그_63

쉽죠?
이제 앞으로는 웹서버에 파일을 업로드하고 다운로드 하는 것은 아주 쉬울 거에요.

이렇게 해서 오늘은 알FTP 를 마스터해봤습니다.

출처 : 이숍가이드


쇼핑몰 홈페이지 제작 광고 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

쇼핑몰 창업과 제작을 위한 HTML 태그 강의 9 - a / img 태그
★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 

HTML 태그 강의 [08] - HTML 태그 파일 안에 링크와 이미지를 표현해보자. a 태그의 경우 target 설정으로 창 설정을, id 설정으로 책갈피 기능을 활용할 수 있다. img 태그의 경우 a 태그와 함께 사용할 때 border=0 을 추가하여 테두리를 없애주자.

HTML 태그 강좌 여덟 번째 시간입니다.

이번에는 a/img 태그에 대해서 살펴보겠습니다.

a 태그는 웹페이지간 이동을 도와주는 링크를 만들고, img 태그는 이미지 파일을 불러옵니다.

자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요.

HTML 태그 파일 다운로드 받기

오늘 배울 내용은 html_12.html 에 들어있습니다.

HTML 태그 파일 안에 다른 HTML 태그 파일로 이동 링크를 만들어보자. - a 태그

일단 가장 기본적인 HTML 소스를 보겠습니다.

html_태그_34

실제 적용 결과는 다음과 같습니다.

이샵가이드

클릭을 하면 지금 보고 있는 이 페이지를 벗어나 새로운 페이지로 이동합니다.

클릭 후 인터넷 창 상단의 "뒤로" 버튼을 클릭하거나 키보드의 백스페이스키를 누르면 다시 이 페이지로 돌아옵니다.

이동할 페이지의 주소는 href="" 의 따옴표 안에 적고, 반드시 http:// 를 붙여줘야만 됩니다.

a 태그 - target 의 설정으로 이동할 창 설정을 조절하자.

이제 추가적으로 target 이라는 속성을 적용해보겠습니다.

html_태그_35

새로 이동할 웹페이지를 sample 이라는 창에서 열라고 지정을 해주었습니다.

일단 첫 번째 링크를 클릭하세요.

이샵가이드
쇼핑몰 운영자 공부방
E-마케터즈 클럽

그러면 인터넷 창 중에서 sample 이라는 이름을 가진 창이 현재 없기 때문에 새로운 인터넷 창을 열고 sample 이라는 이름을 붙여둡니다. 물론 컴퓨터만 기억하고 있죠. 사람의 눈에는 sample 이라는 이름이 보이지 않습니다.

이젠 새로 열린 창을 닫지 말고, 두 번째 링크와 세 번째 링크를 클릭해보세요. 아까 열렸던 sample 이라는 인터넷 창에서 페이지가 변합니다.

상황에 따라서는 모든 링크가 모두 새로운 창에서 열리게 만들고 싶기도 합니다.

이 때에는 target 설정을 _blank 로 줍니다. 앞에 있는 아래 밑줄이 꼭 있어야만 됩니다.

html_태그_36

이번에는 링크를 클릭할 때마다 새로운 인터넷 창이 열립니다. 확인해보세요.

이샵가이드
쇼핑몰 운영자 공부방
E-마케터즈 클럽

a 태그 - id 속성으로 특정한 HTML 태그 파일의 특정한 위치로 링크를 걸어보자.

이번에는 일명 "책갈피 기능" 이라고 부르는 id 속성에 대해 알아보죠.

일단 이샵가이드의 메인의 전체목록보기 창의 HTML 태그 소스를 보면, (인터넷 창 상단의 보기 메뉴에서 소스를 클릭)

html_태그_37

와 같은 곳이 있습니다.

여기서 우리가 주목할 부분은 id=14 입니다.

이 부분은 다른 웹페이지에서 이곳으로 링크를 걸 때에 이곳이 바로 뜨게끔 하기 위해 미리 14 번이라는 책갈피를 끼워둔 것입니다. 한 번 이렇게 링크를 걸어볼까요?

html_태그_38

이샵가이드

어떤가요?
페이지가 뜨기는 뜨되, 14 번 책갈피를 끼워둔 곳으로 이동하죠?

이렇게 HTML 태그 파일 위에 "#책갈피이름" 을 붙이면 된답니다.

html_태그_39

이샵가이드

책갈피는 다른 웹페이지로 링크를 걸 때 뿐만 아니라 같은 웹페이지 안에서 특정 위치로 이동시킬 때도 자주 사용합니다.

쇼핑몰 / 홈페이지를 돌아다니다 보면 FAQ 페이지 같은 곳에서 무엇인가를 클릭하면 그 페이지의 특정 부분으로 휙 이동하는 경우가 있죠?

모두 이 책갈피 기능을 활용한 것입니다.

HTML 태그 파일에 이미지를 불러온다. - img 태그

이번에는 이미지를 불러와 볼까요?

이미지를 불러오는 것 역시 링크를 거는 것과 마찬가지로 매우 쉽습니다.

일단은 제작되어 있는 이미지를 한 번 불러와보죠.

html_태그_40

a 태그는 대상을 href="" 에 넣었는데, img 태그는 src="" 안에 넣습니다.적용결과는 다음과 같습니다.

이미지를 불러오는 것은 이게 끝입니다. 단지, a 태그와 함께 사용할 경우 의도하지도 않은 테두리가 생기곤 합니다.

미관상 아주 안좋아보여서 없애주는 것이 좋습니다. 그럴 경우에는 border="0" 을 추가로 집어넣으면 됩니다.

html_태그_41

이렇게 해서 a / img 태그까지 알아보았습니다.

쉽죠?
벌써 모든 HTML 태그를 배웠습니다.

가끔 생소한 HTML 태그를 접할 경우도 있습니다만, 여기까지 모두 읽으셨다면 어떤 HTML 태그를 새롭게 만나든 아주 쉽게 이해하고 마음껏 활용하실 수 있습니다.

그리고, 사실 이 정도의 HTML 태그 지식이면, 웬만한 사이트를 만드는데 필요한 HTML 태그를 모두 알고 계신다고 보시면 됩니다.

이제는 바로 이어서 본격적인 디자인을 위한 CSS 강의로 들어가기에 앞서 추가적인 준비 작업을 해보겠습니다.

출처 : 이숍가이드



쇼핑몰 홈페이지 제작 광고 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

쇼핑몰 제작을 위한 HTML 태그 강의 8 - table / tr / td 태그

★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 
HTML 태그 강의 [08] - HTML 태그 파일에서 표를 만들어보자.
우선, table 태그로 표를 만들 것이라 선언하고, 줄을 추가할 때에는 tr 태그를, 칸을 추가할 때에는 td 태그를, 제목 칸에는 th 태그를, 표 전체의 제목을 달아줄 때는 caption 태그를 사용한다.

 

HTML 태그 강좌 일곱 번째 시간입니다.

이번에는 table / tr / td 태그에 대해서 살펴보겠습니다.

table 태그는 표를 의미하고 tr 태그는 행, td 태그는 칸을 의미합니다.

자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요.

HTML 태그 파일 다운로드 받기

오늘 배울 내용은 html_11.html 에 들어있습니다.

표를 만들어 보자. - table / tr / td 태그

일단 table / tr / td 태그를 차례로 열었다가 차례로 닫아볼까요?

html_태그_27

그리고 실제 내용은 td 태그 안에 넣습니다.

html_태그_28

HTML 태그 - 표 만들기
만약 칸을 하나 더 늘이고 싶다면, td 태그를 사용합니다. html_태그_29

HTML 태그 - 표 만들기 HTML 태그 - table 태그
td 태그를 사용할 때마다 칸은 계속 늘어납니다.

html_태그_30

HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그
이번에는 줄을 새로 만들어볼까요?

줄을 새로 만들 때는 tr 태그를 사용합니다.

html_태그_31

HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그
HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그

표에 제목을 달아보자. - caption 태그

표에 제목을 달아주고 싶을 때는 caption 태그를 사용합니다.

html_태그_32

HTML 태그 - 표만들기 예제
HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그
HTML 태그 - 표 만들기 HTML 태그 - table 태그 HTML 태그 - tr / td 태그

항목의 제목을 따로 사용하고 싶다면 th 태그를 사용한다.

만약, 항목들의 제목들이 따로 있다면 제목에서는 td 태그 대신 th 태그를 사용합니다.

th 태그 안의 글씨는 기본적으로 두꺼운 글씨로 표현 됩니다.

실제 사용 예를 보도록 하죠.

html_태그_33

HTML 태그 예제 - 표 사용하기
궁금한 점 자세한 설명
이샵가이드란? 쇼천이가 운영하는 비영리 사이트로 인터넷 사이트 (쇼핑몰 or 영리 사이트) 로 수익을 창출하고자 하는 분을 위한 인터넷 마케팅 전략에 대한 정보를 제공합니다.
쇼핑몰 운영자 공부방이란? 쇼천이가 운영하는 비영리 커뮤니티로 쇼핑몰 운영자만을 위한 실습형 그룹스터디를 운영합니다.
E-마케터즈 클럽이란? 쇼천이가 운영하는 영리 사이트로 국내 최고의 인터넷 마케팅 전문가분을 초청하여 세미나/워크샵/고급교육과정등을 제공합니다.
쇼천이란? "쇼핑몰 천재가 될 이팀장" 의 줄임말입니다. 인터넷 마케팅의 천재가 되겠다는 포부를 대표적인 영리 사이트인 쇼핑몰을 빗대어 쇼핑몰 천재가 되겠다고 선포를 한 것이죠. 써드브레인의 김연호 대표님의 캐릭터라이즈드 마케팅을 직접 활용해봤습니다. ^^

이렇게 해서 table / tr /td / caption / th 태그까지 알아보았습니다.

쉽죠?
벌써 7 분의 6 을 배웠습니다.

다음 글에서는 img / a 태그를 살펴보겠습니다.* 출처: 이숍가이드



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤
Posted by 문땡글이

월 3000만원 매출, 아동복 쇼핑몰 "사랑스런 미니주니" 


아빠가 운영하는 아동복 쇼핑몰 "사랑스런 미니주니" 유여송 사장님


쇼핑몰창업 홈페이지제작

2007년 3월에 창업을 시작해서 1개월만에 지마켓 파워딜러가 되고 일 최고 판매량 130개, 월매출 3000만원 달성 - 그것이 [사랑스런 미니주니]를 운영하고 있는 유여송 사장의 최근 성적표이다. 물론 결과가 처음부터 이렇게 순조로웠던 건 아니다.

"소위 말하는 컴맹이었어요"

의상 디자이너 출신의 유여송 사장은 잠시 다른 분야에서 외도를 하다가 복귀무대로 인터넷 시장 선택했다.

그러나, 컴맹이었던 그는 알아야 할것들이 너무나 많다는 것을 알았고 6개월정도의 준비기간을 가지고 컴퓨터, 포토샵, 사진에 대해 독학으로 책을 통해서 배웠다. 그러다보니 계획했던 시간보다 많은 시간이 걸려 오픈을 했지만 그 결과는 처참했다.

"분명히 퀄리티 있는 상품에 사진과 포토샵 등 최선을 다했는데도 매출은 여전히 바닥을 기고 있었어요.

문제점이 무엇인가 아무리 생각해도 찾을 수가 없었습니다. 그렇다고 후발주자로서 가격경쟁을 한다는 건 계란으로 바위치기라는 생각이 들었습니다. 이래서는 안되겠다는 위기의식을 가지고 무작정 인터넷 검색을 시작했어요"

그렇게 해서 그가 만나게 된 곳은 나우앤(nowand.com)이라는 인터넷 창업 교육기관이었다.

"지푸라기라도 잡고 싶은 심정으로 등록을 하고 초심으로 돌아가 배우기 시작했어요. 그런데 하루에 2-3개 정도 나가던 것이 교육을 받으면서 10개, 30개, 50개, 70개 100개이상까지 나가기 시작했죠"

그는 하루 택배 발송량 100개가 기복없이 꾸준히 나가는 것이 개인적인 목표라 했다.

"인터넷 사업이 분명히 비전있는 일임에는 분명합니다. 하지만 많은 준비와 시행착오를 각오하고 시작해야 합니다. 그렇다고 너무 오래 준비만 하는 것이 아니라 일단은 시작해서 배우면서 성장해야 시간을 벌 수 있습니다"

그는 준비기간에 많은 시간을 보내기보다는 부딪쳐가면서 배우라고 예비창업자들에게 충고했다.



쇼핑몰 홈페이지 제작 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤 http://nowand.com/

Posted by 나우앤

'영상'으로 진화한 웹 사이트 모음★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★      
습득과 창조 공유라는 웹2.0을 향한 웹사이트 진화가 가속화되고 있다.
웹사이트 컨설팅 업체 ‘디지털오아시스’는 18일 웹2.0 트랜드를 잘 반영한 사이트로 파라다이스 워커힐 카지노’, ‘하이네켄’, 기아자동차의 ‘펀키아’, 오비맥주의 ‘카스’ 등을 지목했다.

‘파라다이스 워커힐 카지노’ 웹사이트는 최근 개편을 통해 웹 영상을 강조하여 오픈했다. 이 사이트는 보여주는 웹 영상을 가만히 보고 있는 것이 아니라, 파라다이스(PARADISE) 8가지 이니셜에 맞추어 내가 보고 싶은 부분을 원하는 대로 볼 수 있게 했다.

사용자 삽입 이미지

또한 단순 인터뷰가 아니라 상황을 재현하여 보여줌으로써 쉽게 각인되도록 했으며, 쌍방향적인 요소를 가미한 ‘웹 영상’으로 제작했다.

'하이네켄’ 웹사이트는 이노베이션, 모던을 컨셉으로 시원하고 메탈릭한 디자인이 돋보인다. 특히 하이네켄 맥주의 제품별 특징을 화려하고 신비롭게 표현함으로써 제품의 정보성과 브랜드 가치를 높였다.


지디넷코리아 이어보기
http://www.zdnet.co.kr/news/internet/etc/0,39031281,39167955,00.htm



쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 나우앤

쇼핑몰제작을 위한 HTML 태그 강의 7 - ol / ul / dl /li 태그
★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★쇼핑몰제작★홈페이지제작★ 
HTML 태그 강의 7 - HTML 태그 파일에서 리스트를 자동으로 만들어보자.

ol / ul / dl 태그는 자동으로 리스트 목록을 만들어준다. 잘 활용하면 수동으로 리스트를 만들어주는 것보다 훨씬 편리하다. 기본적인 사용법을 알아보자.


이번에는 ol / ul / dl / li 태그에 대해서 살펴보겠습니다.

ol / ul / dl 태그는 리스트의 종류를 정해주고, li 태그는 리스트의 각 항목을 나열해줍니다.

자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요.

HTML 태그 파일 다운로드 받기

오늘 배울 내용은 html_10.html 에 들어있습니다.

번호가 자동으로 붙는 리스트를 만들어보자. - ol / li 태그

우선 실제 태그를 한 번 볼까요?

html_태그_24

실제 적용결과를 볼까요?

  1. 쇼핑몰 창업과 제작을 위한 HTML 강의 [01] - 이샵가이드 www.eshopguide.co.kr
  2. 쇼핑몰 창업과 제작을 위한 HTML 강의 [02] - 이샵가이드 www.eshopguide.co.kr
  3. 쇼핑몰 창업과 제작을 위한 HTML 강의 [03] - 이샵가이드 www.eshopguide.co.kr

어떤가요? 각 항목 앞에 번호가 알아서 붙었죠?

기호가 자동으로 붙는 리스트를 만들어보자. - dl / li 태그

아주 간단합니다. ol 대신에 ul 을 쓰면 되죠.

html_태그_25

실제 적용결과를 볼까요?

  • 쇼핑몰 창업과 제작을 위한 HTML 강의 [01] - 이샵가이드 www.eshopguide.co.kr
  • 쇼핑몰 창업과 제작을 위한 HTML 강의 [02] - 이샵가이드 www.eshopguide.co.kr
  • 쇼핑몰 창업과 제작을 위한 HTML 강의 [03] - 이샵가이드 www.eshopguide.co.kr

앞에 자동으로 ● 가 붙습니다.

용어 정의형 리스트를 만들어보자. - dl / dt / dd 태그

ol / ul 태그보다는 활용 빈도가 떨어지는 편이지만, 쇼핑몰 / 홈페이지의 성격에 따라서는 용어 설명 등이 필요한 경우가 있으니, 이 참에 같이 알아보죠.

html_태그_26

실제로 적용한 결과는 아래와 같습니다.

이샵가이드란 무엇이죠?
쇼천이가 운영하는 비영리 사이트로 인터넷 사이트 (쇼핑몰 or 영리 사이트) 로 수익을 창출하고자 하는 분을 위한 인터넷 마케팅 전략에 대한 정보를 제공합니다.
쇼핑몰 운영자 공부방이란 무엇이죠?
쇼천이가 운영하는 비영리 커뮤니티로 쇼핑몰 운영자만을 위한 실습형 그룹스터디를 운영합니다.
E-마케터즈 클럽이란 무엇이죠?
쇼천이가 운영하는 영리 사이트로 국내 최고의 인터넷 마케팅 전문가분을 초청하여 세미나/워크샵/고급교육과정등을 제공합니다.
쇼천이란 무엇인가요?
"쇼핑몰 천재가 될 이팀장" 의 줄임말입니다. 인터넷 마케팅의 천재가 되겠다는 포부를 대표적인 영리 사이트인 쇼핑몰을 빗대어 쇼핑몰 천재가 되겠다고 선포를 한 것이죠. 써드브레인의 김연호 대표님의 캐릭터라이즈드 마케팅을 직접 활용해봤습니다. ^^

이렇게 해서 ol / ul / dl / li 태그까지 알아보았습니다.

쉽죠?
벌써 7 분의 5 를 배웠습니다.

다음 글에서는table / tr /td 태그에 대해 살펴보겠습니다.
출처:이샵가이드


쇼핑몰 홈페이지 제작 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤

Posted by 문땡글이

인터넷 쇼핑몰 창업과 제작을 위한 HTML 태그 사전 (웹2.0 웹표준 기반)

HTML (XHTML) 사전 - 웹표준과 검색엔진 최적화(SEO)를 위한 마크업 HTML

쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [04] - h1~h6 / p / br 태그

HTML 태그 강의 [04] - HTML 태그 파일에서 검색엔진 로봇에게 어필하고 싶은 목차를 만들어보자. 단순히 h1 ~ h6 의 기능적 사용 뿐만 아니라 전략적 응용을 통해 검색엔진 로봇에게 내가 무엇을 어필하고 싶은지에 따라 목차를 만들면 된다.



HTML 태그 강좌 네 번째 시간입니다.

이번에는 h1 ~ h 6 / p / br 태그에 대해서 살펴보겠습니다.

검색엔진 최적화 (SEO) 글을 읽은 분은 h1 ~ h6 태그가 눈에 익죠?

자, 우선 오늘 배울 내용을 담은 HTML 태그 파일을 다운로드 받으세요.

HTML 태그 파일 다운로드 받기

오늘 배울 내용은 html_06.html ~ html_08.html 에 들어있습니다.

HTML 태그 파일 안의 핵심 목차 (제목) 만들기 - h1 ~ h6

검색엔진 최적화 (SEO) 에서도 거론했듯이 검색엔진 로봇이 body 영역으로 들어오면 제일 먼저 h1 ~ h6 를 찾습니다.

그래서 h1 ~ h6 를 사용할 때에는 검색엔진 로봇에게 충분히 어필할 수 있게 핵심 키워드를 전략적으로 배열을 해야 됩니다.

그러나, HTML 강의에서는 키워드의 전략적 배치에 대해서는 생략을 하겠습니다.

각 태그의 기능과 사용법에만 집중하도록 하죠. ^^

h1 ~ h6 을 사용할 때는 책의 목차를 만든다는 느낌으로 만들면 쉽습니다.

실제 제작이 되어 있는 웹페이지로 한 번 만들어볼까요? 아래에 있는 웹페이지를 예제로 보죠.

http://club.eshopguide.co.kr/e_steps.html

html_태그_13

html_06.html 을 열어보세요.

html_태그_14

HTML 태그와 웹페이지의 내용을 비교하면서 보면 됩니다.

완성본 말고, 지금까지 제작된 html_06.html 파일을 실제로 확인해보면 다음과 같습니다.

html_태그_15

html_06.html 에서는 h1 ~ h3 가 사용되었습니다. 실제로 h6 까지 사용되는 경우는 드뭅니다.

웹페이지의 구성이 아무리 복잡해도 대략 h4 정도까지 사용을 하면 모두 목차화 시킬 수 있습니다.

HTML 태그 파일의 실질적인 내용을 적기 - p / br

이젠 제목들을 목차화했으니, 빠져 있는 컨텐츠 내용들을 채워넣어 볼까요?

컨텐츠 내용은 아래와 같이 집어넣습니다.

html_태그_42

그리고 줄 바꾸기 (엔터 한 번과 같은 효과) 와 한 줄 공백 주기는 다음과 같이 합니다.

html_태그_43

실제로 적용된 내용은 html_07.html 에서 확인할 수 있습니다.

html_태그_16

이제 더블클릭해서 열어보면, 이렇게 보이죠.

html_태그_17

이렇게 해서 h1 ~ h6 / p / br 의 사용법까지 확인해봤습니다.

쉽죠?
벌써 7 분의 3 을 배웠습니다.

검색엔진 최적화 (SEO) 와의 접목을 위한 전략적 사고

단순한 HTML 강의라면 오늘 글은 여기서 끝내도 되겠지만, 우리는 이미 검색엔진 최적화 (SEO) 라는 개념을 알고 있잖아요.

그래서 여기서 잠시 검색엔진 최적화 (SEO) 를 위한 전략적 사고를 약간 해보도록 하죠.

여러분이 html_07.html 페이지의 운영자라면 어떤 키워드들을 검색엔진에게 어필하고 싶을까요?

제가 무슨 이야기를 하려는 것인지 눈치 채셨죠?

맞습니다. 제가 저 웹페이지에서 강조하고 싶은 부분은 중앙 영역에 나열되어 있는 각 스텝들의 제목과 설명 내용 뿐입니다.

그런데, h1 ~ h 6 들이 GnB / 상단 / 좌측 / 하단 등에 마구마구 들어가 있죠?

즉, 쓸데없는 소음들이 검색엔진 로봇에게 전해지고 있는 거죠.

그렇다면 어떻게 해야 될까요?

html_08.html 을 보세요.

html_태그_18

웹페이지에서는 이렇게 보이겠죠?

html_태그_19

어떤 차이가 있나요?

검색엔진 상위노출에 도움이 안되는 것들에게서는 과감히 h1~h6 를 모두 뺐죠?

이제는 검색엔진 로봇이 보기에도 이 페이지의 핵심이 무엇인지 보다 확실히 보이겠죠?


HTML 지식과 검색엔진 최적화 (SEO) 지식과 전략적 사고가 합쳐지면 이렇게 달라집니다.

html_07.html 과 html_08.html 사이의 차이가 매우 미미한 것처럼 보이겠지만, 우리 쇼핑몰 / 홈페이지의 수십, 수백, 수천 페이지로 적용이 되면 그 차이는 결코 작다 할 수 없습니다. ^^

그러나, 이렇게 큰 차이를 만들기 위해서 우리가 한 일은 HTML 태그 파일을 열어 약간만 손을 썼을 뿐입니다.

자, 다음 글에서는 strong / del / sup 태그를 알아보도록 하죠.




쇼핑몰 홈페이지 제작 홍보 마케팅 창업정보
국내1위 인터넷쇼핑몰 창업교육 나우앤
Posted by 문땡글이