Différences entre versions de « HTML5 CSS3 »
| Ligne 61 : | Ligne 61 : | ||
|Typologie= <!------------------------------------ Ne pas Modifier --> | |Typologie= <!------------------------------------ Ne pas Modifier --> | ||
<!-- ****************** Commercez les modifications ****************--> | <!-- ****************** Commercez les modifications ****************--> | ||
| − | *............. | + | *'''Le fonctionnement des sites Web:''' |
| − | + | Surfer sur le Web c’est un échange.En fait, le Web est un système d’échange entre un client et un serveur. | |
| − | ... | + | **Le client c’est nous, c’est notre navigateur Web, c’est lui qui va nous permettre de voir le Web depuis notre ordinateur, smartphone ou tablette. C’est celui que vous connaissez sans doute sous le nom de Chrome, Firefox, Safari, Internet Explorer, etc. |
| − | + | **Le serveur, c’est en fait un ordinateur puissant qui stocke et héberge des sites Web. C’est sur cet ordinateur que se trouvent les pages Web, c’est à dire tous les fichiers du site internet auquel on veut accéder. | |
| − | *..... | + | Le but du serveur web est de servir des clients, d’où le nom « serveur ». |
| − | + | *'''HTML5 et CSS3''' | |
| − | . | + | Les langages HTML et CSS sont à la base du fonctionnement de tous les sites web. Quand vous consultez un site avec votre navigateur, il faut savoir que, en coulisses, des rouages s'activent pour permettre au site web de s'afficher. L'ordinateur se base sur ce qu'on lui a expliqué en HTML et CSS pour savoir ce qu'il doit afficher |
| + | *'''HTML et CSS : deux langages pour créer un site web''' | ||
| + | Pour créer un site web, on doit donner des instructions à l'ordinateur. Il ne suffit pas simplement de taper le texte qui devra figurer dans le site (comme on le ferait dans un traitement de texte Word, par exemple), il faut aussi indiquer où placer ce texte, insérer des images, faire des liens entre les pages, etc. | ||
| + | |||
| + | *'''Les rôles de HTML et CSS:''' | ||
| + | Pour expliquer à l'ordinateur ce que vous voulez faire, il va falloir utiliser un langage qu'il comprend. Et c'est là que les choses se corsent, parce qu'il va falloir apprendre deux langages ! | ||
| + | |||
| + | *'''Pourquoi avoir créé deux langages ? Un seul aurait suffi, non ?''' | ||
| + | |||
| + | Vous devez vous dire que manipuler deux langages va être deux fois plus complexe et deux fois plus long à apprendre… mais ce n'est pas le cas ! Je vous rassure, s'il y a deux langages c'est, au contraire, pour faciliter les choses. Nous allons avoir affaire à deux langages qui se complètent car ils ont des rôles différents : | ||
| + | |||
| + | **'''HTML (HyperText Markup Language) :''' il a fait son apparition dès 1991 lors du lancement du Web. Son rôle est de gérer et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des images… Vous direz par exemple : « Ceci est mon titre, ceci est mon menu, voici le texte principal de la page, voici une image à afficher, etc. ». | ||
| + | |||
| + | **'''CSS (Cascading Style Sheets, aussi appelées Feuilles de style) :''' le rôle du CSS est de gérer l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte…). Ce langage est venu compléter le HTML en 1996. | ||
| + | |||
| + | Vous avez peut-être aussi entendu parler du langage XHTML. Il s'agit d'une variante du HTML qui se veut plus rigoureuse et qui est donc un peu plus délicate à manipuler. Elle n'est plus vraiment utilisée aujourd'hui. | ||
| + | |||
| + | Dans ce cours, nous allons travailler sur la dernière version de HTML (HTML5) qui est aujourd'hui le langage d'avenir que tout le monde est incité à utiliser. | ||
| + | |||
| + | Vous pouvez très bien créer un site web uniquement en HTML, mais celui-ci ne sera pas très beau : l'information apparaîtra « brute ». C'est pour cela que le langage CSS vient toujours le compléter. | ||
}}<!-- ******** Fin Fiche Didactique Définition ******************* --> | }}<!-- ******** Fin Fiche Didactique Définition ******************* --> | ||
Version du 11 avril 2020 à 02:05
 Votre Publicité sur le Réseau
