????經(jīng)過(guò)了又一周堅(jiān)持不懈的的奮斗,將剩余的四個(gè)半網(wǎng)頁(yè)全部完成,因?yàn)榈谝粋€(gè)頁(yè)面總會(huì)遇到各種各樣的問(wèn)題,并且內(nèi)容相對(duì)較多,所以在做其他頁(yè)面的時(shí)候,問(wèn)題也就少了很多,恩棟學(xué)長(zhǎng)指導(dǎo)了我很多,我受益匪淺,也加快了我的腳步.
我的五個(gè)網(wǎng)頁(yè)分別是
1. 《英雄聯(lián)盟》官網(wǎng)
2.《華為》官網(wǎng)
3. 《原神》官網(wǎng)
4.? ?登錄注冊(cè)表單頁(yè)面
5.? 視頻以及動(dòng)畫頁(yè)面
簡(jiǎn)述一下這五個(gè)頁(yè)面：
英雄聯(lián)盟是第一個(gè)開始做的，也是本階段的主頁(yè)坡氯，這里面沒(méi)有用到彈性布局晨横，所以有些代碼比較多，包含單列箫柳，多列手形，居中等布局，除了一些必要的JS操作悯恍，其他基本按照原動(dòng)畫而做库糠，這里就不列舉了；
華為官網(wǎng)基本九成以上使用了flex布局涮毫，12個(gè)屬性牢記于心瞬欧，并利用媒體查詢等實(shí)現(xiàn)最大效應(yīng)的響應(yīng)式布局，增強(qiáng)可觀看性罢防；
原神官網(wǎng)使用視頻背景艘虎，全比例圖片，flex咒吐，寬高比例增大變小調(diào)整野建，頁(yè)面整體來(lái)看較為簡(jiǎn)潔；
登錄注冊(cè)表單頁(yè)面恬叹，使用lol通用表頭候生，用公共樣式來(lái)進(jìn)行修飾，用css表單屬性實(shí)現(xiàn)美化绽昼，并且熟練掌握正則表達(dá)式規(guī)則陶舞，與站點(diǎn)相連。
視頻以及動(dòng)畫頁(yè)面绪励，視頻為背景肿孵，背景音樂(lè)為襯托唠粥，用audio和video標(biāo)簽展現(xiàn)頁(yè)面特色，其中立體魔方3D旋轉(zhuǎn)為本頁(yè)面亮點(diǎn)停做，熟練掌握css3D效果即可.
????整體來(lái)說(shuō),階段走了整整兩周,不算慢也不算快,我認(rèn)為重點(diǎn)主要是各個(gè)標(biāo)簽的使用,以及css各種定位的用法,各種布局的特點(diǎn),遇見什么情況用哪種辦法,在不浪費(fèi)時(shí)間的情況下,基本不到一周時(shí)間就可以完成一個(gè)高質(zhì)量靜態(tài)網(wǎng)站,?當(dāng)然程序不只是需要敲,敲完之后要進(jìn)行總結(jié),思考,要不然下次遇到同樣問(wèn)題還是得糾結(jié),還得不斷進(jìn)行嘗試,這樣效率是低下的每學(xué)一樣?xùn)|西都得知道它的精髓所在,這才不愧對(duì)時(shí)間,不愧對(duì)自己的努力,自己也能真正學(xué)到東西,每一個(gè)人都有每一個(gè)人的學(xué)習(xí)方法,靜下心來(lái),不焦躁,深入去了解,才能一點(diǎn)一點(diǎn)的看透徹,自己得向著自己想成為的樣子出發(fā),這樣才有動(dòng)力,才有拼搏力,才覺(jué)得值得!!!
