淘寶拍拍有啊網(wǎng)店描述模板制作圖文教程.pdf

《淘寶拍拍有啊網(wǎng)店描述模板制作圖文教程.pdf》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、第一步：打開(kāi)已經(jīng)裝有的軟件AdobephotoshopCS2。點(diǎn)擊：“文件/新建（Ctrl+N）”,新建一個(gè)800*1200的白色空白文檔。第二步：點(diǎn)擊“文件/打開(kāi)”找到事先準(zhǔn)備好的圖片。這里啰嗦一下，最好是事先找到適合自己產(chǎn)品的圖片。讓買(mǎi)家一看到你的商品就會(huì)想購(gòu)買(mǎi)的欲望，不要簡(jiǎn)單的找個(gè)圖片就做上去了。這樣效果可不太好哦！接著就把它復(fù)制到新建的800*1200的文檔里去。按Ctrl+A全選，這時(shí)會(huì)出現(xiàn)一條長(zhǎng)方形的虛線。證明被全部選擇了，然后復(fù)制Ctrl+C。第三步：然后回到我們最前面新建的800*1200的文檔上，按下“Ctrl+V”(粘貼)，

2、圖片就被粘貼到文檔中了。如果位置不合適的話，可以點(diǎn)擊左邊的“移動(dòng)工具”，將圖案拖動(dòng)到合適的位置上。如果圖片太大的話可以按Ctrl+T，然后通過(guò)周邊的點(diǎn)，來(lái)縮小復(fù)制進(jìn)來(lái)的這個(gè)圖片。以達(dá)到自己想要的效果。圖片調(diào)整完畢后，如果想讓圖片看起來(lái)更加完美，可以再加上一兩個(gè)圖片。做法和上面粘貼主圖片一樣。這里就不重復(fù)說(shuō)了。第四步：現(xiàn)在我們來(lái)做個(gè)公告欄：首先點(diǎn)擊“圓角柜形工具”然后在合適的位置上面畫(huà)一個(gè)長(zhǎng)方形，大小根據(jù)要放在圖片位置設(shè)置了，底色設(shè)置為白色，不透明度設(shè)置為50%，這樣可以與北景圖更好的融合?？雌饋?lái)會(huì)自然些。第五步：再下來(lái)我們把要做的連接寫(xiě)上去，一

3、般是“逛逛店鋪”“信用評(píng)價(jià)”“收藏店鋪”“店鋪介紹”。好了。等會(huì)可以做切片。用相同的方法再加下寶貝描述分類(lèi)：“寶貝展示”、“付款方式”“郵資說(shuō)明”“品牌介紹”等！順便在上面加上店鋪名稱(chēng)哦！可以防止被人盜用。第六步：現(xiàn)在到了做切片的時(shí)候了。要仔細(xì)學(xué)哦，這個(gè)步驟很重要哦！以前沒(méi)有做過(guò)切片的朋友，在做切片的時(shí)候可能會(huì)遇到一些問(wèn)題，不要放棄，多試幾次一定可以學(xué)會(huì)的。下面我們就把之前準(zhǔn)備的文字和公告欄全部分開(kāi)做切片。以便以后期做連接。下面我們要做的就是保存，點(diǎn)擊“文件—保存為Web所用格式”，把我們所設(shè)計(jì)的模板存為在網(wǎng)頁(yè)使用的格式。注意他的保存類(lèi)型，保存

4、后我們會(huì)發(fā)現(xiàn)有兩個(gè)文件，一個(gè)是HTML文件和一個(gè)圖象文件夾。Photoshop的工作到這里就完成了。大家學(xué)會(huì)了吧。呵呵……加油哦！第七步：現(xiàn)在輪到Frontpage工作了。大家要看仔細(xì)哦！首先打開(kāi)Frontpage，選擇“文件—打開(kāi)”，把剛剛從Photoshop里保存的html格式的文件打開(kāi)。打開(kāi)后我們可以看到，左下角有四個(gè)選項(xiàng)。如果你選取中的是“設(shè)計(jì)”模板的樣子就呈現(xiàn)在我們眼前了。在模版的任一位置點(diǎn)擊右鍵，選擇“表格屬性”，在彈出的對(duì)話框中將“對(duì)齊方式”改為“居中”，然后確定。第八步：下面我們來(lái)處理一下公告欄。首先在放公告文字的地方點(diǎn)擊右鍵，

