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.
.
.
创梦云 香港沙田、长沙联通2核1G仅需29元一个月 挂机宝7元一个月
商家介绍：创梦云是来自国内的主机销售商，成立于2018年4月30日，创梦云前期主要从事免备案虚拟主机产品销售，现在将提供5元挂机宝、特惠挂机宝、香港云服务器、美国云服务器、低价挂机宝等产品销售。主打高性价比高稳定性挂机宝、香港云服务器、美国云服务器、香港虚拟主机、美国虚拟主机。官方网站：http://cmy0.vnetdns.com本次促销产品：地区CPU内存硬盘带宽价格购买地址香港特价云服务器1...
百纵科技云主机首月9元，站群1-8C同价,美国E52670*1,32G内存 50M 899元一月
百纵科技:美国高防服务器,洛杉矶C3机房 独家接入zenlayer清洗 带金盾硬防,CPU全系列E52670、E52680v3 DDR4内存 三星固态盘阵列！带宽接入了cn2/bgp线路，速度快，无需备案，非常适合国内外用户群体的外贸、搭建网站等用途。官方网站：https://www.baizon.cnC3机房，双程CN2线路，默认200G高防，3+1（高防IP），不限流量，季付送带宽美国洛杉矶C...
星梦云-100G高防4H4G21M月付仅99元，成都/雅安/德阳
商家介绍：星梦云怎么样，星梦云好不好，资质齐全，IDC/ISP均有，从星梦云这边租的服务器均可以备案，属于一手资源，高防机柜、大带宽、高防IP业务，一手整C IP段，四川电信，星梦云专注四川高防服务器,成都服务器,雅安服务器,。活动优惠促销:1、成都电信夏日激情大宽带活动机（封锁UDP，不可解封）：机房CPU内存硬盘带宽IP防护流量原价活动价开通方式成都电信优化线路2vCPU2G40G+60G21...
css3圆角为你推荐
-
TelewizjamediasupplementedrouteAnthemmy支持ipad支持ipad张女士苹果5x-routerx-0.4x等于多少?fusionchartsfusioncharts怎么生成图片至excel重庆电信宽带管家中国电信10000管家用着怎么样啊？？ipad无法加入网络为什么ipad无法加入网络？