立體感+——網店旺鋪動態頁面快速實現(全彩) ( 簡體 字) |
作者:宋軍 | 類別:1. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:電子工業出版社 | 3dWoo書號: 40509 詢問書籍請說出此書號!【有庫存】 NT售價: 350 元 |
出版日:1/1/2015 |
頁數:280 |
光碟數:1 |
|
站長推薦: |
印刷:全彩印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787121251146 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:說到淘寶網店裝修代碼,很多賣家、美工會覺得很難,總是會懷疑自己能學 的會么?事實上代碼確實會涉及很多基礎知識,需要比較長的時間去掌握它。但 是如果通過工具來制作,它其實比設計要簡單很多,因為設計是活的,而代碼知 識相對比較死板,只要熟悉了,它們就會成為你的工具而不是障礙。另外,我們 需要的不是一個大而全的詳細的手冊和規則類的代碼課,只要能做出想要的布局 和效果即達到目的。每天堅持學習一點,在一個月的時間內達到夠用的程度對大 多數人來說是沒有什么問題的,所以如果你為了裝修店鋪而去學習裝修代碼,不 用怕,你肯定行的。 從2011 年開始進入淘寶,并成為淘大講師開始上美工類的課程后,我對上面 所說的情況有非常深的感觸,因此也一直有這個想法來寫這樣一本書,來幫助從事 電商工作的掌柜和美工來了解裝修代碼,讓淘寶網店裝修代碼不再成為我們工作的 障礙。 本書首先介紹了基礎的切片和HTML+CSS 知識,然后開始把所有的HMLT 標簽歸結到框中,在了解了框的基礎知識后,開始用框來做大的布局(包括浮動和 定位兩種方法),然后講解了在框里填充內容的相關代碼知識,到這里我們的基礎 代碼部分就完成了,在工作中遇到的代碼問題80% 基本可以通過這些知識來解決。 進階的內容部分介紹了如何用CSS3 讓頁面產生動態,最后針對淘寶裝修的特殊情 況,介紹了widget 相關組件的知識。這些知識其實在淘寶開放平臺是公開免費的, 只是很少有人會告訴你。 如果你以前接觸過HTML 和CSS,學習這本書的時候會格外輕松。如果你完 全沒有基礎,建議一定要照著書的實例多動手實際操作,有助于你加深理解。另外 在隨書光盤中,每一章都配有一段視頻,來幫助大家整理思路,剛接觸代碼的新手 一定要看一下哦。 這是阿灰第一次通過書的形式給大家講解這方面的知識,可能會出現很多紕 漏和問題,大家可以通過新浪微博@ 淘大阿灰猿、微信公共平臺ahuips 或論壇 http://bbs.ahuips.com 來與阿灰溝通和反饋,非常感謝大家的支持。 |
內容簡介:(含DVD光盤1張)本書是一本專門用來幫助大家學習裝修代碼的圖書,共分為10 章,從基礎知識到 Div+CSS,再到淘寶的widget 特效都有涉獵,特別適合有一些美工基礎的美工或掌柜用來 學習裝修代碼知識。在每一章的后面還會有一些小技巧來解決大家工作中碰到的實際問題。本書不是一本嚴肅的代碼類參考書,更注重幫助大家理清裝修代碼的脈絡,讓你對代碼有更清晰的認識,讓你更快上手。 |
目錄:第1 章 每個電商美工都應該知道的基礎 1.1 每個美工都應該知道的基本常識.................2 1.2 切片.........13 1.3 店鋪裝修后臺.....................27 經驗分享——Photoshop CC 版本快速切片..35 第2 章 Dreamweaver 與代碼入門 2.1 代碼和Dreamweaver........40 2.2 HTML 與Dreamweaver....45 2.3 表格.........53 2.4 CSS 樣式與Dreamweaver.............................58 經驗分享——如何制作單像素的表格............62 經驗分享——為什么上傳后圖片大小/ 質量會改變?...........65 第3 章 一切從框開始,介紹盒模型 3.1 認識div.................................68 3.2 盒模型....................................74 3.3 框的背景...............................80 經驗分享——用熱圖為大的圖片添加鏈接..84 第4 章 好玩的布局方法讓框浮動起來 4.1 簡單的N 列布局................88 4.2 更復雜一點的浮動樣式.................................96 4.3 用嵌套來實現復雜布局.................................99 4.4 一行N 列在店招上應用的案例............... 102 經驗分享——解決店招和導航之間的2 像素的空隙........... 109 第5 章 再復雜的布局也沒問題:定位的技術 5.1 相對定位............................ 112 5.2 絕對定位............................ 115 5.3 借用淘寶的樣式............. 124 經驗分享——用絕對定位來做客服列表.... 128 第6 章 讓你的店鋪突破950 的寬度 6.1 突破950 的原理............. 134 6.2 實際操作步驟.................. 141 6.3 突破中的其他問題......... 146 經驗分享——如何用自定義導航替代官方的導航................ 153 第7 章 在框里填充內容 7.1 插入文字............................ 156 7.2 插入圖片............................ 167 7.3 插入視頻............................ 170 經驗分享——在描述中的圖文混排.............. 176 第8 章 用CSS3 讓頁面動起來 8.1 hover 鼠標響應效果...... 181 8.2 更平滑的動畫效果......... 190 8.3 同時產生多個動畫......... 194 8.4 更多的動畫效果............. 200 經驗分享——店鋪裝修常見問題.................. 207 第9 章 淘寶官方的widget 特效 9.1 widget 簡介...................... 211 9.2 標簽頁、卡盤、旋轉木馬......................... 213 9.3 手風琴................................. 220 9.4 彈出層................................. 225 9.5 倒計時................................. 229 經驗分享——做自定義導航和彈出菜單.... 234 第10 章 淘寶官方社交組件的應用:sns 及其他 10.1 評論組件......................... 244 10.2 喜歡組件......................... 249 10.3 分享組件......................... 252 10.4 其他................................... 255 經驗分享——如何獲取店鋪ID 和商品ID................................ 262 附 錄 淘寶的常用widget 參數列表 |
序: |