인터넷 쇼핑몰 자료

좋은글

인터넷 쇼핑몰 자료

應觀 2013. 5. 13. 21:40

미니샵 메인 편집 - ☪ 카테고리별 상품 노출 영역

1. G마켓에서 판매관리를 로그인한다.

2. 미니샵/스토어관리를 클릭한다.

3. G마켓 미니샵 관리를 클릭한다.

4. 왼쪽에서 메인관리를 클릭한다.

5. 위쪽 상단에서 카테고리별 상품노출영역을 클릭한다.

6. 2*X형(배너형)을 선택한다.

7. 카테고리명/타이틀 입력란에 글씨를 입력한다.

8. 움직이는 애니메이션 배너 만들기

(1) 포토스케이프를 연다.

(2) 위쪽 상단에서 사진편집을 클릭한다.

(3) 왼쪽에서 내문서에 내이름폴더를 클릭하여 사진을 선택한다.

(4) 간단한 액자를 넣고 사진크기를 130*213로 지정한 다음 저장한다.

(5) 같은 방법으로 사진을 하나 더 저장한다.

(6) 위쪽 상단에서 GIF 애니메이션을 클릭한다.

(7) 위에서 저장한 사진을 불러온다.

(8) 애니메이션 효과를 주고 사진 크기가 130*213인지를 꼭 확인한다.

(9) 저장을 한다.

9. 찾아보기를 눌러 저장한 파일 GIF를 불러온다.

10. 상품연결을 선택한 후 연결할 상품 선택을 클릭하여

상품을 하나 선택한다.

11. 배너등록 밑에 있는 상품선택을 클릭하여 상품을 두 개 연결한다.

12. 배너등록을 클릭한다.

13. 같은 방법으로 하나를 더 등록한다.

미니샵 메인 편집 - ☪ 프로모션 영역

1. G마켓에서 판매관리를 로그인한다.

2. 미니샵/스토어관리를 클릭한다.

3. G마켓 미니샵 관리를 클릭한다.

4. 왼쪽에서 메인관리를 클릭한다.

5. 위쪽 상단에서 프로모션영역을 클릭한다.

6. 배너+상품3개 노출을 선택한다.

7. 움직이는 애니메이션 배너 만들기

(1) 포토스케이프를 연다.

(2) 위쪽 상단에서 사진편집을 클릭한다.

(3) 왼쪽에서 내문서에 내이름폴더를 클릭하여 사진을 선택한다.

(4) 간단한 액자를 넣고 사진크기를 372*237로 지정한 다음 저장한다.

(5) 같은 방법으로 사진을 하나 더 저장한다.

(6) 위쪽 상단에서 GIF 애니메이션을 클릭한다.

(7) 위에서 저장한 사진을 불러온다.

(8) 애니메이션 효과를 주고 사진 크기가 372*237인지를 꼭 확인한다.

(9) 저장을 한다.

8. 찾아보기를 눌러 저장한 파일 GIF를 불러온다.

9. 연결링크에서 상품연결을 선택한다.

10. 상품을 하나 연결한다.

11. 배너등록을 클릭한다.

12. 프로모션 타이틀을 입력하고 상품선택을 클릭하여

상품을 3개 가져온 후 저장하기를 클릭한다.

강동성내교육장 장향미강사

태그(Tag) 공부하기~~~

1. 태그의 기본은 반드시 < 로 시작하여 >로 끝난다.

2. 태그에는 대, 소문자 구분이 없다.

3. < >로 열었으면 </ >로 닫아야 한다.

예를들어 열고 닫는다.

※ Img(이미지) 태그 - 이미지를 가져오는 태그

Img(이미지) 태그 사용법 : <img src="이미지 주소">

이미지 주소를 복사하는 방법

1. 인터넷에서 네이버나 다음으로 들어간다.

2. 검색란에 연예인이름을 쓰고 엔터를 친다.

3. 왼쪽에서 이미지를 클릭한다.

4. 원하는 사진 위에 마우스를 올려 놓고 오른쪽버튼을 누른 후 속성을 클릭한다.

5. 주소(URL)에 해당하는 주소를 범위지정하고 오른쪽버튼을 누른 후 복사를 클릭한다.

6. <img src="이미지 주소">

이곳에 커서를 놓고 Ctrl + V를 눌러 복사한 주소를 붙여 넣는다.

※ font 태그 - 글꼴, 글자색을 설정해주는 태그

font 태그의 사용법

글씨입력

1. size="2" 글씨크기를 2로 나타내는 소스 (2는 10 point이다)

숫자는 1~7까지 커질수록 글자 크기가 커짐

2. color="red" 글자색을 빨강으로 나타내는 소스