|
Traduction
HTML5 CSS3 (Français)
/ HTML5 CSS3 (Anglais)
/ Concept en Arabe (Arabe "Ne possède pas de traduction")
Traductions
Définition
Domaine, Discipline, Thématique
Justification
Définition écrite
- HTML: HyperText Markup Language
- Créé en 1991
- Fonction : donner du sens et structurer le contenu
- CSS: Cascading Style Sheets
- Créé en 1996
- Fonction : mettre en forme le contenu en lui ajoutant des styles
Surfer sur le Web c’est un échange.En fait, le Web est un système d’échange entre un client et un serveur.
Le but du serveur web est de servir des clients, d’où le nom « serveur ».
Les langages HTML et CSS sont à la base du fonctionnement de tous les sites web. Quand vous consultez un site avec votre navigateur, il faut savoir que, en coulisses, des rouages s'activent pour permettre au site web de s'afficher. L'ordinateur se base sur ce qu'on lui a expliqué en HTML et CSS pour savoir ce qu'il doit afficher
Pour créer un site web, on doit donner des instructions à l'ordinateur. Il ne suffit pas simplement de taper le texte qui devra figurer dans le site (comme on le ferait dans un traitement de texte Word, par exemple), il faut aussi indiquer où placer ce texte, insérer des images, faire des liens entre les pages, etc.
Pour expliquer à l'ordinateur ce que vous voulez faire, il va falloir utiliser un langage qu'il comprend. Et c'est là que les choses se corsent, parce qu'il va falloir apprendre deux langages !
Vous devez vous dire que manipuler deux langages va être deux fois plus complexe et deux fois plus long à apprendre… mais ce n'est pas le cas ! Je vous rassure, s'il y a deux langages c'est, au contraire, pour faciliter les choses. Nous allons avoir affaire à deux langages qui se complètent car ils ont des rôles différents :
Vous avez peut-être aussi entendu parler du langage XHTML. Il s'agit d'une variante du HTML qui se veut plus rigoureuse et qui est donc un peu plus délicate à manipuler. Elle n'est plus vraiment utilisée aujourd'hui. Dans ce cours, nous allons travailler sur la dernière version de HTML (HTML5) qui est aujourd'hui le langage d'avenir que tout le monde est incité à utiliser. Vous pouvez très bien créer un site web uniquement en HTML, mais celui-ci ne sera pas très beau : l'information apparaîtra « brute ». C'est pour cela que le langage CSS vient toujours le compléter. |
HTML5 CSS3 - Historique (+)
Définition graphique
L'apport du CSS3
Titre de Votre Image 2
Titre de Votre Image 3
{{{AutresMedias}}}
Concepts ou notions associés
HTML5 CSS3 - Glossaire / (+)
Exemples, applications, utilisations
................................................................................ ................................................................................ ................................................................................
................................................................................ ................................................................................ ................................................................................ |
Erreurs ou confusions éventuelles
- Confusion entre Head et Body
- Confusion entre Balise et Attribut
- Erreur fréquente: Balise et Attribut
Questions possibles
Liaisons enseignements et programmes
Idées ou Réflexions liées à son enseignement
Aides et astuces
- ..................
- .................
- ..................
- .................
Education: Autres liens, sites ou portails
- ..................
- ..................
- ..................
Bibliographie
Pour citer cette page: (CSS3)
ABROUGUI, M & al, 2020. HTML5 CSS3. In Didaquest [en ligne]. <http:www.didaquest.org/wiki/HTML5_CSS3>, consulté le 18, mai, 2025
- ..................
- ..................
- ..................
- ..................
