按照(一)的方法我們把淘寶中出售的圖片通過PS處理后,上傳到淘寶圖片空間然后添加到DW中,加入連接,這樣圖片就按照這個方法更換好后,下面我們就開始更換商品的名稱了,當然商品的名稱要新穎讓人耳目一新,首先要在標題上吸引顧客,怎樣做好標題連接呢,其實方法和圖片的添加方法是一樣的。
首先要在圖片的下方輸入文字,然后選擇文字,在下面的屬性對話框中的連接中,輸入和圖片相同的連接,按照此方法更改下產品的標題。
下面我來介紹下怎樣把旺旺客服的連接添加上去,首先登錄淘寶店鋪,在店鋪的右邊找到旺旺客服圖標所示,復制連接,后面的步驟和圖片插入連接的方式相同,同理,收藏店鋪也是這樣添加的。
按照上述方法,一步一步操作,來逐步完善。做好之后我們可以預覽下自己做的是否合心意,檢查下旺旺客服的連接是否正確,連接地址是否正確。
做好之后達到自己的滿意后,我們可以復制剛才設計好的代碼,然后復制到淘寶店鋪中去,
要想更好的使用DW軟件來制作更加完善的東西,還需要我們仔細的學習,研究,這只是投機取巧的方法,是適合新人不懂的人來簡單使用的。
首先,要在網上下載個DW軟件,當然也少不了PS來處理照片。網上也有很多淘寶店鋪的代碼,選擇你自己喜歡的類型下載下來,以備后面使用。
下載安裝好DW后,啟動軟件,點擊打開,然后找到你下載解壓后的代碼所在的文件,
打開后如下圖所示
下面一步是關鍵,將打開的文件重新另存一下。保存類型選擇第二個,保存后會出現“是否更新連接”選擇“是”
在軟件的標題欄有“代碼、拆分、設計”,點下“設計”就會出現你下載好的頁面。
登陸你的淘寶,把設計好的圖片上傳到淘寶圖片空間里面,然后,復制圖片的連接,將復制好的圖片連接,復制到DW源文件里面,當然復制進去后會出現圖片比較大的現象,我們可以在屬性里面更改圖片的大小。
在你的淘寶店鋪里面面找到你出售的商品,在出售的商品后面有一個復制鏈接,點擊下,然后復制到DW屬性里面的鏈接里
下面你可以按照我上面說的方法去更換下圖片和鏈接,當然,有的人會說在淘寶里面也可以制作,是的,但是那樣對于我來說是用著不方便,對于編輯更加不便,雖然我這個有點復雜,但是起碼看起來比較直觀,本人也是新手,如有不對的希望各位大神多加指點,能更好的方便大家學習,未完……
不會用PS切片的朋友可以查看下方引用的經驗哦
首先啟動Dreamweaver,并建立一個html文件,在頂部依次點擊【插入】-【image】
在窗口中選擇你切好的店招圖片,點擊【確定】打開
打開后可以看到會在body中自動插入一段圖片代碼,引號中的就是圖片地址,如果你的圖片在圖片空間中,可以把地址直接替換成圖片空間的鏈接。然后我們把右上角的【開發人員】界面切換成【標準界面】
切換標準界面后,點擊頂部中間的【拆分】,這樣就可以同時看到網頁效果和html代碼了
點擊【窗口】-【屬性】(快捷鍵Ctrl+F3)調出屬性欄
鼠標點擊一下網頁效果的圖片,在屬性欄中點擊【方形熱區】,然后在你想添加熱區的地方直接畫一個方形,比如首頁按鈕,直接畫個熱區框選住首頁兩個字??蜻x后可以看到html代碼中多了一行代碼,href=“#”中的井號可以替換成你想打開的鏈接。這樣點擊首頁時,就會打開這個鏈接了。如此第一個熱區就加好了
按照同樣的方法把想添加鏈接的地方都畫上熱區,代碼中可以看到一列熱區代碼,是不是覺得不知道哪個是哪個了?別著急哦
其實我們只需要用鼠標選中網頁效果上的其中一個熱區,代碼也會自動選中這個熱區的代碼啦,是不是很方便了?這樣你是不是就覺得很簡單了呢?
打開DW
點擊新建html
詳情頁組成的板塊
做關聯營銷在新建的DW的<body></body>中間開始插入代碼
這是定義頁面的寬度背景色等信息,繼續
本文鏈接:http://www.tebozhan.com/showinfo-23-18125-0.html干貨分享,巧用DW做詳情頁,提升淘寶轉化不再難?
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com
上一篇: 淘寶網購、購物最基礎的知識?
下一篇: 淘寶天貓2023雙11預售活動入口在哪?