Bootstrap,隨想

談不上學習總結就用了隨想兩個字。

近兩週的計劃是學習Boostrap框架,寫一個網頁出來。在學習過程中感覺並不是那麼難,教程上的代碼沒有去深入理解,畢竟(個人認爲)bootstrap框架學習的目的是爲了更爲簡單高效的製作出一個完整的網頁,所以在學習過程中只是查看了每種類名的樣式和代碼所呈現出的效果(製作網頁時直接調用即可)。

學習過程:看了慕課網上的教程(我的天,十個小時!),看完之後感覺並沒有什麼實質性的收穫。爲了快點做出成果,去看了Bootstrap中文網上的網頁設計作品(都是基於bootstrap開發的),想着,仿照着做一個,然而操作難度太大遂放棄了。後來又看到 runoob.com這個學習網站,上面的Bootstrap部分,很適合用作開發網頁(當時是這麼想的),因爲上面的版塊,一個內容,一段代碼,一個效果,想用的話直接複製就好了。

我理想中的效果是這樣的
這裏寫圖片描述

然而寫出來的效果是這樣的
這裏寫圖片描述

這差距也太大吧!
在製作過程中,想用一個輪播圖插件(畢竟剛學不久),但發現與框架中的附加導航衝突了(框架纔是本期主題。。),所以放棄了輪播圖。感覺附加導航的功能十分強大,所以想用它來貫穿整個網頁(這個說法好像不太規範)。
想在裏面加上人物簡介什麼的,但發現在附加導航這個元素下根本創建不了div,它甚至把body元素的樣式都給改了,導致我連在網頁最後連個footer都加不了。我深深的感受到什麼叫做帶着鐐銬跳舞(就連改框架代碼的心都有了)。

這次的網頁做的很差,框架的內容包括,導航條(有修改代碼),附加導航,摺疊等效果。想在人物介紹部分加css3的,因爲框架的原因沒能實現。

我現在在想,我是不是沒用好(或者說不會用)這個框架呢?

發佈了16 篇原創文章 · 獲贊 38 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章