搜尋

下一節: 可重用的tab结构1752 次播放

5 秒后自动播放下一节
  重新觀看

前端實戰商城開發影片教學

介紹 >
章節課件
第1章實戰商場開發

網頁學習階段、整站分析、規劃

03分鐘38秒

網站目錄劃分、建立樣式表、JS檔案、ICO圖標

05分鐘52秒

模組化搭建整站結構

03分鐘58秒

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

04分鐘14秒

main下的模組樣式及廣告圓角製作

05分鐘04秒

編寫佈局模組樣式、公共樣式擷取、樣式書寫規範

04分鐘04秒

options模組化佈局、IE相容性問題的解決方式

06分鐘09秒

修正IE6-7下margin-bottom失效的問題

06分鐘23秒

製作city中的連結:陰影配合圓角的實現

製作header中link連結及css sprite合併原則

製作導航、導航背景合併及尺寸測試注意事項

search區域的導航製作

search區域搜尋框定位、表單元素樣式設定

CSS繪製三角形及定義三角形公用類

04分鐘27秒

定義update區域JS結構與樣式、三角形公用類別的使用

製作video模組,模組高度精準定義的意義

定義公用標題、公用選項卡

製作HOT清單區域

可重用的tab結構

列表模組公用樣式擷取、3種私有模組樣式的製作方案

修復模組化程式碼之後,不同區塊之間的細微樣式差異

圖片清單模組化的製作

圖片清單模組化的製作

new-title模組化製作

activity區域定義結構及命名

日曆JS互動樣式設定

焦點圖JS互動效果樣式設定

清單高亮顯示JS互動效果樣式設置

04分鐘18秒

格子排列JS交互效果樣式設置

切換搜尋框JS效果的實現

04分鐘20秒

update文字彈性滑動JS效果的實現

options選項卡JS效果的實作以及頁面多個選項卡的重用

Fade焦點圖自動播放JS效果的實現

日曆提示JS效果與BBS高亮顯示JS效果的實現

03分鐘48秒

HOT滑鼠半透明提示JS效果的實現

05分鐘51秒
  • 取消回覆傳送
  • 取消發佈筆記傳送