2017年3月12日 星期日

Bootstrap模版特色技巧分析+局部實習案例09-Portfolio滿版圖片左右上下滑動+互動彈出圖文展示

學習Bootstrap網頁設計,在有HTML5+CSS3+jQuery基礎下,想快速學習,建議最佳模式便是大量收集Bootstrap相關網站模版,並且最好能針對你想要的局部特色技巧進行局部實習,最後再做網站開發設計的整合,其中網頁圖片展示技巧的Portfolio是重要的學習對象之一,且互動變化也較多.

這模版案例是針對Portfolio滿版圖片能左右或上下滑動並且能互動彈出圖文展示,算是不錯的展示手法.

有興趣者,可由林金露老師的網站上的Bootstrap相關教材雲端硬碟進行下載來實習.
教材下載網址=https://drive.google.com/drive/folders/0B2WBROm9eo3ENkZRQXp6UjJkcFE
請找到(Bootstrap模版特色技巧分析+局部實習案例09-Portfolio滿版圖片左右上下滑動+互動彈出圖文展示.rar)下載至本機硬碟再解壓縮(pw=flash)

Bootstrap網頁模版編修實習主要是要能學會如何擷取出你想要的局部展示技巧,這個案例重點放在Portfolio滿版圖片能左右滑動,點選圖片還能互動彈出圖文展示,是在商業應用展示很實用的技巧.

這是從Bootstrap網頁模版擷取的局部,網址=http://website.linjinlu.com/portfolioshow02/


當有能力擷取,接下便是網頁應用了.
這是加入8張照片的實習.學習當客戶圖片較多時,你是否會使用這模版的局部技巧.



網頁展示可以變化多元,主要一定要訓練自己有想法哦,所以當會了上面案例,當然再往下多設計學習,再來便是想讓圖片能上下滑動了哦,且要再多張圖片,且能在row多加一col並能分配好.
這是加入9張照片且調整為上下滑動的實習,學習你是否能舉一反三的使用這模版的局部技巧.








沒有留言: