一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

淘寶網(wǎng)店模板制作的教程

 淘啊淘寶貝 2013-06-26

淘寶網(wǎng)店模板制作的教程_獨(dú)特_風(fēng)格的空間_百度空間  

2010-01-15 16:23:34|  分類(lèi): 默認(rèn)分類(lèi) |字號(hào) 訂閱

淘寶網(wǎng)店模板制作的教程
2009-07-27 22:16

  1軟件工具:要自己制作寶貝模板,首先要選擇網(wǎng)頁(yè)編輯工具,目前業(yè)界最流行得就是dreamweaver了,用老微的frontpage也可以。想自己做的朋友最好選擇前者,frontpage我以前也用過(guò),后來(lái)很少用,主要還是覺(jué)得dreamweaver使用更加方便,功能更加強(qiáng)大,畢竟是專(zhuān)門(mén)以這個(gè)起家的嘛。需要dreamweaver軟件的朋友可以從網(wǎng)絡(luò)上下載,下載方法:在google搜索欄中輸入“dreamweaver軟件下載”就可以找到很多下載網(wǎng)站了?。?!,其它工具軟件你都可以這樣搜索到,下載就可以了。不過(guò),記得下載完了一定要先殺毒哦,對(duì)我們這些店家來(lái)講,安全是非常重要得。

  2網(wǎng)頁(yè)制作之前,首先要考慮自己模板的基本布局。先不要著急用dreamweaver開(kāi)始編輯,正式編輯之前我建議朋友們多看一些別人的作品,總結(jié)出寶貝描述模板的大體布局方法,需要的各個(gè)選項(xiàng)!最好的辦法就是先紙上談兵,在紙上用筆先勾畫(huà)出描述模板的布局,注明需要做的一些工作等。不過(guò),寶貝模板的主要模塊我總結(jié)就是以下就是幾塊A.商品的大圖B商品的描述C買(mǎi)家事宜D配送方法E店鋪分類(lèi)F店鋪連接可以在紙上粗粗描繪一下大體的布局,然后再開(kāi)始下面的工作。

  3準(zhǔn)備素材。做網(wǎng)頁(yè)不能沒(méi)有素材,素材就是指一些養(yǎng)眼的圖片,文字,背景等資源。還有最重要的,也最可能用到的就是你店鋪的logo,寶貝的圖片,文字介紹跟店鋪商品有關(guān)的一切了。把這些素材都統(tǒng)統(tǒng)歸到一個(gè)目錄下面(真正正規(guī)的編輯方法是按照文件夾來(lái)組織自己的素材),方便以后尋找。另外,為了做出更好的效果,可能還要?jiǎng)佑靡幌聀hotoshop這個(gè)工具,特別對(duì)圖片處理都離不開(kāi)它。下載的方法象上面所說(shuō)的就可以了。

  4現(xiàn)在基本的東西已經(jīng)準(zhǔn)備好了。那么就開(kāi)始做吧。

  A首先打開(kāi)Dreamweaver,新建一個(gè)html網(wǎng)頁(yè)。這個(gè)時(shí)候工作臺(tái)上你看到一個(gè)白色的區(qū)域,就是編輯區(qū)域了。

  B添加表格進(jìn)行布局。這一點(diǎn)很重要,因?yàn)楸砀衲軌虮容^方便的讓我們進(jìn)行布局的分配,以及以后各種素材的定位。有了表格,我們心里面就對(duì)布局基本有數(shù)了。在表格里面可以添加我們的素材,文字,更改背景等。這些文字一般是通用的文字,固定不變的,不會(huì)隨著寶貝的不同而變化,比如【買(mǎi)家事宜】,【配送方法】等標(biāo)題性和說(shuō)明性的文字。這個(gè)時(shí)候我們還要留出放置寶貝圖片,和寶貝描述的位置,這些都是會(huì)變化的,因?yàn)槊總€(gè)寶貝的圖片,和描述都是不同的。因此一定要留出這個(gè)位置。

  提示:這一步之前首先要把需要用到的圖片上傳網(wǎng)絡(luò)上去,首先上傳有一個(gè)好處,以后在使用圖片的時(shí)候,直接可以找到圖片,然后復(fù)制下該圖片的連接添加到圖像占位符的來(lái)源上面就可以了,不用再一邊上傳圖像,一邊編輯網(wǎng)頁(yè)。

  C在需要添加圖片的位置上,添加一個(gè)圖像占位符,記住,寶貝描述模板中所有的圖像都一定是一個(gè)圖像占位符,不能直接圖像。添加完后我們看到一個(gè)斷裂的方塊,證明該對(duì)象是個(gè)圖像占位符。

  【重點(diǎn)理解】為什么不直接插入圖像呢?直接插入圖像在淘寶里面是無(wú)法顯示的。在要放置圖像的地方,包括背景圖等都要使用圖像占位符。有了圖像占位符,等于是先占好了這個(gè)位置,然后在這個(gè)位置上添加相應(yīng)的圖片連接地址,這樣當(dāng)在瀏覽器中查看網(wǎng)頁(yè)的時(shí)候,瀏覽器自己按照?qǐng)D片的連接地址下載圖像,就可以顯示出自己想要的圖片了。這點(diǎn)很重要哦。

  特別需要說(shuō)明一下,對(duì)于背景圖片以及固定顯示不變的圖片,編輯的時(shí)候應(yīng)該把相應(yīng)的圖片連接地址輸入到圖像占位符的圖像來(lái)源里面。這樣,就無(wú)需在淘寶里面再編輯這些固定的圖片,只需要更改寶貝圖片就可以了。

  D在其它位置上也添加一些圖像占位符,比如店鋪logo,店鋪分類(lèi)等等,這些位置可以為你以后操作帶來(lái)方便。

  E把圖像占位符的地方填好圖片的網(wǎng)絡(luò)連接地址,具體到每個(gè)商品圖片時(shí)候,我們?cè)谔詫毨飳氊惥庉嬈髦性偬钸M(jìn)來(lái)。在淘寶的寶貝描述編輯器里,我們找到該商品的圖片連接地址,填到圖像占位符的圖片來(lái)源上就可以了。這樣的話(huà),只需要改動(dòng)商品圖片圖像占位符的圖像來(lái)源地址,就可以顯示我們想要的圖片了。

  6以上如果不出所料,按照自己的設(shè)計(jì),基本上可以算完工了。具體美不美觀要自己慢慢調(diào)整?,F(xiàn)在最重要的就是在Dreamweaver中切換到代碼編輯窗口,CTRL+a選中所有代碼,選擇復(fù)制,然后選擇一個(gè)寶貝,在淘寶里面編輯該寶貝,在寶貝編輯器里面,選擇編輯源文件,這個(gè)時(shí)候就切換到代碼編輯窗口了。將先前復(fù)制的代碼粘貼到該窗口,然后選擇編輯模式,切換到圖形編輯模式。這個(gè)時(shí)候你就發(fā)現(xiàn),以前你設(shè)置的圖像占位符現(xiàn)在都顯示成圖片了。如果不能顯示,就證明該處沒(méi)有圖像連接地址。敢緊選擇該圖像占位符,然后點(diǎn)擊插入/編輯圖像按鈕,輸入相應(yīng)的圖片連接地址就可以了。特別要提示的是:修改寶貝描述主要是能夠直接顯示寶貝的大圖。這個(gè)時(shí)候一定要更改寶貝圖片占位符,把該占位符的圖像來(lái)源改成是當(dāng)前寶貝的圖片連接地址就可以了。

  點(diǎn)擊一下預(yù)覽,可以看看編輯的效果,有什么不滿(mǎn)意的,只能以后慢慢修改了。

  切換寶貝編輯器到代碼模式,選擇所有代碼復(fù)制并拷貝到一個(gè)TXT文本文件中保留,以后每個(gè)寶貝都可以用到。新建一個(gè)寶貝的時(shí)候?qū)⑦@些代碼在代碼編輯模式下面直接拷貝過(guò)來(lái),然后切換回圖像編輯模式改變對(duì)應(yīng)的寶貝圖片就可以了。

  怎么樣,一切都很簡(jiǎn)單吧。

  下面的圖是dreamweaver中圖形編輯模式下的寶貝模板的布局,紅色字體說(shuō)明部分是常用到的哦,一定要多加留意。

  具體的效果大家可以到我的店鋪里面隨便點(diǎn)擊一個(gè)寶貝看下就可以。還有很多地方要完善的,請(qǐng)大家多多指教。有什么問(wèn)題可以一起探討噢。只能算是拋磚引玉。希望高手們把你們的設(shè)計(jì)經(jīng)驗(yàn)跟大家交流一下。

  補(bǔ)充說(shuō)明一下,在寶貝編輯器中可以使用熱點(diǎn)連接這個(gè)功能來(lái)創(chuàng)建圖像上的直接連接功能.比如我的模板上面店鋪介紹,逛逛本店,信用評(píng)價(jià)這些文字上面都使用了連接功能.這個(gè)連接功能怎么實(shí)現(xiàn)的呢?方法如下:

  選中你需要做連接的圖片,圖像占位符也是支持的。然后這個(gè)時(shí)候你發(fā)現(xiàn)dreamweaver左下腳有一些綠色的小圖標(biāo)。這些是用來(lái)在圖片上畫(huà)出一些方形,圓形或其它形狀區(qū)域,在瀏覽器中,鼠標(biāo)經(jīng)過(guò)這些區(qū)域的時(shí)候就會(huì)變成小手的形狀,這些區(qū)域就是熱區(qū)。鼠標(biāo)點(diǎn)擊這一熱區(qū)的時(shí)候就會(huì)連接到相應(yīng)的網(wǎng)頁(yè)。

  趕快在圖上畫(huà)一個(gè)區(qū)域,然后在dreamweaver左下角連接地址中輸入你想要連接的網(wǎng)頁(yè)地址。

  將代碼考到寶貝編輯器,然后預(yù)覽一下,當(dāng)鼠標(biāo)放到這些區(qū)域上的時(shí)候,就會(huì)變成小手的形狀。點(diǎn)擊一下,就會(huì)連接到相應(yīng)的網(wǎng)頁(yè)了。



    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶(hù)發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶(hù) 評(píng)論公約

    類(lèi)似文章 更多

    精品国产品国语在线不卡| 国产传媒免费观看视频| 欧美av人人妻av人人爽蜜桃| 久七久精品视频黄色的| 久久精品国产亚洲av麻豆| 精品香蕉国产一区二区三区| 护士又紧又深又湿又爽的视频| 亚洲欧美国产网爆精品| 亚洲成人免费天堂诱惑| 国产欧美一区二区另类精品| 欧美成人欧美一级乱黄| 国产高清精品福利私拍| 亚洲av在线视频一区| 国产精品偷拍视频一区| 国产欧美日韩精品一区二区| 亚洲熟妇中文字幕五十路| 黑丝国产精品一区二区| 久久99青青精品免费观看| 国产av一区二区三区久久不卡| 日本一品道在线免费观看| 日本丁香婷婷欧美激情| 日木乱偷人妻中文字幕在线| 国产精品久久三级精品| 日韩精品亚洲精品国产精品| 99久久国产综合精品二区| 免费黄片视频美女一区| 国产又粗又爽又猛又黄的| 在线观看视频日韩精品| 亚洲精品一区二区三区日韩| 国产精品一区二区成人在线| 国产欧美日韩不卡在线视频| 69久久精品亚洲一区二区| 日本免费一本一二区三区| 日本特黄特色大片免费观看| 欧美日韩国产福利在线观看| 亚洲国产成人av毛片国产 | 四季av一区二区播放| 五月天综合网五月天综合网| 色婷婷亚洲精品综合网| 91精品国产综合久久精品| 精品熟女少妇一区二区三区|