<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>
 當前位置:平面設計學院 > 淘寶店鋪裝修完全自學教程
 

淘寶店鋪裝修完全自學教程

343051次 217條 406次
講師:韓文強
課級:中級提高
時長:19.4小時
單價:¥860元 助學價:¥360元 我要單買
年會員:¥1800元/年 今日促銷:¥399元 平面設計學院所有教程免費學
分享到:

課程適用范圍: 具有Photoshop和Dreamweaver基礎的學員或對店鋪裝修感興趣的學員。
課程簡介: 本套教程可以使一個零基礎的菜鳥變成裝修達人。隨著電商的發展,美工的需求量越來越大,零基礎的同學很難入門,看了很多教程不見起色,這是因為學習的知識過于零碎,沒有形成統一的課程體系。我們的課程全面講解從開店到使用淘寶默認模板進行簡單裝修,以及利用在線生成工具、專業的代碼編寫軟件Dreamweaver實現個性化的、復雜的頁面裝修效果。教程沒有涉及太多視覺設計方面的知識,主要是裝修技巧的講解。相關視覺設計知識,大家也可以在勤學網學習其他專業視覺類課程。

課程基于淘寶店鋪進行講解,主要適用于淘寶店鋪裝修的同學學習哦~

涉及軟件及版本: Photoshop CS6Dreamweaver CC 2015 大家可以下載對應版本或者更高版本進行學習。

淘寶天貓店鋪裝修完全自學教程.jpg免費開店.jpg 裝修工具介紹.jpg 簡易頁面裝修.jpg 尺寸介紹1.jpg 尺寸介紹2.jpg 店鋪頁面設計1.jpg 店鋪頁面設計1.jpg 官方模板展示.jpg 在線生成工具制作家居類店鋪頁面.jpg 案例效果.jpg 家居類店鋪頁面1.jpg 家居類店鋪頁面2.jpg 家居類店鋪頁面3.jpg 動圖效果展示標頭.jgp

注:GIF格式圖像色彩空間有限,圖片失真比較多,主要展示動態過程,實際應用圖片會很清晰自然。

輪播海報效果

輪播效果.gif

開關燈效果

開關燈效果.gif

十二卡盤效果

12卡盤效果.gif

自定義布局

自定義布局.jpg

第四章店鋪高級裝修需要的HTML代碼.jpg 第五章店鋪高級裝修需要學習的CSS樣式 第六章使用代碼裝修自定義店鋪 動態店招圖

海報.jpg 自定義店鋪2.jpg 自定義店鋪3.jpg 自定義店鋪4.jpg 動圖效果.jpg

旋轉木馬應用案例

旋轉木馬案例.gif

帶左右按鈕的自定義輪播效果圖

帶箭頭的輪播效果.gif

應用彈出層做帶有下拉菜單的店招

應用彈出層制作下拉菜單店招.gif

倒計時的應用

倒計時效果.gif

突破950px帶有鼠標特效的分類展示區域

鼠標經過指針效果.jpg

第八章.jpg

自定義模塊插入視頻效果

添加視頻.gif

生成動態旺旺效果

動態旺旺.gif

 
 
第一章 認識淘寶后臺管理界面

介紹課程總體內容及學習課程需要做的準備

介紹裝修店鋪的常用后臺操作,包括淘寶默認模板,頁面添加,配色處理,模塊添加等等。

店鋪裝修需要的軟件工具,在線生成工具,以及淘寶開放平臺的使用

第二章 簡易的頁面裝修

淘寶首頁標準尺寸介紹及如何利用淘寶默認工具進行簡單的店招裝修

使用淘寶默認的模塊裝修輪播圖效果,寶貝分類,寶貝推薦,排行榜等

使用淘寶默認模塊對分類頁面進行裝修,包括店招的設置,添加和刪除模塊等。

詳情頁的裝修范圍及如何設置寶貝信息及詳情描述等

