HTML 21 天入門：實(shí)現(xiàn)微博首頁實(shí)例
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
嘗試實(shí)現(xiàn)一下微博的首頁和登錄頁面，使用我們前面學(xué)過的知識(shí)進(jìn)行一次實(shí)踐。 要實(shí)現(xiàn)什么微博首頁展示在電腦上打開微博的頁面，能看到如下顯示。
這個(gè)頁面，我們把它簡化為兩塊內(nèi)容，即上面標(biāo)注的 1 和 2。 而且很容易看到下面的內(nèi)容，比如 3，其實(shí)是 2 的重復(fù)。 對(duì)于 1 的內(nèi)容，它又分成了兩塊：
對(duì)于這一部分的實(shí)現(xiàn)，使用的知識(shí)有學(xué)習(xí)的 form 表單中的 input，以及鏈接。當(dāng)然 logo 的展示是圖片，需要用到 img。
最右邊的圖標(biāo)，如果點(diǎn)擊了會(huì)展開更多的內(nèi)容，它們本質(zhì)上也是鏈接，只是樣式上略微有變化。 而對(duì)于 2，它是某個(gè)人發(fā)布了一篇微博的正文展示，它又分成了以下 4 個(gè)部分：
按照這樣的劃分，我們的網(wǎng)頁結(jié)構(gòu)也基本上就出來了。
微博登錄頁
而微博的登錄頁面，和其它我們見到的登錄頁面也大同小異，主要是 form 表單及相應(yīng)元素的應(yīng)用。 當(dāng)然，也要用到其它的比如鏈接，圖片等。 登錄頁沒有那么復(fù)雜，就不做 mockup 結(jié)構(gòu)了，后面直接上手。 接下來有了今天的分析和結(jié)構(gòu)，后面分三次講解分別：
該文章在 2024/10/22 12:22:16 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
