您好,登錄后才能下訂單哦!
現在互聯網發展迅速,前端也成了很重要的崗位之一,許多人都往前端靠攏,可又無能為力,不知所措,首先我們說為什么在編程里,大家都傾向于往前端靠呢?原因很簡單,那就是,在程序員的世界里,前端開發是最最簡單的編程,甚至都不能叫做編程,因為它真的很簡單很簡單,下面呢,我們就開始一點一點的教大家如何開始前端知識的學習(小學生都能學會的語言)!
首先我們學習前端,要知道前端的三個大內容,HTML、CSS、JS,其中HTML和CSS是相互結合著學習,掌握了這兩個了以后我們就算真正入門了,然后再深入學習JS等等。
HTML,CSS,JS
一、首先我們要理解HTML,CSS,JS分別是什么?
HTML就相當于一個人,CSS相當于一個人穿著的衣服,JS相當于讓這個人做什么動作,這樣一形容呢,我們就很好理解了,這個人就是網站,需要有header頭,body身體,footer腳……而網站所呈現給我們各種各樣的樣子就是我們寫的CSS樣式,網站里的動態效果就都是我們的JS去實現的。
在這里小編建了一個前端學習交流扣扣群:132667127,我自己整理的最新的前端資料和高級開發教程,如果有想需要的,可以加群一起學習交流
二、零基礎就能學會前端。
說到這里,可能大家看這么多的文字有點看不下去了,那我們廢話不多說,只要你決定了要學習前端,那就跟我們的課程一點一點學習去設計制作屬于你自己的網頁吧!
我們用到的軟件呢,對于入門級來說我們一般推薦大家用Dreamweaver,簡稱DW,新建一個HTML后,出現的界面是這樣的,
看到這么多代碼不要慌,對我們敲代碼沒啥影響,下面我們開始敲代碼,我們可以看到這里有這樣的代碼,這個就是我們網頁的身體,我們接下來要敲的內容都是在這中間輸入的,這個括號表示的標簽,標簽都是一前一后的,成對兒出現的,除了一些特殊的標簽,隨后我們再一一給大家講解。現在我們輸入點內容,看看效果。
我們輸入一個標簽
,點擊右上角的地球瀏覽一下,會發現彈出了一個空網頁,什么也沒有,那是因為我們現在只書寫了HTML,還沒有寫CSS,簡單來說就是,我們創建了一個東西在頁面里,但是還沒有設置這個東西長什么樣子,現在我們在設置它的樣子,
1、我們為了給這個div設置樣式,所有先給它起個名字不然,電腦不知道我們要給誰加樣式,class="aaa" 的意思是起名為aaa
2、在里寫入這樣一組標簽這個style的意思就是CSS,我們整個網站要加的所有樣式都是寫在這個中間的。
3、我們在style里寫樣式,電腦首先要知道我們給誰加樣式,所有我們寫個.aaa 這個.(點)的意思是我要給aaa加樣式,電腦會自動把.(點)后面的名字,跟下面body里的名字做一個匹配,這樣電腦就知道,哦~原來你是要給這個div加樣式呀,
4、然后我們把要給這個div加的樣式寫在大括號里,width:100px; 意思是這個div的寬是100像素,height:100px; 意思是高是100像素,background-color:#FF0000; 意思是背景顏色是#FF0000這個顏色,
注意:(1)這里我要給大家解釋一下,大家別看這么多代碼,這么多單詞,其實軟件有提示,像下面這樣,直接輸入第一個字母后面的單詞就出現了,直接選中就行了,連單詞都不用背,前端真的很簡單,
輸入w和輸入h,會自動彈出單詞框
(2)每一個單詞都有提示,說到這里,不會英語的同學就不要給自己找借口說英語不好,學不會編程了,當然,這么簡單是不是說大家都容易學會,那大家都會了,我們還有什么優勢呢,其實不然,雖然說很簡單,但是要想真真的把前端學好是需要下功夫的,主要就是要堅持,雖然很簡單,但是能堅持下來的人很少,這也就是為什么我們給學生一直提倡要堅持,做任何事既然決定了,就要堅持,
下面我們繼續,設置好了以后,我們就可以點右上角的“小地球”來瀏覽了,
如果你做出來了,跟我的效果一樣,那么你就成功了,那我就可以恭喜你,你已經入門了,真的很簡單!
到這里大家可能還會有疑慮:
1、可能會有同學覺的,前端好難,寫了那么一大堆,才出了個這個。2、另外就是覺的這一下子蹦出來了這么多代碼,這么多單詞,記不住。3、對未來恐懼,感覺還不知道要有多少單詞,多少代碼要涉及。
在這里呢,我要給大家解釋一下,前端呢,其實我們真正常用的單詞也就20個左右,今天我們就已經用3個了,width、height、background,當然這3個也是最最常用的,是每次都要書寫的。
另外就是像格式之類的,同學可能也會有疑問,這次的是div要起名字,style寫在head里,div寫在body,那還會有多少這樣的寫法,
這一點呢,我可以告訴大家,大家不用擔心,因為這是每次我們寫前端都要首先寫的東西,可以說是固定格式,就類似于做數學應用題,我們首先要寫個“解”字,一個道理。
最后呢,我想跟同學們說,不管我們以后選擇做什么,一定都要堅持去做,世上沒有難的事,只有放棄的事。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。