La page Web
Le défi
- Le but premier d'une page web est de présenter un contenu de façon structurée
- Une page Web contient habituellement un contenu textuel accompagné d'images et d'autres éléments médiatiques (vidéos, audio, animations)
- Afin d'agrémenter la lecture, le contenu est enrobé d'une interface agréable visuellement, cohérente et ergonomique.
- Pour ce faire, nous devons disposer de moyens de :
- Diviser les diverses parties de notre page Web
- Ajouter (et structurer) le contenu dans la page
- Ajouter une mise en page agréable et dynamique
- De plus, afin de faciliter la maintenance du site et le référencement (Google) nous devons donner une signification adéquate aux éléments de la page.
La page Web
- La page Web est essentiellement un document textuel.
C'est à dire qu'elle peut être modifiée à l'aide d'un éditeur de texte, contrairement à un document binaire comme les documents faits à l'aide de Photoshop (jpg, psd, gif...)
- Pour voir le résultat final d'une page Web, on doit le visionner dans un fureteur.
- De base, le contenu d'une page Web n'a pas de mise en forme.
Pour ajouter une structure et une mise en forme, on doit ajouter des codes spéciaux que l'on appelle balises HTML (HyperText Meta-Language).
- Dans le code d'une page Web, les espaces multiples et les sauts de ligne ne sont pas tenus en compte
Lors de l'affichage, les espaces multiples et les sauts de lignes ne seront représentés que par un seul espace.
- Dans le cadre du cours, on aura souvent besoin de texte de remplissage. On ira le chercher à l'adresse suivante : http://www.lipsum.com
Les langages de base du Web
Pour le web : Afin de permettre une mise en page précise des éléments dans le fureteur, deux langages de base sont nécessaires.
HTML
- Hypertext Markup Language
- Permet d'indiquer au moteur de rendu du fureteur, les éléments à mettre en page et la sémantique (sens) de chacun.
- À l'aide de balises HTML, le fureteur comprend le sens de l'élément et reconnaît s'il est associé à la structure ou au contenu de la page.
CSS
- Cascading Style Sheet
- Permet d'indiquer l'apparence et le positionnement des éléments mis en page dans le document HTML.
Les langages de base du Web
Pour le web : Afin de permettre une mise en page précise des éléments dans le fureteur, deux langages de base sont nécessaires.
- HTML 5 : Ajout d'éléments de sémantique de la structure et du contenu.
- CSS 3 : réduit de beaucoup l'utilisation de Photoshop : ombres, coins arrondis, rotation...