3. face="굴림" 글꼴을 굴림체로 나타내는 소스

※ 마퀴(marquee)태그

- 글자나 그림 등을 흘러가게 해 주는 태그

1. 사용법 <marquee>내용(글자, 이미지)</marquee>

2. 속성

(1) 글자를 상, 하, 좌, 우로 움직여 주는 것.

“방향”에 up(위), down(아래), right(오른쪽), left(왼쪽).. 등의 방향을 준다.

direction : <marquee direction="방향">내용(글씨, 그림)</marquee>

(2) 글자를 한번 움직이던가, 좌우왕복이 반복하게 움직여 주는 것.

“움직임의 종류”가

한번 반복 후 화면 끝에서 정지되는 속성에는 behavior=slide를 쓰고

좌우왕복 시켜줄 때는 behavior=alternate 를 쓴다.

behavior : <marquee behavior=“움직임종류”>내용(글씨, 그림)</marquee>

※ Align 태그

- 그림옆에 글씨를 정렬하는 태그

Align 태그의 사용법

1. 위쪽정렬 : align="top",

2. 중앙정렬 : align="middle"

3. 아래쪽정렬 : align="bottom"

미니샵의 메인 HTML에 적용할 태그 ^~^

이미지를 여러 개 삽입하고

싶으면 하고 싶은 만큼~~

행복해</marquee>

강동성내교육장 [강사장향미]

이미지 호스팅 사용법

- 이미지 호스팅이란 기본이미지 외에 더 많은 이미지를 등록하여 소비자에게 알리는 기능이다.

1. 이미지호스팅 시작하기를 클릭하여 이미지호스팅을 설치한다.

2. G마켓을 클릭하고 G마켓 아이디와 비번을 입력하고 로그인을 한다.

3. 왼쪽메뉴에서 이미지 호스팅을 클릭한다.

4. 왼쪽창에서 샘플이 있는 파일위치를 선택한다.

5. C:\Documents and Settings\user\My Documents를 선택한다.

6. 창업반-내이름을 선택한다.

7. 쇼핑몰 이미지를 선택한다.

8. 왼쪽 하단 박스에서 오른쪽버튼을 누른 후 보기-이미지보기를 클릭한다.

9. 원하는 이미지를 선택한다.

여러 이미지 선택하는 방법

Ctrl - 떨어져 있는 이미지 선택

Shift - 이어져 있는 이미지 선택

10. 위쪽 상단에서 업로드를 클릭한다.

11. 오른쪽 하단에 업로드한 파일이 들어온 것을 확인한다.

12. 오른쪽하단에서 업로드한 파일에 마우스 오른쪽버튼을 누른 후

이미지태그 만들기를 클릭한다.

13. 하단에서 HTML복사를 클릭한다.

14. ESM Plus(상품등록)으로 넘어온다.

15. 상품상세설명 란에서 HTML작성을 클릭하고 오른쪽버튼을 누른다.

- 태그가 들어오면서 이미지가 등록된다.

16. 에디터작성란을 클릭하면 이미지가 등록된 것을 확인할 수 있다.

인터넷에서 예쁜그림을 바탕화면으로 바꾸는 방법

1. 검색란에 가을배경을 쓰고 엔터를 친다.

2. 왼쪽에서 이미지를 클릭한다.

3. 원하는 그림을 마우스를 올려 놓고 마우스 클릭한다.

4. 다시한번 그림에 마우스를 놓고 클릭한다.

5. 최대화를 눌러 인터넷창을 크게 한다.

6. 오른쪽 이동막대를 끌기하면서 마음에 드는 사진을 고른다.

7. 마음에 드는 사진에 마우스를 올려놓고 오른쪽 버튼을 누른 후

배경으로 지정을 클릭한다.

강북구청에서 나의 강좌 확인하기

1. 네이버나 다음 검색란에 강북구청을 쓰고 엔터를 친다.

2. 바로가기(사이트) 옆에 강북구청에 마우스를 놓고

손모양이 나올 때 클릭한다.

3. 강북구청의 오른쪽 상단에서 로그인을 클릭한다.

4. 아이디와 비밀번호를 입력하고 로그인을 클릭한다.

※ 반드시 강북구청의 아이디, 비밀번호를 입력한다.

※ 로그인했던 자리에 로그아웃으로 되면 강북구청에 로그인이 된 상태

5. 오른쪽 이동막대를 아래로 내리면 왼쪽에 편리한 원클릭 서비스가 보인다.

6. 두 번째 줄에 정보화교육을 클릭한다.

나의강좌정보를 클릭한다.

※ 인터넷으로 수강신청한 강좌정보를 확인 할 수 있다.