H5篇

時隔倆周咱還是來說說H5 吧,首先呢,我還是先說一個好消息吧,我的第一個網(wǎng)頁終于做出來了,華為官網(wǎng),可以說做的一模一樣吧,但是沒關(guān)系,學(xué)電腦嘛,本來就是先抄再模仿再寫的,一摸一樣沒關(guān)系,只要能懂自己是怎么做的就行。先放張圖吧


左代碼,右網(wǎng)頁

看看這密密麻麻的代碼,還寫了不少呢,CSS+HTML一共寫了一千八百多行咧。不過總算效果還不錯,該有的動作都有,除了一個輪播圖還沒學(xué)其他都有,說到輪播圖我先說說我這兩周學(xué)了啥吧

1.因為我上學(xué)期就學(xué)過一段時間的CSS和HTML了所以基礎(chǔ)的一些標(biāo)簽和屬性都知道,所以這方面就快速過了一遍,然后就是直接看頁面布局了,不要小看了這頁面布局,是真的重要,我看頁面布局之前做過一個京東的官網(wǎng),那布局雖然也和京東差不多,但是代碼寫的一團(tuán)糟,不知道改了幾遍,現(xiàn)在學(xué)了頁面布局之后做的華為官網(wǎng),頁面布局就好多了,代碼也整理的很好,不會有太多的多余。

2.剛做網(wǎng)頁不知道這一塊是幾個盒子套一塊,可以看看你學(xué)著做的那個網(wǎng)頁的源代碼,人家是套了幾個盒子,再看看這幾個盒子里有幾個是必須的,然后你就套幾個盒子就好。

3.還有一點,就是位置問題,我覺得吧,沒必要把原網(wǎng)頁的每個盒子的位置量的那么那么的精準(zhǔn),大小你量的一樣的就行了,位置實在沒必要太精準(zhǔn),量的太精準(zhǔn)要額外耗費太多的時間和精力,沒必要。

就分享這一點點學(xué)習(xí)方法吧,知識點什么的各大網(wǎng)站平臺都有,還很詳細(xì),我在這就不分享自己學(xué)的那點皮毛了。下面我再說說自己后面的學(xué)習(xí)目標(biāo)吧,一來也是為了督促自己,

1.盡快看完視頻后界面的輪播圖制作呀,動畫制作呀等,

2.閉組之前做完另外的三個網(wǎng)頁

3.閉組之后學(xué)習(xí)我的專業(yè)課知識,至少期末不掛科

以上就是我這學(xué)期后面的三個重要目標(biāo),好了下期再見。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評論 1 45
  • 一、HTML5 1.1 認(rèn)識HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個最新版本,更重要的是它制定...
    福爾摩雞閱讀 16,509評論 14 51
  • 一、HTML5 1.1 認(rèn)識HTML5 HTML5并不僅僅只是作為HTML標(biāo)記語言的一個最新版本,更重要的是它制定...
    小雨不會閱讀 335評論 0 0
  • 基本的能力 依據(jù)設(shè)計稿(PSD 或 Sketch)及交互要求,利用 JavaScript、HTML 和 CSS 等...
    ZoranLee閱讀 2,031評論 0 1
  • 1.圖像標(biāo)簽可以有多個屬性,但必需寫在標(biāo)簽名后面 2.屬性之間不分先后順序,標(biāo)簽名與屬性,屬性與屬性之間用空格隔開...
    羅森Rosen閱讀 2,426評論 0 0

友情鏈接更多精彩內(nèi)容