1、移動(dòng)Web開發(fā),第五天,Top 課程內(nèi)容,01、bootstarp布局容器 02、柵格系統(tǒng)的使用 03、less環(huán)境搭建和語法說明 04、wjs頁面整體結(jié)構(gòu)的搭建 05、wjs頁面頭部的完成 06、bootstarp導(dǎo)航組件的說明及wjs導(dǎo)航的完成 07、輪播圖效果的分析及輪播圖插件的使用 08、使用響應(yīng)式工具實(shí)現(xiàn)響應(yīng) 09、輪播圖完成,1.1 01-移動(dòng)web-bootstrap中的布局容器,課程信息 課程時(shí)長：09分33秒 課程名稱： 01-移動(dòng)web-bootstrap中的布局容器 問答與練習(xí) container和container-fluid分別是有什么作用？,1.2 bootstra

2、p中的柵格系統(tǒng),課程信息 課程時(shí)長：20分03秒 課程名稱： 02-移動(dòng)web-bootstrap中的柵格系統(tǒng) 問答與練習(xí) 怎么簡(jiǎn)單的創(chuàng)建一個(gè)柵格系統(tǒng),1.3 bootstrap柵格系統(tǒng)的其它樣式說明(上),課程信息 課程時(shí)長：09分00秒 課程名稱： 03-移動(dòng)web-bootstrap柵格系統(tǒng)的其它樣式說明(上) 問答與練習(xí) offset和push及pull的區(qū)別,2.1 bootstrap柵格系統(tǒng)的其它樣式說明(下),課程信息 課程時(shí)長：09分53秒 課程名稱： 04-移動(dòng)web-bootstrap柵格系統(tǒng)的其它樣式說明(下) 問答與練習(xí) 柵格嵌套時(shí)候container的問題 響應(yīng)式工具

3、的使用,2.2 05-移動(dòng)web-less環(huán)境的搭建,課程信息 課程時(shí)長：12分22秒 課程名稱： 05-移動(dòng)web-less環(huán)境的搭建 問答與練習(xí) Less是干什么的？ 如何檢測(cè)node、npm、less是否安裝成功？,2.3 06-移動(dòng)web-less語法說明,課程信息 課程時(shí)長：14分09秒 課程名稱： 06-移動(dòng)web-less語法說明 問答與練習(xí) 無,3.1 07-移動(dòng)web-wjs頁面的整體結(jié)構(gòu),課程信息 課程時(shí)長：03分23秒 課程名稱： 07-移動(dòng)web-wjs頁面的整體結(jié)構(gòu) 問答與練習(xí) 無,3.2 微金所頁面的字體圖標(biāo)樣式準(zhǔn)備,課程信息 課程時(shí)長：02分46秒 課程名稱： 0

4、8-移動(dòng)web-微金所頁面的字體圖標(biāo)樣式準(zhǔn)備 問答與練習(xí) 無,3.3 09-移動(dòng)web-微金所頭部塊制作(上),課程信息 課程時(shí)長：10分06秒 課程名稱： 09-移動(dòng)web-微金所頭部塊制作(上) 問答與練習(xí) 無,3.4 10-移動(dòng)web-微金所頭部塊制作(中),課程信息 課程時(shí)長：16分50秒 課程名稱： 10-移動(dòng)web-微金所頭部塊制作(中) 問答與練習(xí) 無,4.1 11-移動(dòng)web-微金所頭部塊制作(下),課程信息 課程時(shí)長：06分18秒 課程名稱： 11-移動(dòng)web-微金所頭部塊制作(下) 問答與練習(xí) 如何修改bootstarp預(yù)定制樣式？,4.2 12-移動(dòng)web-導(dǎo)航條組件的說

5、明,課程信息 課程時(shí)長：11分13秒 課程名稱： 12-移動(dòng)web-導(dǎo)航條組件的說明 問答與練習(xí) 無,4.3 導(dǎo)航條組件的樣式修改(上),課程信息 課程時(shí)長：16分37秒 課程名稱： 13-移動(dòng)web-導(dǎo)航條組件的樣式修改(上) 問答與練習(xí) 導(dǎo)航條樣式如何修改？,5.1 導(dǎo)航條組件的樣式修改(下),課程信息 課程時(shí)長：09分43秒 課程名稱： 14-移動(dòng)web-導(dǎo)航條組件的樣式修改(下) 問答與練習(xí) 無,5.2 15-移動(dòng)web-輪播圖的效果分析,課程信息 課程時(shí)長：05分45秒 課程名稱： 15-移動(dòng)web-輪播圖的效果分析 問答與練習(xí) 移動(dòng)端和pc端的機(jī)構(gòu),5.3 16-移動(dòng)web-輪播圖

6、插件的使用說明,課程信息 課程時(shí)長：06分30秒 課程名稱： 16-移動(dòng)web-輪播圖插件的使用說明 問答與練習(xí) 無,5.4 17-移動(dòng)web-移動(dòng)端的輪播圖效果實(shí)現(xiàn),課程信息 課程時(shí)長：05分33秒 課程名稱： 17-移動(dòng)web-移動(dòng)端的輪播圖效果實(shí)現(xiàn) 問答與練習(xí) 無,5.5 18-移動(dòng)web-非移動(dòng)端的輪播圖效果實(shí)現(xiàn),課程信息 課程時(shí)長：08分07秒 課程名稱： 18-移動(dòng)web-非移動(dòng)端的輪播圖效果實(shí)現(xiàn) 問答與練習(xí) 無,6.1 19-移動(dòng)web-使用響應(yīng)式工具實(shí)現(xiàn)輪播圖,課程信息 課程時(shí)長：07分46秒 課程名稱： 19-移動(dòng)web-使用響應(yīng)式工具實(shí)現(xiàn)輪播圖 問答與練習(xí) 響應(yīng)式工具如何使用？ 利用響應(yīng)式工具實(shí)現(xiàn)會(huì)存在哪些問題？,6.2 20-移動(dòng)web-使用js實(shí)現(xiàn)輪播圖,課程信息 課程時(shí)長：17分59秒 課程名稱： 20-移動(dòng)web-使用js實(shí)現(xiàn)輪播圖 問答與練習(xí) 無,6.3 21-移動(dòng)web-實(shí)現(xiàn)輪播圖的滑動(dòng)操作,課程信息 課程時(shí)長：09分19秒 課程名稱： 21-移動(dòng)web-實(shí)現(xiàn)