歡迎來到裝配圖網(wǎng)! | 幫助中心 裝配圖網(wǎng)zhuangpeitu.com!
裝配圖網(wǎng)
ImageVerifierCode 換一換
首頁 裝配圖網(wǎng) > 資源分類 > PPT文檔下載  

模塊2Web標(biāo)準(zhǔn)及其構(gòu)成

  • 資源ID:248532900       資源大?。?span id="kc0egnq" class="font-tahoma">221.50KB        全文頁數(shù):20頁
  • 資源格式: PPT        下載積分:9.9積分
快捷下載 游客一鍵下載
會(huì)員登錄下載
微信登錄下載
三方登錄下載: 微信開放平臺(tái)登錄 支付寶登錄   QQ登錄   微博登錄  
二維碼
微信掃一掃登錄
下載資源需要9.9積分
郵箱/手機(jī):
溫馨提示:
用戶名和密碼都是您填寫的郵箱或者手機(jī)號(hào),方便查詢和重復(fù)下載(系統(tǒng)自動(dòng)生成)
支付方式: 支付寶    微信支付   
驗(yàn)證碼:   換一換

 
賬號(hào):
密碼:
驗(yàn)證碼:   換一換
  忘記密碼?
    
友情提示
2、PDF文件下載后,可能會(huì)被瀏覽器默認(rèn)打開,此種情況可以點(diǎn)擊瀏覽器菜單,保存網(wǎng)頁到桌面,就可以正常下載了。
3、本站不支持迅雷下載,請(qǐng)使用電腦自帶的IE瀏覽器,或者360瀏覽器、谷歌瀏覽器下載即可。
4、本站資源下載后的文檔和圖紙-無水印,預(yù)覽文檔經(jīng)過壓縮,下載后原文更清晰。
5、試題試卷類文檔,如果標(biāo)題沒有明確說明有答案則都視為沒有答案,請(qǐng)知曉。

模塊2Web標(biāo)準(zhǔn)及其構(gòu)成