5、選擇“圖片屬性”，選擇“常規(guī)”選項(xiàng)卡，選中并復(fù)制圖片的文件名到記事本里，然后點(diǎn)擊確定。然后在放置公告的地方點(diǎn)左鍵，出現(xiàn)一個(gè)黑色點(diǎn)框，按下鍵盤(pán)上的Del鍵，上面的被刪刪除后那部分內(nèi)容就變?yōu)榭瞻椎牧耍喝缓笤诳瞻滋廃c(diǎn)擊右鍵，選擇“單元格屬性”，在彈出對(duì)話框中勾選“使用背景圖片”，再在下邊的空白處將先前復(fù)制在記事本里的圖片文件的名稱(chēng)填上，然后點(diǎn)擊確定，先前刪除的圖片又出現(xiàn)了。這個(gè)過(guò)程其實(shí)就是把這塊圖片放到將要插入文字的下面（作為文字背景）。下面的工作就是把公告的文字輸入進(jìn)去，左鍵點(diǎn)擊公告欄，在菜單欄選擇“插入--Web組件”，在彈出對(duì)話框中選擇“字幕”

6、，點(diǎn)擊完成。在彈出對(duì)話框中，在“文本”右邊的空白處輸入你的店鋪公告的內(nèi)容。如果店鋪公告需要分段的話，就要在要分段的地方加上一個(gè)“”。通過(guò)調(diào)整“延遲”和“數(shù)量”來(lái)設(shè)置文字移動(dòng)的快慢，延遲的數(shù)值越大、數(shù)量的數(shù)值越小，文字滾動(dòng)得越慢。設(shè)置完畢后點(diǎn)擊確定。在公告文字上點(diǎn)擊左鍵，會(huì)發(fā)現(xiàn)出現(xiàn)一個(gè)黑色的邊框。這個(gè)邊框的大小就是公告文字滾動(dòng)范圍的大小。拖動(dòng)邊框的四周的黑點(diǎn)將它拉大，使它和周?chē)奶摼€邊框平行即可，不要超過(guò)虛線邊框的范圍。否則模板會(huì)出現(xiàn)斷裂。如果現(xiàn)在預(yù)覽的話文字是從右向左移動(dòng)，我們要將文字下而上移動(dòng)。因?yàn)檫@樣效果會(huì)好很多。下面我們就開(kāi)始，點(diǎn)擊Fro

7、ntpage左下角的“代碼”，切換到代碼頁(yè)面，在“marquee”后邊加上“direction="up"”這樣文字就變?yōu)樽韵露蠞L動(dòng)了。注意哦，添加的“up”必須帶上引號(hào)。現(xiàn)在我們來(lái)預(yù)覽一下吧！哈哈……現(xiàn)在從下往上滾動(dòng)了吧？點(diǎn)擊左下角的“設(shè)計(jì)”回到模版設(shè)計(jì)頁(yè)面，然后按照前邊處理公告欄的方法將“寶貝展示”下邊準(zhǔn)備添加圖片的那一條圖案先Del，然后再點(diǎn)開(kāi)“單元格屬性”，和前邊一樣，設(shè)置上背景圖片，也可以設(shè)置成其他的顏色。這個(gè)地方是放產(chǎn)品圖片的，而圖片的位置也可以自己要求設(shè)置，這里我把圖片“水平對(duì)齊方式”設(shè)置為“居中”，把“垂直對(duì)齊方式”設(shè)置為“相對(duì)

8、垂直居中”，然后點(diǎn)擊確定。用同樣的方法處理其他各項(xiàng)，不同的是，像“寶貝描述”“郵資說(shuō)明”“品牌介紹”等需要放置文字的地方應(yīng)選擇“水平對(duì)齊方式”應(yīng)選擇“