Please enable JavaScript.
Coggle requires JavaScript to display documents.
Environnements techniques (HyperText Markup Language (HTML) (Markup =…
Environnements techniques
Communication client-serveur
Client
Device que vous utilisez pour surfer
Ordinateur, tablette, smartphone
Serveur
Ordinateur connecté en permanence au réseau
Correspondant à une adresse web (adresse IP)
Vérifie et analyse requête envoyée (pour accéder à ressource en ligne)
Réponses
Page web si elle existe
Erreur (404 an cas de ressource inexistante)
HyperText Markup Language (HTML)
Documents qui permettent d'envoyer d'une page à l'autre grâce aux hyperliens
Squelette de la page web
Description de pages web (structure, organisation et hiérarchisation du contenu)
QUE du texte
Markup = balises
Souvent par paires (s'emboitent)
Texte
Titres de niveaux différents <h1>, <h2> ... <h6>
Paragraphe <p>
Gras <strong>
Italique <em>
Titre de page <title>
PAS de balise de fermeture
Retour à la ligne <br />
Ligne horizontale <hr />
Listes
Non-ordonnée <ul>
Ordonnée <ol>
Elements <li>
Liens
<a>
href="..."
(target)
Images
PAS de balise de fermeture
<img />
Source src="..."
Largeur (width)
Hauteur (height)
Texte si image ne s'affiche pas (alt)
Formats courants
jpg (photographie avec couleurs)
png (avantages du jpg et gif)
gif (image animée avec transparence)
svg (vectoriel et non bitmap)
Extension de fichier .html
Code html de toutes les pages accessible
Page d'accueil d'un site doit s'appeler index.html (index.php)
Cascading Style Sheets (CSS)
Maquillage de la page web
Habillage du contenu, forme graphique
Présentation des balises HTML
#
Taille
Couleur
Positions
Animations
Extension de fichier .css
Fichier externe (conseillé)
Dans la page (déconseillé)
Rajouter instruction dans page html (ligne de code)
JavaScript
(JS)
Muscles de la page web
Langage de programmation qui anime pages interactives
Assets
Photos, vidéos, audio...
Elements hors texte qui composent la page
Langages
Client
HTML
CSS
JS
Serveur
Interroge DB via SQL
PHP
PYTHON
RUBY
ASP
JS
Notions complémentaires
Responsive Design
Coder un site web qui s'adapte à l'écran sur lequel il doit s'afficher
Ordinateur, tablette et smartphone
Content Management System (CMS)
Gérer contenu de son site sans devoir rentrer dans le codage
Facile à pirater
Développer
un site web
Ordinateur
Mac
Windows
Linux
Editeur de texte
SublimeText
Brackets
Navigateur
(ou plusieurs)
Chrome
Firefox
Safari
IE/Edge
Mettre site en ligne
Nom de domaine et hébergement
Logiciel FTP
Filezilla
Cyberduck