
下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、零基礎(chǔ)學(xué)web前端系列分享:入門必備知識互聯(lián)網(wǎng)正在轉(zhuǎn)變我們的生活,前端也成了很重要的崗位之一,許多人都往前端靠攏,可又無能為力,不知所措,首先我們說為什么在編程里,大家都傾向于往前端靠呢?緣由很容易,那就是,在程序員的世界里,前端開發(fā)是最容易的編程,由于它真的很容易,下面,我就開頭一點(diǎn)一點(diǎn)的教大家如何開頭前端學(xué)問的學(xué)習(xí)首先我們學(xué)習(xí)前端,要知道前端的三個大內(nèi)容,html、css、js,其中html和css是互相結(jié)合著學(xué)習(xí),把握了這兩個了以后我們就算真正入門了,然后再深化學(xué)習(xí)js等等。一、理解html,css,js分離是什么html:是靜態(tài)網(wǎng)頁,該文檔本身2113惟獨(dú)頁面結(jié)構(gòu),可以顯示頁面內(nèi)容;c
2、ss:層疊樣5261式表,通過設(shè)置對應(yīng)的樣式屬性可以修改4102html文檔內(nèi)各元素的顯示、位置等樣式;如修改色彩、字體、字號、寬高、位置、背景等。javascript:動態(tài)腳本語言,廣泛應(yīng)用于web應(yīng)用的功能開1653發(fā)以及豐盛頁面體驗(yàn),可以動態(tài)控制頁面內(nèi)容;如修改頁面文字、回、各種效果、功能等;一個通俗的例子:html就像答人的身體,css就像人的衣服,javascript就像人的思想和行為。二、零基礎(chǔ)學(xué)會前端首先我們需要用到的軟件,對于入門級來說我們普通推舉大家用dreamweaver,簡稱dw,新建一個html后,浮現(xiàn)的界面是這樣的,看到這么多代碼不要慌,對我們敲代碼沒有影響,下面我們
3、開頭敲代碼,我們可以看到這里有這樣的代碼,這個就是我們網(wǎng)頁的身體,我們接下來要敲的內(nèi)容都是在這中間輸入的,這個括號表示的標(biāo)簽,標(biāo)簽都是一前一后的,成對浮現(xiàn)的,除了一些特別的標(biāo)簽,隨后我再一一給大家講解?,F(xiàn)在我們輸入點(diǎn)內(nèi)容,看看效果。我們輸入一個標(biāo)簽,點(diǎn)擊右上角的地球掃瞄一下,會發(fā)覺彈出了一個空網(wǎng)頁,什么也沒有,那是由于我們現(xiàn)在只書寫了html,還沒有寫css,容易來說就是,我們創(chuàng)建了一個東西在頁面里,但是還沒有設(shè)置這個東西長什么樣子,現(xiàn)在我們在設(shè)置它的樣子,1、我們?yōu)榱私o這個div設(shè)置樣式,全部先給它起個名字不然,電腦不知道我們要給誰加樣式,class="aaa&qu
4、ot; 的意思是起名為aaa2、在里寫入這樣一組標(biāo)簽這個style的意思就是css,我們囫圇網(wǎng)站要加的全部樣式都是寫在這個中間的。3、我們在style里寫樣式,電腦首先要知道我們給誰加樣式,全部我們寫個。aaa 這個。(點(diǎn))的意思是我要給aaa加樣式,電腦會自動把。(點(diǎn))后面的名字,跟下面body里的名字做一個匹配,這樣電腦就知道,哦——本來你是要給這個div加樣式呀,4、然后我們把要給這個div加的樣式寫在大括號里,width:100px; 意思是這個div的寬是100像素,height:100px; 意思是高是100像素,background-col
5、or:ff0000; 意思是背景色彩是ff0000這個色彩,注重:(1)這里我要給大家說明一下,大家別看這么多代碼,這么多單詞,其實(shí)軟件有提醒,像下面這樣,挺直輸入第一個字母后面的單詞就浮現(xiàn)了,挺直選中就行了,連單詞都不用背,前端真的很容易,輸入w和輸入h,會自動彈出單詞框(2)每一個單詞都有提醒,說到這里,不會英語的學(xué)生就不要給自己找借口說英語不好,學(xué)不會編程了,固然,這么容易是不是說大家都簡單學(xué)會,那大家都會了,我們還有什么優(yōu)勢呢,其實(shí)不然,雖然說很容易,但是要想真真的把前端學(xué)好是需要下功夫的,主要就是要堅(jiān)持,雖然很容易,但是能堅(jiān)持下來的人很少,這也就是為什么我們給同學(xué)向來倡導(dǎo)要堅(jiān)持,做任何事既然打算了,就要堅(jiān)持,下面我們繼續(xù),設(shè)置好
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 領(lǐng)導(dǎo)力與組織文化協(xié)同發(fā)展-洞察闡釋
- 環(huán)境變量在云計算安全中的應(yīng)用-洞察闡釋
- 林下經(jīng)濟(jì)產(chǎn)業(yè)政策優(yōu)化建議-洞察闡釋
- 體育俱樂部團(tuán)隊(duì)共建方案
- 農(nóng)業(yè)可持續(xù)發(fā)展與生態(tài)保護(hù)-洞察及研究
- 智能化輸入設(shè)備設(shè)計-洞察闡釋
- 新建特殊教育學(xué)校附屬幼兒教育中心規(guī)劃方案研究報告
- 雪地美容院照明設(shè)計-洞察闡釋
- 度假村健康水療服務(wù)標(biāo)準(zhǔn)文檔
- 【系統(tǒng)狀態(tài)估計的理論基礎(chǔ)3700字】
- 《讓子彈飛》電影賞析
- PLC入門課程課件
- 中學(xué)生高效學(xué)習(xí)策略體系(學(xué)習(xí)的邏輯)
- 【課件】第五單元化學(xué)反應(yīng)的定量關(guān)系新版教材單元分析九年級化學(xué)人教版(2024)上冊
- 十堰房縣國有企業(yè)招聘筆試題庫2024
- 滬教版小學(xué)六年級語文上學(xué)期考前練習(xí)試卷-含答案
- 04S519小型排水構(gòu)筑物(含隔油池)圖集
- 外研版(2024)七年級上冊英語全冊教案教學(xué)設(shè)計
- 研討報告的格式范文模板
- 山東省青島市2023-2024學(xué)年五年級下學(xué)期6月期末科學(xué)試題
- GB/T 44130.1-2024電動汽車充換電服務(wù)信息交換第1部分:總則
評論
0/150
提交評論