Examan TP 2022 Sujet 02

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 3

Atelier CMS version2022

Classes : L1TI3 & L1TI5


Durée 1 heure

1. Créer un nouveau projet WordPress le nommer wp_votre_nom_et_prenom


- Le nom de la base de données sera wp_votre_nom_et_prenom.
- Configurer ce projet comme suite
✓ Login votre nom
✓ Mot de passe : votre prénom.
2. Ajouter 3 Articles doivent contenir les contenus en Annex.
- Article 1 : HTML (HyperText Markup Language)
- Article 2 : JavaScript
- Article 3 : C’est quoi un framework ?
3. Ajouter les pages :
- Accueil.
- Formations
- Développement
- Blog
- Contact
4. Dans l'article 1, Ajouter le lien vers https://developer.mozilla.org/fr/docs/Web/HTML
5. .Créer un menu avec ces quatre pages.
6. Associer les articles à la page Blog.
7. Ajouter une galerie d'image de votre choix sur 3 colonnes à page 1.
8. Appliquer l'apparence " Twenty Seventeen":
9. Ajouter le plugin " Gutenberg"
10. Maitre en forme l'article 2 selon votre choix.
Annex

Article 1

HTML (HyperText Markup Language)

HTML signifie « HyperText Markup Language » qu'on peut traduire par « langage de balises pour
l'hypertexte ». Il est utilisé afin de créer et de représenter le contenu d'une page web et sa structure.
D'autres technologies sont utilisées avec HTML pour décrire la présentation d'une page (CSS) et/ou ses
fonctionnalités interactives (JavaScript).

L'« hypertexte » désigne les liens qui relient les pages web entre elles, que ce soit au sein d'un même site
web ou entre différents sites web. Les liens sont un aspect fondamental du Web. Ce sont eux qui
forment cette « toile » (ce mot est traduit par web en anglais). En téléchargeant du contenu sur
l'Internet et en le reliant à des pages créées par d'autres personnes, vous devenez un participant actif du
World Wide Web.

Le langage HTML utilise des « balises » pour annoter du texte, des images et d'autres contenus afin de
les afficher dans un navigateur web. Le balisage HTML comprend des « éléments » spéciaux tels que
<head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>,
<audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>,
<li> et bien d'autres.

Article 2

JavaScript

JavaScript (souvent abrégé en « JS ») est un langage de script léger, orienté objet, principalement connu
comme le langage de script des pages web. Mais il est aussi utilisé dans de nombreux environnements
extérieurs aux navigateurs web tels que Node.js, Apache CouchDB voire Adobe Acrobat. Le code
JavaScript est interprété ou compilé à la volée (JIT). C'est un langage à objets utilisant le concept de
prototype, disposant d'un typage faible et dynamique qui permet de programmer suivant plusieurs
paradigmes de programmation : fonctionnelle, impérative et orientée objet. Apprenez-en plus sur
JavaScript.

Cette section de MDN est dédiée au langage JavaScript. Pour des informations sur l'utilisation de
JavaScript avec les API spécifiques des navigateurs web pour les pages web, veuillez consulter les
sections sur les API Web (Web API en anglais) et le DOM.

Le standard qui spécifie JavaScript est ECMAScript. En 2012, tous les navigateurs modernes supportent
complètement ECMAScript 5.1. Les anciens navigateurs supportent au minimum ECMAScript 3. Une
sixième version majeure du standard a été finalisée et publiée le 17 juin 2015. Cette version s'intitule
officiellement ECMAScript 2015 mais est encore fréquemment appelée ECMAScript 6 ou ES6. Étant
donné que les standards ECMAScript sont désormais édités sur un rythme annuel, cette documentation
fait référence à la dernière version en cours de rédaction, actuellement c'est ECMAScript 2020.

JavaScript ne doit pas être confondu avec le langage de programmation Java. Java et JavaScript sont
deux marques déposées par Oracle dans de nombreux pays mais ces deux langages de programmation
ont chacun une syntaxe, une sémantique et des usages différents..

Article 3

Les bases des CSS

Les CSS (Cascading Style Sheets en anglais, ou « feuilles de style en cascade ») sont le code utilisé pour
mettre en forme une page web. Les bases des CSS présentent ce qu'il faut savoir pour commencer. Nous
répondrons à des questions comme : Comment rendre mon texte rouge ou noir ? Comment faire
apparaître mon contenu à tel endroit de l'écran ? Comment décorer ma page web avec une image ou
une couleur d'arrière-plan ?

De la même façon que HTML, CSS n'est pas vraiment un langage de programmation. C'est un langage
de feuille de style, c'est-à-dire qu'il permet d'appliquer des styles sur différents éléments sélectionnés
dans un document HTML.

Vous aimerez peut-être aussi