centrescss
css3圆角 时间:2021-02-11 阅读:()
Introduction:HTML,XHTMLetCSSConceptsetTechnologiesXMLMasterProILIAnnee2013-141/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueLeslangagesdebalises:SGML(StandardGeneralizedMarkupLanguage)datedudebutdesannees70Leweb:creationauCERNen1989parTimBerners-Lee.
Objectif:mettre`adispositionfacilementdesdocuments.
`Al'origine,destravauxderechercheenphysiquequiinteressaientunecommunauteinternationalementdispersee.
2/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueEnutilisantunlangagededescriptiondedocuments:HTML(HyperTextMarkupLanguage)langagedebalisageheritedeSGMLliensentredesdocumentssituesn'importeo`usurlereseaudiusiondedocumentscontenantdutexte,desimages,dusonlamiseenformeestinterpreteeparlenavigateurBasesurunprotocole:HTTP3/58Introduction:HTML,XHTMLetCSSAnnee2013-14Architectureclient/serveurunserveurweb:ouserveurHTTP-Dprocessusquiattenddesrequetesd'unclientweb;unclientweb:ounavigateur,processusquieectuelesrequetesHTTPaupr`esd'unserveur.
executionsurleserveursdetraitements(scriptsCGI,servlets.
.
.
)ousurleclientgeneralisation:leswebservices4/58Introduction:HTML,XHTMLetCSSAnnee2013-14UniformResourceIdentierLocalisationd'uneressourcesurInternet:UniformResourceLocator(URL)protocole://nomHote[:port]/chemin/nomFichier[#part]UniformResourceName(URN)touslesautresmoyensd'identieruneressourcesansprecisersonemplacement5/58Introduction:HTML,XHTMLetCSSAnnee2013-14Lesprotocolesleacc`es`aunchierdudisquelocalftpacc`es`aunserveurftphttpacc`es`aunserveurhttphttpsacc`es`aunserveurhttpavecuneliaisonsecuriseemailtoenvoid'unmessagenewsacc`es`aunforumUsenettelnetconnexionversunservicetelnet.
.
.
6/58Introduction:HTML,XHTMLetCSSAnnee2013-14Necessited'etablirdesnormesLeW3C(WorldWideWebConsortium)www.
w3.
orgaetefondeen1994parTimBerners-Lee.
Sonobjectifestderedigerdesrecommandationspourlaspecicationdeslangages,desservices,desprotocolesliesauWeb.
Danslesannees90,guerreentrelesnavigateurs:ajoutsdespecicitesaulangageHTML.
Siteoptimisepour.
.
.
Avoirducodenormalise:etreindependantdelaplateformeduclient!
LesprincipesduW3C:WebforAllWebonEverything7/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CL'equipe:unesoixantainedechercheursetd'ingenieurs,pourlaplupartdansl'undecestroiscentresleMIT(Massachusset'sInstituteofTechnology)l'ERCIM(ConsortiumEuropeendeRechercheenInformatiqueetAutomatique)KeioUniversity(Japon)Lesmembres:383membresactuellementdesuniversitesdescentresderecherchedessocietesprivees(AT&T,Google,IBM,ILOG,MicroSoft,Mozilla,Nokia,SUN,etc.
.
.
)8/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CLeW3Ceditedesrecommandations,quisontdesspecications,i.
e.
desnormespourtouslesprotocolesettechnologiesduWeband'assurerleurinteroperabiliteetdeguiderl'evolutionduweb.
Lorsqu'unerecommandationesteditee,apr`esunlongprocessus,c'estqu'unconsensusaetetrouveentretouslesmembresduW3C.
Outrelesrecommandations,lew3cproposedeladocumentation,destutoriaux,desvalidateurs.
.
.
http://www.
w3.
org9/58Introduction:HTML,XHTMLetCSSAnnee2013-14ContenuducoursXHTMLetlesCSSJavascript,Ajax,JQuery,.
.
.
XMLetDTDXPathXSLTschemasXMLwebsemantiquelesAPIdeprogrammationXML(SAX,DOM)XQuery10/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeslimitationsduHTML`al'origine,HTMLdecritlastructuredudocumentmaisderiveversunlangaged'apparence(codagedelamiseenformeendur)permissiviteduHTMLinterpretationdierenteselonlesnavigateurspasdepossibilitedesortiesspecialisees(impression,braille,etc)11/58Introduction:HTML,XHTMLetCSSAnnee2013-14XMLXML:eXtensibleMarkupLanguageensembleder`eglesquipermettentlacreationdelangagesdebalisagepersonnalisesoul'utilisationdelangagesdebalisageexistants.
NombreusestechnologiesautourdeXML.
Pourl'achagededocuments:lesfeuillesdestyleCSSCascadingStyleSheets12/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLXHTML:versiondeHTMLquiheritedeXMLtraductiondeHTML4.
0compatibleavecXMLcadrestrictduXML:meilleurcomportementpermetd'accederauxextensionsdeXML.
XHTML1.
0existeentroisversions:StrictXHTML:eliminedenombreuxelementsdemiseenformeduHTML.
Utilisationd'uneCSSpourobtenirlamiseenformevoulue;TransitionalXHTML:conserveleselementsetattributsdeHTML.
Garantitlacompatibiliteaveclesanciensnavigateurs.
FramesetXHTML:idemquestrictaveclapossibilited'utiliserdescadres.
13/58Introduction:HTML,XHTMLetCSSAnnee2013-14HTML5endiscussiondepuis2004,toujoursenstatutdraft!
CertainsmodulesontunstatutCandidateRecommendation.
objectifs:fournirunesyntaxeHTMLetunesyntaxeXHTMLameliorerlesbalisesdulangagepreciserlesmod`elesdetraitementdesdocumentsHTMLpourfavoriserl'interoperabilitedesapplicationsintroduiredenouvellesbalisesetdesAPIspourlesnouvellesapplicationsWeb(meilleurepriseencompteduwebdynamique)14/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesvalidateursServicesoertsparleW3C:validateursXHTMLetHTMLvalidateurdeCSS15/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5ElementssyntaxiquesspeciquesXML:balisesenminuscules;cen'estpasobligatoireenHTML,maisc'estplusjoli!
touteslesbalisesdoiventcomporterunebaliseden,cen'estpasobligatoireenHTML,maisc'estuner`egle`aconserverlesbalisesvidesdoiventsenirparunmarqueurcen'estpaslecasenHTML!
touteslesvaleursd'attributsdoiventetrequoteesXML:cen'estpastoujourslecasenHTML:HTML:16/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5PourcreerundocumentXHTML1.
1PourcreerundocumentHTML517/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Structure:html,head,bodyElementsdel'enteteMetadata:meta,titleLiaisons:base,linkScriptscoteclient:scriptStyles:style18/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsdel'enteteCeciestunexempledepage.
.
.
19/58Introduction:HTML,XHTMLetCSSAnnee2013-14ElementsducorpsElementsdetypeblocsdestructure:h1-h6,p,divd'expression:address,blockquote,predepresentation:center,hrElementsdetypeenlignedestructure:em,q,strong,spand'expression:abbr,cite,code,dfn,del,ins,kbd,samp,var,img20/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,ElementsenligneAladifferencedesmethodesemployeesdanslesannees90,lesCSSHTMLetdesinformationsdemiseenpage.
Legainrealiseestconsiderable.
Lesfeuillesdestyleprintpermettentuneimpressionimmediated'unepagedepuislenavigateur,etdispensentd'avoir`acreeruneversionimprimabledudocumentHTML21/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,Elementsenligne22/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Liens:aListes:dl,dt,dd,ol,ul,liTables:table,td,th,tr,.
.
.
Formulaires:form,input,select,option,textarea,.
.
.
Images:img,area,mapScriptscoteclient:noscript,scriptEvenements:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup.
.
.
23/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5attention:HTML5n'esttoujourspasunstandardduweb,beaucoupd'evolutions(etaussideretoursenarri`ere)diversementreconnuessuivantlesnavigateurs.
.
.
ungrosajoutdeHTML5estlegraphiqueavecl'elementcanvaslesbalisesassociees`adelamiseenformenesontplusautorisees:big,center,s,tt,u,font,.
.
.
maisonatoujoursstrong,emphmarkpermetdesurlignerdesmorceauxdetextewbrpermetdesuggererunecoupuredemotaunavigateur24/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5arriveedenouveauxpetitselementsgraphiquesunejaugemeter(pourusagestatique)etunebarredeprogression(pourusagedynamique)Progression:25/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5nouvellesbalisespourlastructuredudocument:articleetsection:permettentderegrouperdesinformationstextuelles,tellesquedesparagraphes,destitres,d'autressectionarticledoitcontenirunepartiedetexteindependantedurestedelapage;lesh1,.
.
.
h6quis'ytrouventsontinterpretesenfonctionducontexte;asidepermetderassemblerdeselements(paragraphes,titres)quisontfortementliesentreeuxmaisrestentconnectesauxelementsenvironnants;header,footeretnav:headerpermetdecontenirdeselementsintroductifs`alapage,oudesmenusdenavigationfootercontientdeselementsdendepageoudesection.
Peutcontenirdesmenusdenavigationnavcontientdesmenusdenavigation26/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5figureetfigcaptionfigurepourencapsulerlesillustrations(images,videos,cartes.
.
.
)figcaptionpourajouterunelegendeauxillustrationsdenouveauxelementspermettentunepriseenchargedumultimedia:elementsvideoetaudioUnepageenHTML5unlienunautrelienencoreunlienencoreunautrelien28/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5Uniquementdestitresdeniveau1PourcommencerUnpremierexercicepourvoirunpeu.
.
.
untitred'imagePourcontinuerUndeuxi`emeexercicepourallerplusloin.
.
.
Objectif:mettre`adispositionfacilementdesdocuments.
`Al'origine,destravauxderechercheenphysiquequiinteressaientunecommunauteinternationalementdispersee.
2/58Introduction:HTML,XHTMLetCSSAnnee2013-14UnrapidehistoriqueEnutilisantunlangagededescriptiondedocuments:HTML(HyperTextMarkupLanguage)langagedebalisageheritedeSGMLliensentredesdocumentssituesn'importeo`usurlereseaudiusiondedocumentscontenantdutexte,desimages,dusonlamiseenformeestinterpreteeparlenavigateurBasesurunprotocole:HTTP3/58Introduction:HTML,XHTMLetCSSAnnee2013-14Architectureclient/serveurunserveurweb:ouserveurHTTP-Dprocessusquiattenddesrequetesd'unclientweb;unclientweb:ounavigateur,processusquieectuelesrequetesHTTPaupr`esd'unserveur.
executionsurleserveursdetraitements(scriptsCGI,servlets.
.
.
)ousurleclientgeneralisation:leswebservices4/58Introduction:HTML,XHTMLetCSSAnnee2013-14UniformResourceIdentierLocalisationd'uneressourcesurInternet:UniformResourceLocator(URL)protocole://nomHote[:port]/chemin/nomFichier[#part]UniformResourceName(URN)touslesautresmoyensd'identieruneressourcesansprecisersonemplacement5/58Introduction:HTML,XHTMLetCSSAnnee2013-14Lesprotocolesleacc`es`aunchierdudisquelocalftpacc`es`aunserveurftphttpacc`es`aunserveurhttphttpsacc`es`aunserveurhttpavecuneliaisonsecuriseemailtoenvoid'unmessagenewsacc`es`aunforumUsenettelnetconnexionversunservicetelnet.
.
.
6/58Introduction:HTML,XHTMLetCSSAnnee2013-14Necessited'etablirdesnormesLeW3C(WorldWideWebConsortium)www.
w3.
orgaetefondeen1994parTimBerners-Lee.
Sonobjectifestderedigerdesrecommandationspourlaspecicationdeslangages,desservices,desprotocolesliesauWeb.
Danslesannees90,guerreentrelesnavigateurs:ajoutsdespecicitesaulangageHTML.
Siteoptimisepour.
.
.
Avoirducodenormalise:etreindependantdelaplateformeduclient!
LesprincipesduW3C:WebforAllWebonEverything7/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CL'equipe:unesoixantainedechercheursetd'ingenieurs,pourlaplupartdansl'undecestroiscentresleMIT(Massachusset'sInstituteofTechnology)l'ERCIM(ConsortiumEuropeendeRechercheenInformatiqueetAutomatique)KeioUniversity(Japon)Lesmembres:383membresactuellementdesuniversitesdescentresderecherchedessocietesprivees(AT&T,Google,IBM,ILOG,MicroSoft,Mozilla,Nokia,SUN,etc.
.
.
)8/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeW3CLeW3Ceditedesrecommandations,quisontdesspecications,i.
e.
desnormespourtouslesprotocolesettechnologiesduWeband'assurerleurinteroperabiliteetdeguiderl'evolutionduweb.
Lorsqu'unerecommandationesteditee,apr`esunlongprocessus,c'estqu'unconsensusaetetrouveentretouslesmembresduW3C.
Outrelesrecommandations,lew3cproposedeladocumentation,destutoriaux,desvalidateurs.
.
.
http://www.
w3.
org9/58Introduction:HTML,XHTMLetCSSAnnee2013-14ContenuducoursXHTMLetlesCSSJavascript,Ajax,JQuery,.
.
.
XMLetDTDXPathXSLTschemasXMLwebsemantiquelesAPIdeprogrammationXML(SAX,DOM)XQuery10/58Introduction:HTML,XHTMLetCSSAnnee2013-14LeslimitationsduHTML`al'origine,HTMLdecritlastructuredudocumentmaisderiveversunlangaged'apparence(codagedelamiseenformeendur)permissiviteduHTMLinterpretationdierenteselonlesnavigateurspasdepossibilitedesortiesspecialisees(impression,braille,etc)11/58Introduction:HTML,XHTMLetCSSAnnee2013-14XMLXML:eXtensibleMarkupLanguageensembleder`eglesquipermettentlacreationdelangagesdebalisagepersonnalisesoul'utilisationdelangagesdebalisageexistants.
NombreusestechnologiesautourdeXML.
Pourl'achagededocuments:lesfeuillesdestyleCSSCascadingStyleSheets12/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLXHTML:versiondeHTMLquiheritedeXMLtraductiondeHTML4.
0compatibleavecXMLcadrestrictduXML:meilleurcomportementpermetd'accederauxextensionsdeXML.
XHTML1.
0existeentroisversions:StrictXHTML:eliminedenombreuxelementsdemiseenformeduHTML.
Utilisationd'uneCSSpourobtenirlamiseenformevoulue;TransitionalXHTML:conserveleselementsetattributsdeHTML.
Garantitlacompatibiliteaveclesanciensnavigateurs.
FramesetXHTML:idemquestrictaveclapossibilited'utiliserdescadres.
13/58Introduction:HTML,XHTMLetCSSAnnee2013-14HTML5endiscussiondepuis2004,toujoursenstatutdraft!
CertainsmodulesontunstatutCandidateRecommendation.
objectifs:fournirunesyntaxeHTMLetunesyntaxeXHTMLameliorerlesbalisesdulangagepreciserlesmod`elesdetraitementdesdocumentsHTMLpourfavoriserl'interoperabilitedesapplicationsintroduiredenouvellesbalisesetdesAPIspourlesnouvellesapplicationsWeb(meilleurepriseencompteduwebdynamique)14/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesvalidateursServicesoertsparleW3C:validateursXHTMLetHTMLvalidateurdeCSS15/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5ElementssyntaxiquesspeciquesXML:balisesenminuscules;cen'estpasobligatoireenHTML,maisc'estplusjoli!
touteslesbalisesdoiventcomporterunebaliseden,cen'estpasobligatoireenHTML,maisc'estuner`egle`aconserverlesbalisesvidesdoiventsenirparunmarqueurcen'estpaslecasenHTML!
touteslesvaleursd'attributsdoiventetrequoteesXML:cen'estpastoujourslecasenHTML:HTML:16/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5PourcreerundocumentXHTML1.
1PourcreerundocumentHTML517/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Structure:html,head,bodyElementsdel'enteteMetadata:meta,titleLiaisons:base,linkScriptscoteclient:scriptStyles:style18/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsdel'enteteCeciestunexempledepage.
.
.
19/58Introduction:HTML,XHTMLetCSSAnnee2013-14ElementsducorpsElementsdetypeblocsdestructure:h1-h6,p,divd'expression:address,blockquote,predepresentation:center,hrElementsdetypeenlignedestructure:em,q,strong,spand'expression:abbr,cite,code,dfn,del,ins,kbd,samp,var,img20/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,ElementsenligneAladifferencedesmethodesemployeesdanslesannees90,lesCSSHTMLetdesinformationsdemiseenpage.
Legainrealiseestconsiderable.
Lesfeuillesdestyleprintpermettentuneimpressionimmediated'unepagedepuislenavigateur,etdispensentd'avoir`acreeruneversionimprimabledudocumentHTML21/58Introduction:HTML,XHTMLetCSSAnnee2013-14Elementsblocs,Elementsenligne22/58Introduction:HTML,XHTMLetCSSAnnee2013-14XHTMLetHTML5Liens:aListes:dl,dt,dd,ol,ul,liTables:table,td,th,tr,.
.
.
Formulaires:form,input,select,option,textarea,.
.
.
Images:img,area,mapScriptscoteclient:noscript,scriptEvenements:onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup.
.
.
23/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5attention:HTML5n'esttoujourspasunstandardduweb,beaucoupd'evolutions(etaussideretoursenarri`ere)diversementreconnuessuivantlesnavigateurs.
.
.
ungrosajoutdeHTML5estlegraphiqueavecl'elementcanvaslesbalisesassociees`adelamiseenformenesontplusautorisees:big,center,s,tt,u,font,.
.
.
maisonatoujoursstrong,emphmarkpermetdesurlignerdesmorceauxdetextewbrpermetdesuggererunecoupuredemotaunavigateur24/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5arriveedenouveauxpetitselementsgraphiquesunejaugemeter(pourusagestatique)etunebarredeprogression(pourusagedynamique)Progression:25/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5nouvellesbalisespourlastructuredudocument:articleetsection:permettentderegrouperdesinformationstextuelles,tellesquedesparagraphes,destitres,d'autressectionarticledoitcontenirunepartiedetexteindependantedurestedelapage;lesh1,.
.
.
h6quis'ytrouventsontinterpretesenfonctionducontexte;asidepermetderassemblerdeselements(paragraphes,titres)quisontfortementliesentreeuxmaisrestentconnectesauxelementsenvironnants;header,footeretnav:headerpermetdecontenirdeselementsintroductifs`alapage,oudesmenusdenavigationfootercontientdeselementsdendepageoudesection.
Peutcontenirdesmenusdenavigationnavcontientdesmenusdenavigation26/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5figureetfigcaptionfigurepourencapsulerlesillustrations(images,videos,cartes.
.
.
)figcaptionpourajouterunelegendeauxillustrationsdenouveauxelementspermettentunepriseenchargedumultimedia:elementsvideoetaudioUnepageenHTML5unlienunautrelienencoreunlienencoreunautrelien28/58Introduction:HTML,XHTMLetCSSAnnee2013-14LesnouveautesHTML5Uniquementdestitresdeniveau1PourcommencerUnpremierexercicepourvoirunpeu.
.
.
untitred'imagePourcontinuerUndeuxi`emeexercicepourallerplusloin.
.
.
HostKvm四月优惠：VPS主机全场八折,香港/美国洛杉矶机房$5.2/月起
HostKvm是一家成立于2013年的国外主机服务商，主要提供基于KVM架构的VPS主机，可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房，均为国内直连或优化线路，延迟较低，适合建站或者远程办公等。本月商家针对全场VPS主机提供8折优惠码，优惠后美国洛杉矶VPS月付5.2美元起。下面列出几款不同机房VPS主机产品配置信息。套餐：美国US-Plan0CPU：1cores内存：1GB硬...
VirtVPS抗投诉瑞士VPS上线10美元/月
专心做抗投诉服务器的VirtVPS上线瑞士机房，看中的就是瑞士对隐私的保护，有需要欧洲抗投诉VPS的朋友不要错过了。VirtVPS这次上新的瑞士服务器采用E-2276G处理器，Windows/Linux操作系统可选。VirtVPS成立于2018年，主营荷兰、芬兰、德国、英国机房的离岸虚拟主机托管、VPS、独立服务器、游戏服务器和外汇服务器业务。VirtVPS 提供世界上最全面的安全、完全受保护和私...
Bluehost美国虚拟主机2.95美元/月，十八周年庆年付赠送顶级域名和SSL证书
Bluehost怎么样，Bluehost好不好，Bluehost成立十八周年全场虚拟主机优惠促销活动开始，购买12个月赠送主流域名和SSL证书，Bluehost是老牌虚拟主机商家了，有需要虚拟主机的朋友赶紧入手吧，活动时间：美国MST时间7月6日中午12：00到8月13日晚上11：59。Bluehost成立于2003年，主营WordPress托管、虚拟主机、VPS主机、专用服务器业务。Blueho...
css3圆角为你推荐
-
支出127I:\Sam-research\QEF\Publications\Conference思科ipad支持ipad奶粉ios8支持ipadCTiosiexplore.exe应用程序错误iexplore.exe - 应用程序错误怎么办阿？？？？？？win10445端口windows server2008怎么开放4443端口ms17-010win10华为 slatl10是什么型号