如何添加自定義的專題頁面,以及導航條項目設置和添加的方法

其他兩套默認模板的介紹及裝修備份還原

第三章 使用生成工具裝修家居類店鋪實戰案例

設計稿的展示以及店鋪配色等的整體設置及全局分析

實例講解通屏店招背景設置及店招主圖的裝修過程

使用Photoshop對店招設計稿進行切片并添加鏈接,裝修店招的過程演示。

使用在線生成工具制作自定義導航條效果

使用在線生成工具突破淘寶默認最小寬度限制,制作全屏輪播海報效果。

使用在線生成工具制作爆款開關燈效果,以及去除模塊間隙的方法。

使用在線生成工具制作通欄圖片及12圖卡盤效果

主要講解如何在店鋪中添加客服阿里旺旺聯系入口,方便買家咨詢。

第四章 店鋪高級裝修需要學習的HTML代碼

認識熟悉代碼編輯器Dreamweaver的界面及與HTML的關系詳解

講解常用的文字相關HTML標簽及用法包括標題標簽、加粗、傾斜、段落標簽、橫線標簽、區塊標簽等

詳細介紹標簽屬性的編寫方法及嵌套的原則

介紹超鏈接標簽、屬性及代碼書寫規范

講解Dreamweaver插入圖片的方法及對應標簽,以及如何繪制熱點地圖

介紹表格的相關標簽及用法,以及如何利用表格來制作淘寶店鋪裝修中的開關燈效果

介紹表單標簽及利用百度搜索的代碼方便快捷制作店鋪搜索框

第五章 店鋪高級裝修需要學習的CSS樣式

css樣式編寫規范及常用文本的CSS樣式設置方法

講解如何定義網頁中元素的尺寸及背景顏色、背景圖像和定位等。

講解css樣式盒子模型中內部填充值和外邊距屬性及實際應用時值的設置技巧

主要講解盒子模型的邊框編寫規范和技巧,類選擇器以及火狐瀏覽器firebug的使用。

主要講解塊元素、行元素、行內塊元素的特征及相互轉換的方法

浮動布局的設置方法及原理,后代選擇器的編寫方式,以及溢出隱藏設置。

使用偽類選擇器、項目列表、超鏈接標簽、浮動布局等知識制作淘寶店鋪導航欄效果

元素相對定位、絕對定位、固定定位的屬性設置及實際應用

講解CSS3新增的圓角、陰影及不透明度等參數設置

如何將Dreamweaver中的CSS樣式修改為行內樣式,以符合店鋪裝修代碼要求。

第六章 使用代碼裝修自定義店鋪

使用Dreamweaver實現全屏店招效果及添加熱點地圖

使用CSS樣式修改設置導航條的樣式,制作店招和導航條統一背景圖像效果

完全自定義店招和導航條樣式,制作店招上動態圖片效果及裝修方法

通過使用淘寶自帶類樣式設置自定義搜索框的定位

使用系統提供類名打破系統默認寬度制作全屏海報

講解活動專題頁面切圖、制作熱點地圖以及突破淘寶默認950px寬度的裝修方法

將大面積的背景圖片定義為固定背景以及滾動背景的方法,優化店鋪裝修的結構

使用淘寶自帶類樣式.footer-more制作鼠標經過時圖片顯示與隱藏效果等

結合前面所學知識,講解了一個綜合案例,主要涉及知識點包括浮動布局,定位布局,突破淘寶默認950px寬度,鼠標經過指針變化,圖像變化,以及添加跳轉鏈接等

第七章 使淘寶開放平臺widget規范和SNS組件

淘寶J_TWidget組件之Carousel旋轉木馬的使用方法介紹

通過實例講解鼠標放置到按鈕上實現切換,并且主圖實現淡入淡出切換的裝修效果

使用旋轉木馬制作帶箭頭的輪播圖效果,以及定義箭頭位置的實際案例。

