電子商務(wù)網(wǎng)站模塊化布局實(shí)戰(zhàn)開發(fā)名師講座視頻教程

 電子商務(wù)網(wǎng)站(模塊化布局)實(shí)戰(zhàn)開發(fā)名師講座視頻教程

網(wǎng)頁(yè)學(xué)習(xí)階段、整站分析、規(guī)劃

制作header中l(wèi)ink鏈接及css sprite合并原則

制作導(dǎo)航、導(dǎo)航背景合并及尺寸測(cè)試注意事項(xiàng)

區(qū)域的導(dǎo)航制作

區(qū)域搜索框定位、表單元素樣式設(shè)置

繪制三角形及定義三角形公用類

定義update區(qū)域JS結(jié)構(gòu)與樣式、三角形公用類的使用

制作video模塊，模塊高度精準(zhǔn)定義的意義

定義公用標(biāo)題、公用選項(xiàng)卡

制作HOT列表區(qū)域

可重用的tab結(jié)構(gòu)

劃分創(chuàng)建樣式表JS文件

列表模塊公用樣式提取、3種私有模塊樣式的制作方案

修復(fù)模塊化代碼之后，不同塊之間的細(xì)微樣式差異

圖片列表模塊化的制作-上

圖片列表模塊化的制作-下

模塊化制作

區(qū)域定義結(jié)構(gòu)及命名

日歷JS交互樣式設(shè)置

焦點(diǎn)圖JS交互效果樣式設(shè)置

列表高亮顯示JS交互效果樣式設(shè)置

格子排列JS交互效果樣式設(shè)置

模塊化搭建整站結(jié)構(gòu)

切換搜索框JS效果的實(shí)現(xiàn)

文字彈性滑動(dòng)JS效果的實(shí)現(xiàn)

選項(xiàng)卡JS效果的實(shí)現(xiàn)以及頁(yè)面多個(gè)選項(xiàng)卡的重用

焦點(diǎn)圖自動(dòng)播放JS效果的實(shí)現(xiàn)

日歷提示JS效果與BBS高亮顯示JS效果的實(shí)現(xiàn)

鼠標(biāo)半透明提示JS效果的實(shí)現(xiàn)

模塊化樣式思路、CSS3漸變、CSS3圓角

下的模塊樣式及廣告圓角制作

編寫布局模塊樣式、公共樣式提取、樣式書寫規(guī)范

模塊化布局、IE兼容性問題的解決方式

修復(fù)IE6-7下margin-bottom失效的問題

制作city中的鏈接：陰影配合圓角的實(shí)現(xiàn)

電商課件