版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
Web前端開(kāi)發(fā)技術(shù)第一單元網(wǎng)頁(yè)開(kāi)發(fā)入門對(duì)如何制作和設(shè)計(jì)網(wǎng)頁(yè)有一個(gè)全面的了解,作為一個(gè)全局性的認(rèn)識(shí)為下面的學(xué)習(xí)打下基礎(chǔ)。HTML、CSS、JavaScript三者的角色與作用1.1網(wǎng)頁(yè)基礎(chǔ)知識(shí)1.2HTML、CSS、JavaScript三者的角色1.3常用開(kāi)發(fā)工具網(wǎng)頁(yè)基礎(chǔ)知識(shí)11.1.1網(wǎng)頁(yè)與網(wǎng)站網(wǎng)頁(yè)概念:
網(wǎng)頁(yè)是互聯(lián)網(wǎng)上展示信息的一種形式。網(wǎng)頁(yè)又稱Web頁(yè)面,呈現(xiàn)文字、圖像、視音頻多媒體等網(wǎng)頁(yè)內(nèi)容。它會(huì)以文本文檔的形式存儲(chǔ)在Web服務(wù)器上,通過(guò)Internet傳輸?shù)綖g覽器上,并由各種瀏覽器解析和顯示。網(wǎng)頁(yè)分類:
靜態(tài)網(wǎng)頁(yè):內(nèi)容相對(duì)固定不變,沒(méi)有后臺(tái)程序的支持,缺乏靈活性,以.html或.htm為擴(kuò)展名的網(wǎng)頁(yè)文件。
動(dòng)態(tài)網(wǎng)頁(yè):內(nèi)容可根據(jù)用戶、時(shí)間、地點(diǎn)等因素變化而不同,瀏覽器能與服務(wù)器進(jìn)行交互,動(dòng)態(tài)網(wǎng)頁(yè)有ASP、JSP、PHP等1.1.2經(jīng)典網(wǎng)頁(yè)賞析網(wǎng)頁(yè)基本要素:
網(wǎng)頁(yè)標(biāo)題、網(wǎng)站標(biāo)志Logo、導(dǎo)航菜單、側(cè)邊欄、頁(yè)眉與頁(yè)腳以及頁(yè)面內(nèi)容尺寸等。網(wǎng)頁(yè)風(fēng)格:
簡(jiǎn)明,酷炫,溫馨等,一些知名網(wǎng)站也形成了獨(dú)有的設(shè)計(jì)風(fēng)格,如Google風(fēng)格、FlatUI等。網(wǎng)頁(yè)布局:
“廠”字型、兩欄、多欄布局等常見(jiàn)布局結(jié)構(gòu)。網(wǎng)頁(yè)內(nèi)容:
網(wǎng)站logo、導(dǎo)航欄、頁(yè)面標(biāo)題、主要信息內(nèi)容模塊、側(cè)欄模塊和網(wǎng)站版權(quán)信息底部模塊。1.1.3瀏覽器的兼容性問(wèn)題兼容性定義:
各種瀏覽器由不同公司開(kāi)發(fā),使用的瀏覽器內(nèi)核不一樣,就會(huì)對(duì)網(wǎng)頁(yè)的解析處理的方式不同,同一張網(wǎng)頁(yè)會(huì)有不同的顯示效果,就是我們網(wǎng)頁(yè)開(kāi)發(fā)人員要考慮的瀏覽器兼容性問(wèn)題。主流瀏覽器:
HTML、CSS、JavaScript三者的角色21.2HTMLCSSJavaScript三者的角色HTML:
HTML指的是超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage)CSS:CSS(CascadingStyleSheet,即“層疊樣式表”或“級(jí)聯(lián)樣式表”)是一組格式設(shè)通過(guò)使用CSS樣式設(shè)置頁(yè)面的格式,可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。JavaScript:
JavaScript是一種腳本語(yǔ)言,可以和HTML語(yǔ)言結(jié)合,在HTML中可以直接編寫JavaScript代碼1.2HTMLCSSJavaScript三者的角色三者關(guān)系:
本書(shū)主要關(guān)注在靜態(tài)網(wǎng)頁(yè)的制作上面,靜態(tài)網(wǎng)頁(yè)的制作離不開(kāi)這3類代碼:HTML、CSS、JavaScript,這三者相輔相成,發(fā)揮著不同的作用。1.2.1HTML與HTML5的概念HTML:
HTML指的是超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage)HTML5:HTML5是最新一代的HTML標(biāo)準(zhǔn),對(duì)已有版本的改進(jìn)和完善,增加了一些特性,性能得到進(jìn)一步提升。修改了HTML和XHTML的標(biāo)記,相關(guān)的API、Canvas等,同時(shí)HTML5的圖像img標(biāo)記及svg也進(jìn)行了改進(jìn)。1.2.2CSS與CSS3的概念CSS:CSS(CascadingStyleSheet),全稱“層疊樣式表”或“級(jí)聯(lián)樣式表”,簡(jiǎn)稱樣式表。CSS是一種樣式標(biāo)準(zhǔn),定義網(wǎng)頁(yè)元素樣式和頁(yè)面排版布局。CSS3:CSS3是CSS技術(shù)的升級(jí)版本,CSS3語(yǔ)言開(kāi)發(fā)是朝著模塊化發(fā)展的,增加了許多新特性,使得對(duì)網(wǎng)頁(yè)元素的樣式控制更加靈活和細(xì)致。如可設(shè)置圓角、漸變和動(dòng)態(tài)等效果。1.2.3JavaScript介紹JavaScript:
JavaScript簡(jiǎn)稱JS,是一種腳本語(yǔ)言,類似Java語(yǔ)言,JS也有定義變量、方法,同時(shí)可以操縱網(wǎng)頁(yè)中的元素,實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果,增加網(wǎng)頁(yè)交互性。
JavaScript的優(yōu)點(diǎn):動(dòng)態(tài)性:它可以直接對(duì)用戶或客戶的輸入做出響應(yīng),無(wú)須經(jīng)過(guò)Web服務(wù)程序。因此,可以實(shí)現(xiàn)類似彈出提示框這樣的交互性網(wǎng)頁(yè)功能。它對(duì)用戶的響應(yīng)是以“事件”做驅(qū)動(dòng)的,比如,“單擊網(wǎng)頁(yè)中的按鈕”這個(gè)事件可以引發(fā)對(duì)應(yīng)的響應(yīng)。跨平臺(tái)性:JavaScript依賴于瀏覽器,與操作系統(tǒng)無(wú)關(guān)。因此,只要在有瀏覽器的計(jì)算機(jī)上,且瀏覽器支持JavaSc
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 網(wǎng)絡(luò)公司建設(shè)攪拌車租賃合同
- 酒店客戶滿意度承諾書(shū)
- 文物展品押運(yùn)員聘用協(xié)議
- 體育館防水施工合同模板
- 鐵路工程招投標(biāo)投訴管理
- 城市公園綠化養(yǎng)護(hù)
- 教育培訓(xùn)機(jī)構(gòu)轉(zhuǎn)租租賃協(xié)議
- 農(nóng)產(chǎn)品銷售代理聘用合同
- 事故損害賠償協(xié)議書(shū)
- 2024年行政單位專項(xiàng)物資采購(gòu)協(xié)議格式版B版
- 無(wú)人機(jī)表演服務(wù)合同
- 電氣自動(dòng)化專業(yè)職業(yè)生涯目標(biāo)規(guī)劃書(shū)范例及步驟
- 水利工程特點(diǎn)、重點(diǎn)、難點(diǎn)及應(yīng)對(duì)措施
- 物業(yè)經(jīng)理轉(zhuǎn)正述職
- 貿(mào)易崗位招聘面試題及回答建議(某大型國(guó)企)2025年
- 中南林業(yè)科技大學(xué)《高等代數(shù)》2023-2024學(xué)年第一學(xué)期期末試卷
- 北師大版(2024新版)生物七年級(jí)上冊(cè)期末考點(diǎn)復(fù)習(xí)提綱
- 課件 軍人職責(zé)
- Unit 5 Fun ClubsSectionA1a-1d說(shuō)課稿2024-2025學(xué)年人教版英語(yǔ)七年級(jí)上冊(cè)
- 2025蛇年元旦晚會(huì)
- 浙江省杭州市2023-2024學(xué)年六年級(jí)上學(xué)期語(yǔ)文期末試卷(含答案)
評(píng)論
0/150
提交評(píng)論