J_TWidget之Popup彈出層應用方式講解以及元素位置、對齊點的原理

使用彈出層制作帶有下拉菜單的店招效果

使用在線生成工具結合Dreamweaver代碼制作店鋪活動倒計時效果

加入購物車、分享、喜歡等組件介紹,以及利用組件制作產品交互效果

第八章 裝修店鋪內頁及總結

詳情頁裝修權限以及在裝修頁面中插入視頻的方法

為自定義頁面添加動態旺旺圖標和總結

 
韓文強 主攻:網頁設計/電商/web前端 簡介:資深WEB前端工程師,站酷推薦設計師,是一名永不止步的學習者和分享者。擅長的行業包括WEB前端開發、電商設計及裝修、UI設計等,多年從業經驗和實戰項目經驗,共累計參與制作網站超過80個,原創設計文章超過二十幾篇,點擊量逾80萬,被許多平臺轉載。開發的web前端開發課程,以通俗易懂的特點,幫助了很多菜鳥轉變成了前端開發人才。
 
  • 1_1課程總體規劃 (時間 0_00_08;16)
  • 1_2.淘寶后臺常用操作 (時間 0_02_53;19)
  • 1_3_店鋪裝修常用工具介紹 (時間 0_03_58;17)
  • 1_3店鋪裝修常用工具介紹 (時間 0_00_34;02)
  • 2_1淘寶首頁標準尺寸及淘寶店招裝修
  • 2_1淘寶首頁標準尺寸及淘寶店招裝修2
  • 2_3_分類頁裝修 (時間 0_06_56;03) (1)
  • 2_3_分類頁裝修 (時間 0_06_56;03) (2)
  • 2_3_分類頁裝修 (時間 0_06_56;03) (3)
  • 2_4_詳情頁裝修和發布寶貝 (時間 0_20_48;23)
  • 2_5_自定義專題頁裝修和導航條設置 (時間 0_06_16;00)
  • 2_5自定義專題頁裝修和導航條設置 (時間 0_07_17;10)
  • 2_6_其他兩個官方模板的使用 (時間 0_00_25;20)
  • 2_6_其他兩個官方模板的使用 (時間 0_01_49;18)
  • 2_6_其他兩個官方模板的使用 (時間 0_04_43;13)
  • 3_1店鋪裝修前分析及全局設置 (時間 0_08_06;09)
  • 3_2頁頭店招基礎設置 (時間 0_03_18;23)
  • 3_3使用Photoshop為店招添加鏈接 (時間 0_05_22;17)
  • 3_3使用Photoshop為店招添加鏈接 (時間 0_12_47;25)
  • 3_4使用生成工具做自定義導航條 (時間 0_03_33;22)
  • 3_4使用生成工具做自定義導航條 (時間 0_09_30;16)
  • 3_5全屏輪播海報的制作 (時間 0_18_18;19)
  • 3_6熱賣爆款開關燈特效制作 (時間 0_15_38;29)
  • 3_7通欄圖片及12圖卡盤的做法 (時間 0_14_14;16)
  • 3_8為店鋪添加旺旺區域 (時間 0_19_28;04)
  • 4_1代碼編輯神器Dreamweaver和HTML的聯系 (時間 0_06_03;06)
  • 4_1代碼編輯神器Dreamweaver和HTML的聯系 (時間 0_08_54;10)
  • 4_2操作文字的常用HTML代碼 (時間 0_00_28;06)
  • 4_2操作文字的常用HTML代碼 (時間 0_20_47;11)
  • 4_3標簽的屬性和標簽的嵌套 (時間 0_16_37;22)
  • 4_4HTML中的超級鏈接 (時間 0_02_34;13)
  • 4_5 (時間 0_11_54;09)
  • 4_6表格標簽的應用 (時間 0_21_53;10)
  • 4_7表單標簽及搜索框的應用 (時間 0_10_38;18)
  • 5_1認識CSS樣式和CSS對字體的修改 (時間 0_12_26;29)
  • 5_2元素的尺寸及背景 (時間 0_18_47;26)
  • 5_3盒子模型的內間距和外邊距 (時間 0_00_48;24)
  • 5_4盒子模型的邊框和類選擇器以及火狐瀏覽器的用法 (時間 0_09_00;27)
  • 5_5三種不同類型的區塊及轉換 (時間 0_10_22;24)
  • 5_6浮動布局和后代選擇器 (時間 0_21_58;09)
  • 5_7使用浮動做導航條和偽類選擇器 (時間 0_22_42;11)
  • 5_8三種定位布局方式 (時間 0_02_31;07)
  • 5_8三種定位布局方式 (時間 0_17_54;21)
  • 5_9CSS3新增屬性 (時間 0_12_34;21)
  • 5_9CSS3新增屬性 (時間 0_31_20;15)
  • 5_10淘寶店鋪裝修需要的行內樣式 (時間 0_06_14;00)
  • 6_1全屏店招的裝修方法 (時間 0_05_19;28)
  • 6_1全屏店招的裝修方法 (時間 0_18_32;02)
  • 6_2 (時間 0_21_19;25)
  • 6_3.完全自定義的店招和動態圖片的制作 (時間 0_11_13;27)
  • 6_4使用定位布局為店招添加搜索框 (時間 0_07_39;05)
  • 6.5.2.使用系統提供類名打破系統默認寬度
  • 6_6突破950px的產品展示做法
  • 6_7固定背景做法和優化布局結構
  • 6_8系統顯示與隱藏的類footer-more (時間 0_26_04;07)
  • 6_8系統顯示與隱藏的類footer-more
  • 6_9突破950px帶有鼠標特效的分類展示區域 (時間 0_01_31;26)
  • 6_9突破950px帶有鼠標特效的分類展示區域 (時間 0_29_48;21)
  • 7_1J_TWidget之Carousel旋轉木馬 (時間 0_05_48;20)
  • 7_2旋轉木馬應用案例詳解 (時間 0_34_58;23)
  • 7_3帶有左右按鈕的自定義輪播圖 (時間 0_21_34;06)
  • 7_4J_TWidget之Popup彈出層 (時間 0_16_36;19)
  • 7_5應用彈出層做帶有下拉菜單的店招 (時間 0_29_25;10)
  • 7_6倒計時的應用 (時間 0_24_34;10)
  • 7_7SNS常用的加入購物車、分享組件等應用 (時間 0_15_04;18)
  • 7_7SNS常用的加入購物車、分享組件等應用 (時間 0_30_01;17)
  • 8_1店鋪內頁介紹及插入視頻 (時間 0_21_21;09)
  • 8_2為自定義頁面添加動態旺旺圖標和總結 (時間 0_06_53;04)
  • 本套教程單價:¥860元 助學價:¥360元 
  • 平面設計學院年會員:¥1800元/年 今日促銷:¥399元 可學習所有教程+新增教程 
  • 本學院已有 126 套教程 總計 1377 個小時 查看詳情
購買了該教程的同學
木易
WBE
LJP
云朵99
康豐
當當小
一寒
dengnici
桃汁
wlh630
fuling2210
Lz
situbei
幸福之光
liuyaqian
情酙雞尾酒
王雪
lsyyunshi
 
您可能感興趣的課程
 
講師:笨叔
39628次25條56次
 
講師:賈斌
138195次58條158次
 
講師:文成武
265309次237條560次
 
講師:開心老師
444592次207條459次
 
講師:Gordan
228982次118條324次
 
講師:胡飛虎
310939次213條749次
 
講師:陳志文
295275次223條194次
 
講師:田婧
2133806次1304條1176次
 
微信客服
99国产欧美久久久精品蜜|无码一区二区波多野播放搜索|少妇人妻综合久久中文|亚洲av永久无码精品一百度|亚洲人77777在线观看
<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>