{"id":5345,"date":"2015-12-16T09:20:50","date_gmt":"2015-12-16T09:20:50","guid":{"rendered":"http:\/\/demo.thimpress.com\/eduma\/?post_type=lpr_course&#038;p=3362"},"modified":"2022-03-31T17:43:38","modified_gmt":"2022-03-31T15:43:38","slug":"html5css3-essentials-in-4-hours","status":"publish","type":"lp_course","link":"https:\/\/sdform.itds.fr\/cours\/all\/developpement\/html5css3-essentials-in-4-hours\/","title":{"rendered":"HTML5 et CSS3"},"content":{"rendered":"<h4>Description<\/h4>\n<p>&nbsp;<\/p>\n<p>R\u00e9aliser ou mettre \u00e0 jour des pages et applications Internet en HTML5 et CSS3. \u2022 Le langage HTML5 est de plus en plus utilis\u00e9 pour les d\u00e9veloppements Internet car il permet de structurer une page et de disposer les \u00e9l\u00e9ments visuels de fa\u00e7on tr\u00e8s pr\u00e9cise. \u2022 Le second langage \u00e9tudi\u00e9, le CSS3, permet, quant \u00e0 lui, d\u2019ajouter des styles et des effets visuels rendant inutile l\u2019utilisation d\u2019images et permettant d\u2019adapter l\u2019affichage sur diff\u00e9rents p\u00e9riph\u00e9riques comme les tablettes, t\u00e9l\u00e9phones ou ordinateurs.<\/p>\n<p>&nbsp;<\/p>\n<h4>Programme d\u00e9taill\u00e9<\/h4>\n<p>&nbsp;<\/p>\n<p><em>RETOUR SUR LE HTML ET CSS : LES FONDAMENTAUX :<\/em><\/p>\n<p>\u2022 Les composants d\u2019un document HTML : textes, liens, titres, paragraphes, tableaux, formulaires\u2026<br \/>\n\u2022 Les commentaires,<br \/>\n\u2022 Comment est structur\u00e9 un document HTML : le doctype,<br \/>\n\u2022 La balise &lt;head&gt;,<br \/>\n\u2022 Lien avec une feuille de style,<br \/>\n\u2022 Lien avec un fichier JavaScript,<br \/>\n\u2022 La balise &lt;body&gt;,<br \/>\n\u2022 M\u00e9thode et balises pour structurer une page,<br \/>\n\u2022 Les caract\u00e8res sp\u00e9ciaux.<\/p>\n<p>&nbsp;<\/p>\n<p><em>FEUILLES DE STYLE CSS :<\/em><\/p>\n<p>\u2022 Images,<br \/>\n\u2022 JavaScript,<br \/>\n\u2022 Le mod\u00e8le de document (DOM),<br \/>\n\u2022 Le protocole HTTP(S).<\/p>\n<p>&nbsp;<\/p>\n<p><em>LE HTML 5 :<\/em><\/p>\n<p>\u2022 Les principaux concepts et apports,<br \/>\n\u2022 Les diff\u00e9rents composants : balises, formulaires, audio, vid\u00e9o, API,<br \/>\n\u2022 Outils de d\u00e9veloppement HTML 5<\/p>\n<p>&nbsp;<\/p>\n<p><em>INTERET DE SES NOUVELLES BALISES DE STRUCTURE :<\/em><\/p>\n<p>\u2022 Nouveaux \u00e9l\u00e9ments et attributs\/nouvelle structuration,<br \/>\n\u2022 Sections &lt;header&gt;, &lt;footer&gt;, introduction\/conclusion d\u2019un bloc,<br \/>\n\u2022 L\u2019\u00e9l\u00e9ment &lt;nav&gt; navigation interne au site,<br \/>\n\u2022 L\u2019\u00e9l\u00e9ment &lt;aside&gt;,<br \/>\n\u2022 Balises &lt;time&gt;, &lt;mark&gt;, &lt;figure&gt;, &lt;figcaption&gt;,<br \/>\n\u2022 Balises &lt;menu&gt;, &lt;command&gt;, &lt;details&gt;, &lt;summary&gt;.<\/p>\n<p>&nbsp;<\/p>\n<p><em>LES AUTRES BALISES DE STRUCTURE :<\/em><\/p>\n<p>\u2022 Les nouvelles cat\u00e9gories de contenus : Metadata content, Flow content, Sectioning content, Heading content,<br \/>\n\u2022 Les nouvelles cat\u00e9gories de contenus : Phrasing content, Embedded content, Interactive content,<br \/>\n\u2022 La validation des pages (valideur officiel W3C).<\/p>\n<p>&nbsp;<\/p>\n<p><em>LES S\u00c9LECTEURS CSS 3 :<\/em><\/p>\n<p>\u2022 Rappel sur la syntaxe : les s\u00e9lecteurs, les r\u00e8gles, CSS3 : nouveaux s\u00e9lecteurs et propri\u00e9t\u00e9s.<\/p>\n<p>&nbsp;<\/p>\n<p><em>TRAVAUX PRATIQUES :<\/em><\/p>\n<p>\u2022 Int\u00e9gration de CSS 3 aux applications Internet,<br \/>\n\u2022 S\u00e9lection d\u2019\u00e9l\u00e9ments d\u2019une page HTML 5.<\/p>\n<p>&nbsp;<\/p>\n<p><em>LES COULEURS :<\/em><\/p>\n<p>\u2022 Rappel sur les d\u00e9clarations rgb et rgba,<br \/>\n\u2022 La propri\u00e9t\u00e9 opacity.<\/p>\n<p>&nbsp;<\/p>\n<p><em>FORMATER LE TEXTE :<\/em><\/p>\n<p>\u2022 Les polices embarqu\u00e9es avec @font-face,<br \/>\n\u2022 Mise en forme du texte,<br \/>\n\u2022 Gestion des d\u00e9bordements par text-overflow,<br \/>\n\u2022 Gestion des encha\u00eenements par wrap-option, white-space-treatment,<br \/>\n\u2022 Effets de couleur et d\u2019ombre sur texte text-fill-color, text-shadow.<\/p>\n<p>&nbsp;<\/p>\n<p><em>LA MISE EN FORME DU FOND :<\/em><\/p>\n<p>\u2022 Les fonds multiples, gradients, fonds ajust\u00e9s aux conteneurs,<br \/>\n\u2022 Transitions \/ Transformations,<br \/>\n\u2022 Animations.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this course, We&rsquo;ll learn how to create websites by structuring and styling your pages with HTML and CSS.<\/p>\n","protected":false},"author":1,"featured_media":11675,"comment_status":"closed","ping_status":"closed","template":"","course_category":[44],"course_tag":[],"class_list":["post-5345","lp_course","type-lp_course","status-publish","has-post-thumbnail","hentry","course_category-developpement","pmpro-has-access","course"],"_links":{"self":[{"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/lp_course\/5345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/lp_course"}],"about":[{"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/types\/lp_course"}],"author":[{"embeddable":true,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/comments?post=5345"}],"version-history":[{"count":7,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/lp_course\/5345\/revisions"}],"predecessor-version":[{"id":11737,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/lp_course\/5345\/revisions\/11737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/media\/11675"}],"wp:attachment":[{"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/media?parent=5345"}],"wp:term":[{"taxonomy":"course_category","embeddable":true,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/course_category?post=5345"},{"taxonomy":"course_tag","embeddable":true,"href":"https:\/\/sdform.itds.fr\/cours\/wp-json\/wp\/v2\/course_tag?post=5345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}