響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)有感

時(shí)間：2023-09-27 02:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-27 02:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)有感： 我有一個(gè)習(xí)慣，隔一段時(shí)間就會(huì)去學(xué)一些編程方面的知識(shí)，或者遇到靈感爆棚時(shí)會(huì)去寫(xiě)一些小軟件小程序。不過(guò)我經(jīng)常學(xué)了就忘，因?yàn)槲业墓ぷ鞲幊虩o(wú)關(guān)，但不妨礙我對(duì)編程的熱情，十幾年如一日地保持著這個(gè)習(xí)慣。前幾天在網(wǎng)上看到一條介紹程序員成長(zhǎng)之路的視頻，講的不錯(cuò)，其中介紹到編程學(xué)習(xí)網(wǎng)站的時(shí)候，激發(fā)了我的興趣，于是我果斷暫停視頻，進(jìn)入了其中一個(gè)學(xué)習(xí)網(wǎng)站(freecodecamp)。

打開(kāi)一看，界面簡(jiǎn)潔明朗，入眼就是鮮艷醒目的黃色背景大按鈕，上面寫(xiě)著“開(kāi)始學(xué)習(xí)（免費(fèi)）”的黑色大字，主題異常鮮明。網(wǎng)站是一系列編程課程的學(xué)習(xí)演練，每門(mén)課程分若干知識(shí)點(diǎn)，每掌握一個(gè)知識(shí)點(diǎn)并通過(guò)相應(yīng)的演練可進(jìn)入下一個(gè)知識(shí)點(diǎn)。課程最后有若干完整項(xiàng)目的實(shí)戰(zhàn)演練，順利通過(guò)就可以拿到該課程的認(rèn)證，一張有模有樣的電子證書(shū)，里面還有簽名，也不知這東西有沒(méi)有好處，但至少是一種認(rèn)可，意味著合格通過(guò)吧。

網(wǎng)站提供的課程我就不一一介紹了，畢竟我也學(xué)習(xí)沒(méi)幾天，有興趣的可以打開(kāi)看看。我就講一下我通過(guò)這幾天學(xué)習(xí)并獲得認(rèn)證的一個(gè)課程：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。這門(mén)課程是關(guān)于靜態(tài)網(wǎng)頁(yè)的編程教學(xué)，即html+css教學(xué)，它教導(dǎo)html和css的語(yǔ)法規(guī)則，html元素的使用，其中還涉及html5和css3的一些新功能，建議有基礎(chǔ)又很久沒(méi)做靜態(tài)網(wǎng)頁(yè)的朋友可以看看。印象比較深刻的是css的flex和grid的排版功能，其實(shí)我很久以前學(xué)習(xí)php時(shí)做兩個(gè)網(wǎng)站，對(duì)html和css并不完全陌生，我記得以前都是用div元素+css的float屬性做排版，一個(gè)網(wǎng)頁(yè)下來(lái)滿(mǎn)滿(mǎn)的div字眼，這次學(xué)習(xí)了新的排版方式，感覺(jué)排版靈活許多，再結(jié)合豐富了許多的html元素，可讀性和娛樂(lè)性一下子提升不少。值得一提的是css的動(dòng)畫(huà)功能和多媒體特性，也是我這次新學(xué)到的知識(shí)。前者顧名思義，是用來(lái)做一些簡(jiǎn)單的動(dòng)畫(huà)特效，如按鈕響應(yīng)鼠標(biāo)的顏色變化，平面物體的運(yùn)動(dòng)特效等，后者用來(lái)實(shí)現(xiàn)不同設(shè)備可以采用不同的css樣式方案，兩種功能可謂是精彩又體貼。

以上是我這幾天學(xué)習(xí)的一些感悟和總結(jié)，雖然只是一些功能介紹，沒(méi)有具體的代碼介紹，不過(guò)有了方向，具體知識(shí)可以到網(wǎng)站中去學(xué)習(xí)，遠(yuǎn)比在這里贅述要強(qiáng)的多。有一點(diǎn)遺憾的是，學(xué)完課程我還是不知道響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)中的響應(yīng)式是什么意思，知道的朋友可以給我解惑一下嗎？