自写网站入门阶段之一:熟悉各种标签的运用
? ? ? 接觸html/css已經(jīng)有一段時(shí)間,看完了《零基礎(chǔ)學(xué)HTML+CSS》和《CSS網(wǎng)站布局實(shí)錄》兩本書之后對(duì)網(wǎng)頁(yè)設(shè)計(jì)有了一定的概念。但紙上得來(lái)終覺淺,絕知此事要躬行,于是問(wèn)同學(xué)要了其中一個(gè)簡(jiǎn)單的教學(xué)類網(wǎng)站來(lái)練手。一共27個(gè)頁(yè)面,大致都是頁(yè)頂logo+橫幅banner+橫幅nav+正文content+底部foot的結(jié)構(gòu),真正壓縮一下大概只算十幾個(gè)頁(yè)面量而已。
? ? ?經(jīng)過(guò)10天左右的自寫、百度、詢問(wèn)及參考源代碼,終于寫完了,對(duì)于部分標(biāo)簽的實(shí)際運(yùn)用也得到了很好的鍛煉。成型后的頁(yè)面大致跟原頁(yè)面差不多,但還有很多需要改進(jìn)的地方。經(jīng)我總結(jié)有如下幾點(diǎn):
? ? 1.背景圖片的引用不熟練,對(duì)于引用位置background-position后面的位置總要試很久才放到正確位置;
? ? 2.各個(gè)包含層及相鄰層的padding和margin運(yùn)用不熟練,要試多次才能正確;
? ? 3.每次有div或者li浮動(dòng)之后,用一個(gè)clear的div來(lái)清除之后有時(shí)這個(gè)div會(huì)莫名其妙的有19px的高度,無(wú)法消除;
? ? 4.簡(jiǎn)單的js效果還是不會(huì)的,比如同一個(gè)地方若干張圖片輪顯,又或者是左右兩個(gè)按鈕點(diǎn)一下就左右浮動(dòng)圖片;
? ? 5.什么地方用該用什么標(biāo)簽最妥當(dāng)。我覺得這應(yīng)該是最難的,前期先能寫出效果來(lái),后期再做優(yōu)化吧。
這些都是后面要解決的問(wèn)題,我會(huì)慢慢一一解決 。然后我第二個(gè)練手網(wǎng)站又開始了,目測(cè)更復(fù)雜,用了2天才寫完首頁(yè)。希望在接下來(lái)的時(shí)間里更加效率,更加優(yōu)化。然后早日找到工作,加油O(∩_∩)O~!
轉(zhuǎn)載于:https://www.cnblogs.com/zichun/p/3684057.html
總結(jié)
以上是生活随笔為你收集整理的自写网站入门阶段之一:熟悉各种标签的运用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: U-Mail邮件系统客户无需担心Open
- 下一篇: 汽车保险解读:解析涉水损失险与自燃险