《網店運營基礎-電子商務基礎項目實戰》課件-技能點2 利用Dreamweaver添加鏈接_第1頁
《網店運營基礎-電子商務基礎項目實戰》課件-技能點2 利用Dreamweaver添加鏈接_第2頁
《網店運營基礎-電子商務基礎項目實戰》課件-技能點2 利用Dreamweaver添加鏈接_第3頁
《網店運營基礎-電子商務基礎項目實戰》課件-技能點2 利用Dreamweaver添加鏈接_第4頁
《網店運營基礎-電子商務基礎項目實戰》課件-技能點2 利用Dreamweaver添加鏈接_第5頁
已閱讀5頁，還剩10頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

裝修店鋪中不同的電商平臺有其自己的方式，我們需要利用免費模板或者系統模板來對店鋪頁面進行編輯。編輯過程中，也可以借助于第三方平臺，但是有的平臺未必能使用，因此我們還需要掌握一下Dreamweaver，可以適用于任何頁面。接下來我們一起學習使用Dreamweaver添加鏈接的方法：首先我們打開Dreamweaver軟件，選擇新建HTML文件。

軟件打開后呈現出圖的樣式，這時候只顯示代碼，不利于我們進行下一步編輯，我們需要進行視覺編輯的修改選擇第二項拆分如圖。這時候我們既可以利用代碼來編輯網頁，同時還可以直觀的通過右側設計欄觀察到圖像的變化，如圖。

回到淘寶后臺選擇通過圖片空間選擇圖片“茶具”見圖，將鼠標移動至該圖片下方默認出現復制鏈接地址和圖片代碼，我們選擇<i>,將圖片代碼選中并復制備用，見圖。

回到Dreamweaver中，在代碼欄內將淘寶中圖片“茶具”的圖片代碼粘貼到<body>與<body>之間，如圖所示。我們會發現雖然只粘貼了代碼，但是通過拆分后的設計欄里也出現了剛才我們所選擇的圖片。

觀察現有Dreamweaver界面，下方會呈現屬性面板，圖中紅色區域內工具可分別創建矩形熱點區域、圓形熱點區域和多邊形熱點區域，和針對熱點區域進行的編輯移動。

利用熱點工具我們在右側設計區便可以規劃調整出所需熱點的藍色范圍，如圖。同時我們再次觀察下方屬性已經默認替換為現有熱點的屬性。

觀察屬性內容如圖。我們還需要設置鏈接欄和目標欄。鏈接欄中“#”鍵指針對該Dreamweaver文件內所連接的地址，不符合我們添加個電商平臺連接地址的要求，因此在復制網站連接時一定注意刪除“#”號鍵，以免后續無法跳轉到對應地址。

點擊“目標”下拉箭頭，會發現出現幾類選項，一般選擇“_new”或“_blank”在新的頁面中打開。如圖所示。

如圖，連接和目標設置好。我們便可以再回到左側代碼欄將<body>與<body>之間內容從新復制好，并回到各平臺裝修區域再次編輯。

打開淘寶后臺，點擊PC端首頁裝修。找到自定義模塊見圖，拖放至內容編輯區域。選擇自定義模塊的右上方編輯按鈕，見圖。

進入編輯界面后，我

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論