店鋪裝修技能——淘寶美工必讀
*集 認(rèn)識(shí)店鋪結(jié)構(gòu)
1、旺鋪種類(旺鋪和新旺鋪)
2、模板與模塊的區(qū)別,系統(tǒng)模板、裝修市場(chǎng)第三方模塊;基礎(chǔ)模塊、設(shè)計(jì)師模塊、第三模塊。
3、首頁(yè)、分類列表頁(yè)、寶貝詳情頁(yè)、自定義頁(yè)面
4、模板樣式設(shè)置(標(biāo)題欄顏色設(shè)置、自定義背景)
5、模板備份與應(yīng)用
第二集 PS切片生成網(wǎng)頁(yè)代碼
1、photoshop設(shè)計(jì)圖像
2、切片
3、設(shè)置切片選項(xiàng)URL
4、導(dǎo)出 圖片JPG GIF 導(dǎo)出格式HTML and image
5、上傳圖片
6、記事本打開代碼(HTML網(wǎng)頁(yè)文件)
7、用圖片空間的圖片地址替換原來的本地地址
8、刪除網(wǎng)頁(yè)代碼里的頭與尾多余部分
9、代碼復(fù)制自定義的源碼模式下
10、保存發(fā)布
第三集 DW表格布局(2節(jié))
1、插入表格時(shí),需要定義寬度定義,設(shè)置無邊框
2、剛插入的表格寬度是相對(duì)等分的,需要調(diào)間隔線使其寬度成為固定形式
3、一般采用一行多列的排版形式
4、表格嵌套是DW網(wǎng)頁(yè)排版一種基本思路
5、表格內(nèi)容對(duì)齊一般用單元格對(duì)齊方式,而不用文本對(duì)齊方式,
6、嵌套表格時(shí)必須依據(jù)內(nèi)層表格的寬、高進(jìn)行設(shè)置,盡量避免手工調(diào)整寬度和高度。
7、插入圖片*先上傳至圖片空間,直接插入U(xiǎn)RL地址,免去再次替換的麻煩
8、DW還可以對(duì)PS導(dǎo)出的WEB頁(yè)進(jìn)行圖片地址替換、添加鏈接、添加圖片說明、設(shè)置鏈接打開方式(新窗口或原窗口)
9、給圖片制作熱區(qū)
10、插入圖片改為背景圖片,添加旺旺客服代,制作店鋪收藏功能
11、單元格內(nèi)的位置采用2*2表格定位
第四集 首頁(yè)“首屏”焦點(diǎn)大圖設(shè)計(jì)
1、店頭、頁(yè)頭背景、頁(yè)面背景分切及上傳方法
2、首屏自定義區(qū)導(dǎo)航設(shè)計(jì)
3、數(shù)據(jù)分析主流屏幕分辨率
第五集 常用促銷工具以及第三方模塊
1、常用促銷工具——滿就送、限時(shí)打折、搭配減價(jià)、會(huì)員管理
2、第三方模塊,如團(tuán)購(gòu)。
第六集 整店風(fēng)格、導(dǎo)航設(shè)計(jì)
1、導(dǎo)航條樣式設(shè)計(jì)
2、目標(biāo)鏈接要有這么幾類:
(A)、熱銷寶貝詳情頁(yè)面;
(B)、*產(chǎn)品或特價(jià)產(chǎn)品分類頁(yè)面;
(C)、自定義新頁(yè)面;
(D)、首頁(yè)或長(zhǎng)頁(yè)面添加頁(yè)內(nèi)錨鏈接(a name);
(E)、營(yíng)銷活動(dòng)商品鏈接。
第七集 bannermaker模塊
1、訂購(gòu)FLASH模塊
2、訂購(gòu)BM模板
3、通欄或圖文
4、引用圖片、添加超鏈接
5、生成效果并引用
6、marquee滾動(dòng)效果制作
第八集 認(rèn)識(shí)常用HTML代碼
1、最基本代碼PS切片可生成的內(nèi)容
table tr td img(alt)a(target)
2、常用HTML代碼
P BR DIV FONT SPAN marquee UL OL LI
3、表格美化
行內(nèi)CSS——border 1px solid #000000
虛線、實(shí)線、雙線、立體效果
第九集 認(rèn)識(shí)CSS盒子模型
1、MARGIN
2、BORDER
3、PADDING
4、height、width
第十集 用CSS規(guī)劃寶貝描述的版式
CSS排版關(guān)鍵——控制各種塊以及標(biāo)注的順序及定位
常用屬性:
1、display
2、background-color
3、float
4、vertical-align
5、text-align
6、line-height