單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,煙臺(tái)職業(yè)學(xué)院信息工程系,*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,煙臺(tái)職業(yè)學(xué)院信息工程系,*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,煙臺(tái)職業(yè)學(xué)院信息工程系,*,10/24/2024,煙臺(tái)職業(yè)學(xué)院信息工程系,模塊,2 Web,標(biāo)準(zhǔn)及其構(gòu)成,【任務(wù)目標(biāo)】,了解與Web標(biāo)準(zhǔn)相關(guān)的組織。,掌握Web標(biāo)準(zhǔn)的構(gòu)成以及每一部分的作用。,了解DIV+CSS布局與表格布局的差異。,了解Web標(biāo)準(zhǔn)的發(fā)展歷程。,了解瀏覽器的兼容性問題。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.1 Web,標(biāo)準(zhǔn)介紹,Web,標(biāo)準(zhǔn),W3C,ECMA,10/24/2024,煙臺(tái)職業(yè)學(xué)院信息工程系,2.1.1 Web,標(biāo)準(zhǔn),Web,標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。,Web,標(biāo)準(zhǔn)是由,W3C,(,world wide web consortium,)和其他標(biāo)準(zhǔn)化組織制定的一套規(guī)范集合。這些規(guī)范是專門為了那些在網(wǎng)上發(fā)布的可向后兼容的文檔所設(shè)計(jì)的,使其能夠被大多數(shù)人訪問。,網(wǎng)頁主要由,3,部分組成:結(jié)構(gòu)(,structure,)、表現(xiàn)(,presentation,)和行為(,behavior,)。對(duì)應(yīng)的標(biāo)準(zhǔn)也分為,3,方面:結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括,XHTML,和,XML,,表現(xiàn)標(biāo)準(zhǔn)語言主要包括,CSS,,行為標(biāo)準(zhǔn)語言主要包括對(duì)象模型(如,W3C DOM,)、,ECMAScript,等。,10/24/2024,2.1 Web,標(biāo)準(zhǔn)介紹,主要內(nèi)容:,Web,標(biāo)準(zhǔn),W3C,ECMA,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.1.1 Web,標(biāo)準(zhǔn),Web,標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。,Web,標(biāo)準(zhǔn)是由,W3C,(,world wide web consortium,)和其他標(biāo)準(zhǔn)化組織制定的一套規(guī)范集合。這些規(guī)范是專門為了那些在網(wǎng)上發(fā)布的可向后兼容的文檔所設(shè)計(jì)的,使其能夠被大多數(shù)人訪問。,網(wǎng)頁主要由,3,部分組成:結(jié)構(gòu)(,structure,)、表現(xiàn)(,presentation,)和行為(,behavior,)。對(duì)應(yīng)的標(biāo)準(zhǔn)也分為,3,方面:結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括,XHTML,和,XML,,表現(xiàn)標(biāo)準(zhǔn)語言主要包括,CSS,,行為標(biāo)準(zhǔn)語言主要包括對(duì)象模型(如,W3C DOM,)、,ECMAScript,等。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.1.2 W3C,W3C,的中文譯名為萬維網(wǎng)組織,它是一個(gè)專注于,“,領(lǐng)導(dǎo)和發(fā)展,Web,技術(shù),”,的國際工業(yè)行業(yè)協(xié)會(huì)。,W3C,的主要工作是研究和制定開放的規(guī)范(事實(shí)上的標(biāo)準(zhǔn)),以便提高,Web,相關(guān)產(chǎn)品的互用性。,W3C,的推薦規(guī)范的制定都是由來自會(huì)員和特別邀請(qǐng)的專家組成的工作組完成。工作組的草案(,drafts,)在通過多數(shù)相關(guān)公司和組織同意后提交給,W3C,理事會(huì)討論,正式批準(zhǔn)后才成為,“,推薦規(guī)范(,recommendations,),”,發(fā)布。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.1.2 W3C,W3C,發(fā)布的標(biāo)準(zhǔn)主要有以下內(nèi)容:,1.HTML 4.0,超文本標(biāo)記語言,HTML,廣泛用于現(xiàn)在的網(wǎng)頁,,HTML,可以為文檔增加結(jié)構(gòu)信息。,2.XML 1.0,XML,是,extensible markup language,(可擴(kuò)展標(biāo)記語言)的簡(jiǎn)寫。,XML,類似于,HTML,,但,XML,允許用戶自己定義標(biāo)簽,甚至允許用戶通過,XML namespaces,為一個(gè)文檔定義多套設(shè)定。,3.CSS 2.0,CSS,指層疊樣式表。通過,CSS,可以控制,HTML,或者,XML,標(biāo)簽的表現(xiàn)形式。,4.XHTML 1.0,實(shí)際上,,XHTML,就是將,HTML,根據(jù),XML,規(guī)范重新定義一遍。它的標(biāo)簽與,HTML 4.0,一致,而格式嚴(yán)格遵循,XML,規(guī)范。,5.DOM 1.0,DOM,是,document object model,文檔對(duì)象模型的縮寫。它使腳本語言很容易訪問到整個(gè)文檔的結(jié)構(gòu)、表現(xiàn)和行為。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.1.3 ECMA,ECMA是European Computer Manufactures Association的縮寫,中文名稱為歐洲計(jì)算機(jī)制造聯(lián)合會(huì),是1961年成立的旨在建立統(tǒng)一的計(jì)算機(jī)操作格式標(biāo)準(zhǔn),包括程序語言和輸入輸出的組織。,ECMA發(fā)布了標(biāo)準(zhǔn)ECMAScript。ECMAScript是基于Netscape JavaScript的一種標(biāo)準(zhǔn)腳本語言。它也是一種基于對(duì)象的語言,通過DOM可以操作網(wǎng)頁上的任何對(duì)象??梢栽黾?、刪除、移動(dòng)或者改變對(duì)象。使得網(wǎng)頁的交互性大大提高。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.2 Web,標(biāo)準(zhǔn)技術(shù)的構(gòu)成,結(jié)構(gòu),表現(xiàn),行為,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.2.1,結(jié)構(gòu),結(jié)構(gòu)用來對(duì)網(wǎng)頁中用到的信息進(jìn)行整理與分類。用于結(jié)構(gòu)化設(shè)計(jì)的,Web,標(biāo)準(zhǔn)技術(shù)主要有兩種:,XHTML,和,XML,。,XHTML,有,3,種定義:嚴(yán)格的(,strict,),過渡的(,transitional,),框架的(,frameset,)。,DTD,是,document type definition,(文檔類型定義)的縮寫,它寫在,XHTML,文件的開始位置,告訴瀏覽器這個(gè)文檔符合什么規(guī)范,用什么規(guī)范來解析。,XML,即可擴(kuò)展標(biāo)記語言,目前推薦遵循的是,W3C,于,2000,年,10,月,6,日發(fā)布的,XML 1.0,版本,和,HTML,一樣,,XML,同樣來源于古老的標(biāo)準(zhǔn)通用標(biāo)記語言,但,XML,是一種能定義其他語言的語言。,XML,最初設(shè)計(jì)的目的是彌補(bǔ),HTML,的不足,以其強(qiáng)大的擴(kuò)展性滿足網(wǎng)絡(luò)信息發(fā)布的需要,后來逐漸用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換及描述。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.2.2,表現(xiàn),表現(xiàn)技術(shù)用于對(duì)已經(jīng)被結(jié)構(gòu)化的信息進(jìn)行顯示上的控制,包括版式、顏色、大小等樣式控制。,W3C,創(chuàng)建,CSS,標(biāo)準(zhǔn)的目的是希望以,CSS,來描述整個(gè)頁面的布局設(shè)計(jì),與,HTML,所負(fù)責(zé)的結(jié)構(gòu)分開,使站點(diǎn)的構(gòu)建及維護(hù)更加容易。,相對(duì)于結(jié)構(gòu)設(shè)計(jì)來講,表現(xiàn)層的樣式設(shè)計(jì)變化更豐富,也更難掌握。對(duì)于千變?nèi)f化的網(wǎng)頁設(shè)計(jì),如何將設(shè)計(jì)編碼成機(jī)器能夠識(shí)別的樣式語言也是,CSS,的工作重點(diǎn),,CSS,豐富的樣式表現(xiàn)也對(duì)設(shè)計(jì)者提出了更高的要求。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.2.3,行為,行為是指對(duì)整個(gè)文檔內(nèi)部的一個(gè)模型進(jìn)行定義及交互行為的編寫,用于編寫用戶可以進(jìn)行交互式操作的文檔。行為標(biāo)準(zhǔn)也包括兩部分:,DOM,和,ECMAScript,,其具體區(qū)別如下。,DOM,指文檔對(duì)象模型。,W3C,建立的,W3C DOM,是建立網(wǎng)頁與,Script,或程序語言溝通的橋梁。它實(shí)現(xiàn)了訪問頁面中標(biāo)準(zhǔn)組件的一種標(biāo)準(zhǔn)方法。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.3 Web,標(biāo)準(zhǔn)的優(yōu)勢(shì),表現(xiàn)與內(nèi)容分離,DIV+CSS,布局優(yōu)于表格布局,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.3.1,表現(xiàn)與內(nèi)容分離,使用表現(xiàn)與內(nèi)容分離技術(shù)的好處主要有以下幾方面:,高效率的開發(fā)與簡(jiǎn)單維護(hù),信息跨平臺(tái)的可用性,降低服務(wù)器成本,便于改版,加快網(wǎng)頁解析速度,與未來兼容,更好的用戶體驗(yàn),10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.3.2 DIV+CSS,布局優(yōu)于表格布局,用,DIV+CSS,布局來替代傳統(tǒng)的,Table,布局有以下幾方面的原因:,DIV+CSS,布局遵循表現(xiàn)與內(nèi)容分離的原則,使用,DIV+CSS,布局生成的網(wǎng)頁文件網(wǎng)頁代碼精簡(jiǎn)、更小、打開更快,改版網(wǎng)站更簡(jiǎn)單容易,搜索引擎更友好,從頁面的設(shè)計(jì)效果來看,任何用表格布局的頁面完全能夠用,DIV+CSS,布局實(shí)現(xiàn),10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.4 Web,標(biāo)準(zhǔn)的發(fā)展及面臨的問題,Web,標(biāo)準(zhǔn)的發(fā)展,瀏覽器兼容性問題,”,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.4.1 Web,標(biāo)準(zhǔn)的發(fā)展,HTML是一門不夠嚴(yán)謹(jǐn)?shù)恼Z言,主要用于頁面的設(shè)計(jì)與表現(xiàn),XHTML是一門面向結(jié)構(gòu)的語言,主要用于對(duì)網(wǎng)頁內(nèi)容進(jìn)行結(jié)構(gòu)設(shè)計(jì),其嚴(yán)謹(jǐn)?shù)恼Z法結(jié)構(gòu)有利于瀏覽器進(jìn)行解析處理。XHTML也是XML的過渡型語言。,XML是完全面向結(jié)構(gòu)的設(shè)計(jì)語言,W3C制定用于文本設(shè)計(jì)的技術(shù)標(biāo)準(zhǔn)CSS,實(shí)現(xiàn)了網(wǎng)頁的結(jié)構(gòu)與表現(xiàn)分離,CSS 2.0版本得到推廣。,交互性也是Web發(fā)展的標(biāo)志之一,JavaScript提供了如增加、改變或刪除信息以及更為豐富的交互方式,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),2.4.2 Web,標(biāo)準(zhǔn)的兼容性問題,Web,標(biāo)準(zhǔn)的兼容性好,但通常說的兼容是指向后兼容,向新瀏覽器、新設(shè)備兼容。對(duì)已有的瀏覽器來說,它們對(duì),Web,標(biāo)準(zhǔn)的支持程度不一樣,因此會(huì)出現(xiàn)不同瀏覽器下頁面變形的情況。,(,1,)標(biāo)準(zhǔn)模式:,是,W3C,所倡導(dǎo)的,W3C,國際通行標(biāo)準(zhǔn),(,2,)混雜模式:,微軟為了保持瀏覽器良好的向后兼容性,為用戶提供了一個(gè)“開關(guān)”,來決定瀏覽器的工作模式。開關(guān)可以決定瀏覽器采用“標(biāo)準(zhǔn)模式”或者“混雜模式”?;祀s模式自,IE 5.5,開始,在,IE6,、,IE7,、,IE8,均有該模式。在“混雜模式”下,那么各瀏覽器之間表現(xiàn)出的差異將會(huì)非常大,影響網(wǎng)民的瀏覽體驗(yàn)。,10/24/2024,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),思考與練習(xí),一、填空題,1.Web,標(biāo)準(zhǔn)的制定者是,_,。,2.Web,標(biāo)準(zhǔn)的,3,個(gè)方面包括:結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要有,XHTML,和,XML,、,_,和,_,。,3.XHTML,是,_,(可擴(kuò)展超文本標(biāo)識(shí)語言)的縮寫。,HTML,是一種基本的,Web,網(wǎng)頁設(shè)計(jì)語言,,XHTML,是一種基于,_,的標(biāo)記語言。,二、簡(jiǎn)答題,1.,什么是,Web,標(biāo)準(zhǔn)?為什么要使用,Web,標(biāo)準(zhǔn)來開發(fā)網(wǎng)頁?,2.,簡(jiǎn)述,HTML,與,XHTML,的區(qū)別。,3.Web,標(biāo)準(zhǔn)由哪幾方面構(gòu)成?各方面的作用是什么?,4.,如何改善現(xiàn)有網(wǎng)站?,2024/10/24,基于,Web,標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì),20,

注意事項(xiàng)

本文(模塊2Web標(biāo)準(zhǔn)及其構(gòu)成)為本站會(huì)員(xiao****1972)主動(dòng)上傳,裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。 若此文所含內(nèi)容侵犯了您的版權(quán)或隱私,請(qǐng)立即通知裝配圖網(wǎng)(點(diǎn)擊聯(lián)系客服),我們立即給予刪除!

溫馨提示:如果因?yàn)榫W(wǎng)速或其他原因下載失敗請(qǐng)重新下載,重復(fù)下載不扣分。




關(guān)于我們 - 網(wǎng)站聲明 - 網(wǎng)站地圖 - 資源地圖 - 友情鏈接 - 網(wǎng)站客服 - 聯(lián)系我們

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號(hào):ICP2024067431號(hào)-1 川公網(wǎng)安備51140202000466號(hào)


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺(tái),本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請(qǐng)立即通知裝配圖網(wǎng),我們立即給予刪除!