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