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.
.
.
两款半月湾 HMBcloud 春节88折日本和美国CN2 VPS主机套餐
春节期间我们很多朋友都在忙着吃好喝好，当然有时候也会偶然的上网看看。对于我们站长用户来说，基本上需要等到初八之后才会开工，现在有空就看看是否有商家的促销。这里看到来自HMBcloud半月湾服务商有提供两款春节机房方案的VPS主机88折促销活动，分别是来自洛杉矶CN2 GIA和日本CN2的方案。八八折优惠码：CNY-GIA第一、洛杉矶CN2 GIA美国原生IP地址、72小时退款保障、三网回程CN2 ...
快云科技：夏季大促销,香港VPS7.5折特惠,CN2 GIA线路; 年付仅不到五折巨惠,续费永久同价
快云科技怎么样?快云科技是一家成立于2020年的新起国内主机商，资质齐全 持有IDC ICP ISP等正规商家。我们秉承着服务于客户服务于大众的理念运营，机器线路优价格低。目前已注册用户达到5000+!主营产品有：香港弹性云服务器，美国vps和日本vps，香港物理机，国内高防物理机以及美国日本高防物理机!产品特色：全配置均20M带宽，架构采用KVM虚拟化技术，全盘SSD硬盘，RAID10阵列， 国...
百纵科技（1399元/月)香港CN2站群232IP
湖南百纵科技有限公司是一家具有ISP ICP 电信增值许可证的正规公司，多年不断转型探索现已颇具规模，公司成立于2009年 通过多年经营积累目前已独具一格，公司主要经营有国内高防服务器,香港服务器,美国服务器,站群服务器,东南亚服务器租用，国内香港美国云服务器，以及全球专线业务！活动方案：主营：1、美国CN2云服务器,美国VPS，美国高防云主机,美国独立服务器,美国站群服务器,美国母机。2、香港C...
css3圆角为你推荐
-
http://www.paper.edu.cn支持ipad三星苹果5photoshop技术PS技术是干什么的，如何使用PS技术？iphone连不上wifi我的苹果手机连不上无线,其它手机能,怎么回事?只是家里的连不上ipad上网ipad上网速度很慢怎么回事？360chromechrome是什么文件夹？是360急速浏览器吗？但是怎么没有卸载掉？win7关闭135端口windows 7如何关闭139端口firefoxflash插件Firefox浏览器怎么激活adobe flash插件google分析google分析打不开了？