021 626 08 00
info@cyberiade.ch
021 626 08 00 info@cyberiade.ch

La formation

CIE1B – Module 101 | Réaliser et publier un site internet

00 - Objectifs et évaluation du cours

Objectifs

Réaliser un site web conforme aux objectifs définis au moyens des langages de programmation HTML, CSS etJavascript

Evaluation

[1] Choix des contenus [15% à 25%]
– Choix correspondant aux directives avec des graphiques et images appropriées.
– Choix approprié d’éléments de texte et correspondant aux directives.
– Choix approprié des médias.
[2] Traitement de la proposition de solution [15% à 25%]
– Choix approprié d’une structure du site.
– Choix approprié de la navigation.
– Prise en compte des directives techniques, juridiques et des contenus.
– Choix approprié des formats des médias.
[3] Implémentation de la proposition de solution [20% à 50%]
– Respect d’une structure clair des fichiers du programme.
– Conversion et/ou conditionnement des médias selon les directives et proposition de solution.
– Mise en œuvre pratique des fonctionnalités imposées.
[4] Test du site web [15% à 25%]
– Garantie de la conformité standard du code source (Validation).
– Elaboration des cas de tests.
– Vérification des cas de tests.

01 - Les bases d'une page HTML

Anatomie d'une page

!DOCTYPE html — juste présent pour s’assurer que la page puisse fonctionner y compris sur les anciens navigateurs.
html — encadre tout le contenu de la page. Cet élément est parfois appelé l’élément racine.
head – est utilisé comme un container pour toutes les choses qui font partie de la page HTML mais qui ne sont pas du contenu affiché.
body – est celui qui contient tout le contenu que vous souhaitez afficher pour qu’il soit vu par les visiteurs.
meta charset= »utf-8″ — définit le jeu de caractères qui devrait être utilisé pour le document et indique que c’est utf-8. utf-8 regroupe l’ensemble des caractères connus utilisés dans les différents langages humains.
title – définit le titre de votre page. C’est ce titre qui apparaîtra sur l’onglet lorsque la page sera chargée. Il sera utilisé pour décrire la page lorsque vous la placez dans vos marques-pages

Les images

L’image utilisée est définie via l’attribut src (pour source) qui contient le chemin vers le fichier de l’image.

L’attribut alt (pour alternatif)contient un texte descriptif de l’image à l’intention des utilisateurs qui ne peuvent pas voir l’image.

Les titres

HTML contient des éléments pour 6 niveaux de titres : h1 à h6. La plupart du temps, 3-4 niveaux suffisent amplement.

Les paragraphes

Vous pouvez placer votre texte dans un ou plusieurs paragraphes,

Les listes à puces

Les listes non-ordonnées construites avec l’élément ul (ul signifie unordered list)
Les listes ordonnées sont construites avec l’élément ol (ol signifie ordered list)
Chaque élément d’une liste est balisé avec un élément li (list item).

Les liens

Pour créer un lien, il suffit d’utiliser l’élément a (le a est un raccourci pour ancre ).

Ne pas oublier la partie avec https:// ou http:// qui représente le protocole utilisé, au début de l’adresse.

Les tableaux

table = ouverture du tableau

tr = nouvelle ligne

td = zone pour les données  data , 1 td = 1 colonne

Composition avec des DIV

Les DIV impriqués sont de plus en plus employés pour structurer des pages html.

Les ID et les classes sont destinés à les sélectionner individuellement depuis le code CSS ou Javascript.

Positionnement des DIV par CSS

Le positionnement par CSS permet de repositionner les éléments HTML entre eux.

HTML | test n°1 Envoyé 19.0 / 22.0 (86%)

19.0 / 22.0 (86%)

Question 1 :

Question 2 :

Question 3 :

Question 4 :

Question 5 :

Question 6 :

Question 7 :

Question 8 :

Question 9 :

Question 10 :

Question 11 :

Question 12 :

Question 13 :

Question 14 :

Question 15 :

Question 16 :

Question 17 :

Question 18 :

Question 19 :

Question 20 :

Question 21 :

Question 22 :

HTML | Test n°2 Envoyé 11.0 / 16.0 (68%)

11.0 / 16.0 (68%)

Question 1 :

Question 2 :

Question 3 :

Question 4 :

Question 5 :

Question 6 :

Question 7 :

Question 8 :

Question 9 :

Question 10 :

Question 11 :

Question 12 :

Question 13 :

Question 14 :

Question 15 :

Question 16 :

HTML | Test n°3 Envoyé 9.0 / 10.0 (90%)

9.0 / 10.0 (90%)

Question 1 :

Question 2 :

Question 3 :

Question 4 :

Question 5 :

Question 6 :

Question 7 :

Question 8 :

Question 9 :

Question 10 :

HTML | Test n°4 Envoyé 10.0 / 10.0 (100%)

10.0 / 10.0 (100%)

Question 1 :

Question 2 :

Question 3 :

Question 4 :

Question 5 :

Question 6 :

Question 7 :

Question 8 :

Question 9 :

Question 10 :

Please check answer! 3 secs ago
Répondez s'ils vous plaît à la question encadrée de rouge.

Contact

Adresse

Ch. des Fleurettes 28, 1007 Lausanne

Téléphone

021 626 08 00

Traitement...
Votre message a bien été envoyé. Merci!