2월 24일 수업내용 정리-상품등록과 메인배너만들기

[milkyway]

2월 24일 수업내용

1. 상품촬영-상품수정 -상품 이미지 만들기, 상품페이지, 상품등록하기

2. 쇼핑몰 메인배너 만들기

3. 상품촬영-디카, 상품촬영셋트 준비, 상품준비

4. HTML 태그-인터넷 언어

    1) 드림위버 실행         2) 이미지 삽입                3) 표만들기

[상품올리기]

1. 포토샵실행- new-사이즈 500 x500 (작은이미지),

                                800 X 1500 (큰이미지)

    * 큰 이미지 사이즈는 임의로 설정-가로는 상점의 가로 사이즈에 맞게 하고

         세로는 사진 수만큼 넉넉히 하고 나중에 밑에 남는 부분은 자르기툴 

             로  자르면 된다 

2. 상품편집

   1) 상품이미지를 불러와 으로 이미지 다 해서 Con 누르고 마우스로 드랙해서

       안에 넣는다

   2) 사이즈가 너무 크면 Con + T 해서 줄인다

   3) 저장

       ① file-save as- psd-제목쓰고-저장

       ② file-save as- jpeg- 저장

       (항상 psd, jpeg 2가지로 하고 상품등록시에는 Jpeg를 가져온다)

3. 상품등록           

   1) 상품관리-분류별 상품관리-상품ⓒ-상품관리ⓒ-상품신규등록-

      (또는 상품관리-상품등록관리-할당전 상품등록-상품등록 해도 된다)

    * 들어간 것은 반드시 다 기입한다. 제조사, 원산지도 있으면 기입

   2) 사진올리기

       ① 상품설명에서 -FTPⓒ-product ⓒ- 찾아보기ⓒ-큰이미지 저장한 것

           불러온다-업로드-product 칸밑에 업로드한 사진Jpeg뜨면 클릭하고-

           이미지적용ⓒ

 

        ② 아래 이미지 등록칸에는 500 사이즈 작은 이미지를 찾아보기해서 올린다

   3) 아이콘 삽입원하면 골라서 넣고 - 등록

4. 같은 상품을 메인화면에도 올리려면

     분류별 상품관리-내상품클릭-상품관리-일반상품목록 (본인이 상품을 올린데를

     클릭하면 상품이미지가 뜬다-이미지 앞에 □에 클릭하고 아래부분에 추천, 신상품

     등록에 가서- 선택한 상품을 메인상품분류의 신상품(또는 추천상품)-등록

5. 진열순서

   1) 상품관리-분류별 상품관리-내 상품클릭-일반상품목록-상품진열갯수를 4단 가로형-

       설정완료

   2) 진열순서 변경-1)과 같은 페이지에서 이동할 상품 클릭하고 ▲ ▼ 로 이동-설정완료

 

[메인배너 만들기]

!. Flash 실행-new-size 840 x 200

2. kthard.com에서 선생님이 만들어 놓으신 배너를 사용하거나 본인이 디자인해서 4-5장

   가져온다. (사진 만들때 아예 포토샵에서 상점에 넣을 사이즈대로 하면 좋다)

   1) file -import-import to library - 첫 번째 사진 클릭한다음 shift 누르고 가져올 사진 다 클릭하고-열기

   2) library 에 있는 이미지를 하나 가져온 다음 아래에 가서 x y 를 각각 0으로 하고 enter

       (background 와 이미지 정확하게 일치) 

   3)       layer 삽입-2번째사진 드랙- 사이즈 2)처럼 맞추고-layer 삽입- 3번째 사진 드랙

       -layer 삽입-4번째 사진드랙 - layer 삽입- 5번째 사진 드랙

3. 1) 1번 layer는 그냥 두고(첫번째 나타나는 사진)- layer 2의 까만점 ⓒ한다음- 막대를 끌어다 40 에다 놓는다

    2) layer 3 - 80

        layer 4 - 120

        layer 5 - 180

        * 숫자가 많으면 이미지가 머무는 시간이 길어지고, 적으면 짧아진다

          60 이 적당할 것 같다 60-120-180-240

        * 숫자길이를 늘이고 싶으면 검은 점을 클릭하고 이동하면 된다

           숫자길이를 적게 줄이고 싶으면 검은점을 클릭한다음 막대를 끌어 줄인다음

          먼저 숫자에 있는 막대안의 ▯ 을 클릭하고 왼쪽 줄인 위치까지 가져가면 까맣게

          된다. 그 부분에 마우스 오른쪽을 대면 글씨가 뜨는데 거기서 Remove Framesⓒ

          - 아래 바탕에 ⓒ

 

4. 1) layer 1

       ① time line 1ⓒ- 이미지 ⓒ-F8 -movie clip - ok

       ② time line 15 ⓒ- F6 - 중간에 (8정도) mouse 오른쪽-Create Motion Tween

       ③ 1에 다시ⓒ- 이미지ⓒ- 아래에 color - Alpha 20 - 이미지밖에 ⓒ-Frame rate 32

       ④  time line 220 에 layer 맨위에서 아래로 블릭 - F5

          * 60 배수로 하면 300 에서

 

    2) layer 2

      ① 40 에 ⓒ-이미지ⓒ- F8-movie clip - ok

      ② 55 에 ⓒ- F6 -중간에 ⓒ(40과 50사이) 마우스오른쪽-Create MotionTween

      ③ 40 에 ⓒ- 이미지 ⓒ- Color-Alpha 20 - 이미지 밖에ⓒ-Frame rate 32

    3) layer 3

        2)의 방법으로 반복해서 한다

5. 저장-file-save as- 내문서-banner-저장-Con + Enter - Flash 닫는다

6. Server 에 올린다 -카페 24-FTP-웹FTP-암호쓰고 - /ⓒ- user-

    내문서-banner.swf- 업로드

7. 디자인 관리- HTML 디자인설정-공통모듈리스트 - topⓒ- 05  상단이미지의

    모듈편집 ⓒ- 다 지우고 <table><tr><td>

                                     </td></tr></table>쓰고

    <script> 플래쉬 올리는 방법에서 내 아이디와 사이즈 고친다음

    <td> 와 </td>사이에 넣는다

[ 플래쉬 등록하는 방법]

<script>

setemb = new set_Embed();

setemb.init('http:// 내아이디 .cafe24.com/user/banner.swf','840','200','flash');

setemb.parameter('wmode','transparent'); // 별도 wmode 값을 기술할경우만 기재

setemb.parameter('FlashVars','a=1&b=3'); // 변수값을 전달하는경우만 기술

setemb.show();

</script>

다음주 월요일은 공휴일이니 수요일에 뵈요... 배너Flash 로 만드시다 안되는 것 있음 다음수업때..

[솜사탕샘]

밀크웨이님 너무 감사드려요. 다른 수강생들에게 많은 도움이될겁니다.

[갓바위]

밀크웨이님께 정말 감사할 뿐입니다
이렇게 깔금하게 정리해주니 대단히 감사합니다.
언제 얼마나 이강의를 들을지 모르지만 작품은 영원히 남씁니다. 일이 있으면 그만해야 할지 몹시 아쓉습니다
감사합니다. 좋은 일 있기를 기원합니다.