DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> 關於Fireworks >> 淘寶開店寶貝圖片如何制作?用Fireworks和淘寶助手做產品
淘寶開店寶貝圖片如何制作?用Fireworks和淘寶助手做產品
編輯:關於Fireworks     

鋪裝修肯定是很多新手賣家相當頭疼的事情之一吧。馨悅也是新手賣家啦,而且對網頁設計也只是略知皮毛,或許有些班門弄斧的嫌疑,但是在自己裝修的時候,總結了一些小小的經驗和小技巧,和大家一起分享哦,把最好的東西分享給大家乃是一件最快樂的事情。

首先呢,還是要強調一下的,千省萬省,淘寶旺鋪可千萬不要省哦。

剛入淘寶的時候,馨悅覺得其實淘寶的普通版看上去感覺還行,還有幾個風格可以供選擇,便簡簡單單的上了貨,安逸於簡易的裝修。由於當時本身貨源不怎麼樣,自己也覺得沒信心,加上還在上班,工作忙精神壓力大,小店也疏於打理,所以一直沒有生意。後來,辭了工作,便安心打理起小店來。馨悅發現旺鋪的優勢不僅僅在於圖片比普通版大,最重要的是,可以在主頁上將小店的特色和優勢體現出來,而且精心打扮的話,完全可以通過小店裝修附上各種宣傳的手段來從而吸引買家的眼球,構建良好的購物環境哈。於是在一單生意還沒做成的情況下,就申請開通了旺鋪。

下面就介紹兩個馨悅在第一次做旺鋪主頁的時候發現的小技巧吧

技巧一、用Fireworks和Frontpage做出簡單的帶鏈接的頁面

Fireworks是macromedia旗下一個很好的圖片制作工具,相比Photoshop簡單易上手,而且制作簡單的動畫相當直觀,是翛兒很喜歡的一款圖片制作工具。

翛兒最喜歡Fireworks的一個原因就是它的切片工具。為方便網頁設計,切片工具可以將圖片按照網頁設計者的需求切割成很多個小圖片,在做網頁設計的時候就可以直接使用了。這裡先教大家怎麼用這個工具~,後面會教大家怎

麼導出網頁哈。

2、這個是Fireworks的操作界面

3、下面我們使用切片工具切圖啦打開需要編輯的圖片,就可以看到“切片工具”了:

4、下面我們來做切片

點擊“切片工具”按鈕,將需要做鏈接的圖片框出來,像這樣:要一張一張的框出來,做好後的樣子:

5、導出:這一步可是最關鍵也是最重要最實用的一步哈

點擊文件——選擇導出——然後選擇你要存放的文件夾,最好是新建一個文件夾;選擇導出:HTML和圖像,下面會默認選擇“導出HTML文件”和“導出切片”,取好名字就可以保存啦這個是導出之後的文件夾下的DD。。。這個DD馬上就可以用起來咯

6、點擊這個網頁圖片,就可以看到剛才導出的網頁啦

就是這個樣子的

7、給切好的圖片網頁做鏈接

翛兒好像還沒有發現Fireworks給圖片做鏈接的功能。。。

所以呢,這裡有兩個辦法,一個呢繞了個彎彎,但是也還方便,主要是可以便於日後繼續編輯和保存,那就是用大家在OFFICE軟件裡經常看到的Frontpage了;另一個辦法就是直接將打開的網頁復制黏貼到大家熟悉的淘寶助手裡面直接編輯啦

這裡稍微介紹一下用Frontpage編輯。。。

1、我們用Frontpage打開剛才做的圖標

2、點擊需要編輯超鏈接的圖片,然後點右鍵,選擇最下面的選項“超鏈接”,然後找到你家寶貝的鏈接,然後黏貼進去,點確定然後一個一個編輯需要鏈接的圖片,然後保存。

回到剛才存放網頁和切片圖片的文件夾下,打開剛才的,點擊鏈接就可以看到成品啦~是不是很簡單呢,其實操作和淘寶助手基本上是一樣的啦

這樣一個帶圖片鏈接的網頁就做好啦~

技巧二、用淘寶助手上傳我們的網頁~~~

在准備上傳的時候,大家會發現又一個問題出現啦。。。翛兒試過直接把代碼直接貼到淘寶的首頁編輯裡去,但是因為圖片沒有上傳到服務器,代碼裡的地址都是本地鏈接,在淘寶上根本無法顯示。當時覺得自己真笨啊。。。

這個問題對於網頁制作高手來說肯定不是問題啦,但是對於剛起步的新手來說,還真是很郁悶呢。。。

後來翛兒發現一個很簡單可行又通俗易懂的好辦法,在這裡也介紹給大家哈

那就是用我們大家熟知的淘寶助手啦~

1、打開淘寶助手的任意一個寶貝,把我們剛才做好的圖片網頁,也就是這個下面所有的內容,復制黏貼到寶貝描述裡面來,保存2、然後上傳寶貝(大家都熟悉的操作啦,就不贅述咯)

3、上淘寶網站,登錄“我的淘寶”,然後在“出售中的寶貝”裡面找到你剛才上傳那件寶貝,然後點擊後面的“編輯寶貝”

4、這一步就是簡單的復制黏貼啦~

在編輯寶貝下面復制剛剛上傳的網頁到“我的淘寶”,打開你的店鋪裝修,編輯你的自定義內容區,然後把我們剛才復制的內容黏貼進去,保存就Ok啦

讓我們預覽一下吧,滿意的話就可以發布咯~~

這個就是效果圖啦~~下面的圖片鏈接都是可以直接點擊的~嘿嘿

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved