Menu
Close

CIE1C - Janvier 2025

Mon profil

Bonjour

Informations sur la classe

Nom de la session: CIE1C - Janvier 2025
Nom du cours: Module 101 - Réaliser et publier un site web

Dates
13/01/2025 08:10 à 17:00
14/01/2025 08:10 à 17:00
15/01/2025 08:10 à 17:00
20/01/2025 08:10 à 17:00
21/01/2025 08:10 à 17:00

Liste des participants

Daria Hurzhii (login : daria.hurzhii)
Mail : pn38ljs@eduvaud.ch
Elia Klay (login : elia.klay)
Mail : elia.klay@eduvaud.ch
Jérémy Tacheron (login : jeremy.tacheron)
Mail : jeremy.tacheron@eduvaud.ch
Jonas Laurent Jacques Theytaz (login : jonas.theytaz)
Mail : jonas.theytaz@eduvaud.ch
Karim Alexandre Kouninef (login : karim.kouninef)
Mail : Karim.Kouninef@eduvaud.ch
Laetitia Ange Graf (login : laetitia.graf)
Mail : laetitia.graf@eduvaud.ch
Maxime Francis Robert Séchaud (login : maxime.sechaud)
Mail : maxime.sechaud@eduvaud.ch
Melina Zoni (login : melina.zoni)
Mail : melina.zoni@eduvaud.ch
Sidney Anthony Dentan (login : sidney.dentan)
Mail : sidney.dentan@eduvaud.ch
Thibaud Vorpe (login : thibaud.vorpe)
Mail : thibaud.vorpe@eduvaud.ch

Modules liés à la classe

Mission

Votre rendu

Un dossier

  • Description de votre projet de site
  • Public ciblé
  • Les choix des textes et des images
  • Sources du contenu
  • Charte graphique (couleurs, polices, marges, etc.)
  • Un budget ou offre ou facture

Une présentation

  • Résumé du dossier
  • Démonstration du site en ligne

Un site

  • Responsive
  • Bonne présentation du but du site
  • Légalement correct (adresse)
  • Navigation aisée
  • Manques (décrire ce qui manque pour terminer le site)

Un bilan

  • Qu'avez-vous appris
  • Quel est votre intérêt pour la matière
  • Que faire différemment la prochaine fois ?

 

 

Evaluation - la vôtre

Vous appréciation du cours ?

https://forms.gle/pz1vcXkuGtf9EoAC7

 

Réaliser un site web - généralités

Types de sites

Globallement il existe 3 types d'outils pour créer des sites web. Chaque solution présente des caractéristiques qui peuvent s'adapter aux besoins réels du client, du budget et des fonctionalitées demandées.

 

  1. Site 100% personnalisé en code
  2. Site avec CMS (WordPress, Joomla)
  3. Site en Cloud (Wix, Weebly, Jimdo… )

Etapes de création d'un site web

  1. Discussion avec le client
  2. Définition du public cible
  3. Création de la charte graphique
  4. Inventaire des textes, images et vidéos (droits)
  5. Créer le site (codage)
  6. Tester liens / images / navigateurs
  7. Publier le site (page index.html, FTP)
  8. Référencer ( Google Analytics, Search tools )
  9. Suivre le référencement
  10. Suivre les mises à jour techniques
  11. Maintenir le contenu / mise à jour réseaux sociaux

QUIZZ CIE1 - N°1

Quizz n°1

CIE1-MED #1
Que signifie l'acronyme CSS
Le sélecteur CSS qui désigne l'élément ayant l'id "toto" ?
Quelle est la couleur de ce code #0000ff ?
Dans quelle balise HTML trouve-t-on un attribut alt="" ?
Quelle code correspond à une couleur grise ?
Quel attribut CSS définit la couleur du texte ?
Dans une table, quelle balise correspond à une ligne
Dans quel pays le langage HTML trouve-t-il sa source ?
Quelle est l'extension des fichiers HTML
Pour créer des listes avec des puces rondes, il faut employer la balise
La balise HR correspond
Quel attribut CSS définit la taille des caractères ?
A quel nombre décimal correspond la valeur héxadécimale 20
Quel est le "père" hiérarchique de la balise HTML "title"?
Combien de balises H1 sont recommandées par page HTML ?
Quel attribut de la balise A permet d'ouvrir un lien dans un nouvel onglet ?

QUIZZ CIE1 - N°2

Quizz n°2

CIE1-MED #2
Quelle est la couleur dominante dans le code #78CC45
Quel code correspond à un gris
Quelle balise HTML ouvre une liste à puces ?
Quelle balise HTML dessine une ligne horizontale de séparation ?
Quelle balise HTML ouvre une liste numérotée ?
Où doit-on placer la balise !DOCTYPE html ?
Le langage HTML permet-il de créer des animations ?
Dans quel pays le langage HTML a-t-il été créé?
Avec quelle solution ne peut-on pas créer un site web ?
Que veut dire l'acronyme CDN ?
En CSS, quel arribut définit le couleur du texte ?
En CSS, que détecte la pseudo-classe :hover ?
En CSS, comment déterminer la police de caractères
Quel attribut CSS détermine les bordures autour d'un objet ?
En HTML, quel attribut est obligatoire dans une balise d'image (img)
Avec Bootstrap, en combien de colonnes virtuelles est divisée la largeur de l'écran ?
Quelle est la valeur en décimal de la veleur en héxadécimal 31

QUIZZ CIE1 - N°3 (version4)

Quizz n°4

CIE1-MED #4
Quel langage est principalement utilisé pour structurer le contenu d’un site web ?
Quel est l'effet de l'attribut CSS : border-radius:50% appliqué à une image carrée ?
Quel est le rôle principal de CSS dans la création d’un site web ?
Quel protocole est utilisé pour transférer les fichiers d’un site web vers un serveur ?
Quel langage est utilisé pour rendre une page d'un site web interactif ?
Quel est le but d’une balise meta dans un fichier HTML ?
Que signifie "responsive design" ?
Quel outil est utilisé pour tester et déboguer un site web directement dans le navigateur ?
Que signifie "SEO" dans le contexte de la création de sites web ?
Que signifie "CMS" dans le domaine de la création de sites web ?
Quel est le rôle d’un hébergeur web ?
Quelle balise HTML est utilisée pour créer un lien hypertexte ?
Quelle est la balise HTML utilisée pour définir un en-tête de niveau 1 ?
Quelle est la balise HTML correcte pour insérer un saut de ligne ?
Quel attribut HTML est utilisé pour fournir un texte alternatif pour une image ?
Quel symbole est utilisé pour sélectionner une classe dans CSS ?
Quelle propriété CSS est utilisée pour changer la couleur de fond d’un élément ?
Quelle est la valeur correcte pour appliquer un espacement égal à l’intérieur et autour des bords d’un élément ?

QUIZZ CIE1 - N°4

Quizz n°2

CIE1-MED #3
Quel attribut CSS définit un arrondi des coins d'une box?
Quel attribut CSS définit la marge intérieure d'une box ?
Quel attribut CSS permet de supprimer/ajouter un soulignement aux mots liés par une ancre ?
Quel attribut CSS permet de définir la police de caractères ?
Quelle police est une police sans-serif ?
Quel attribut CSS définit la couleur de fond d'un objet
Quel attribut CSS définit la transparence 'un objet ?
Quel attribut CSS définit la graisse d'un texte (gras, fin, etc)
Dans l'attribut CSS "border", quel type de ligne de bordure définit la valeur "solid" ?
Quelle est la couleur dominante dans le code #98562C ?
Quelle couleur est un gris ?
Quelle est la valeur décimale de la valeur héxadécimale 41
Quelle est la valeur décimale du nombre binaire 101 ?
Quel est l'effet de la classe "img-fluid" dans BOOTSTRAP ?
Quelle proportion de la largeur d'une fenêtre est défini la classe "col-4"
Quel code définit l'écran le plus petit parmi ces 4 dans BOOTSTRAP ?
Quelle est l'extension du fichier d'une page HTML ?
Quelle est l'extension du fichier d'une feuille se style ?
Dans HTML, dans quel contexte trouve-t-on la balise "TR"
Dans HTML, dans quel contexte trouve-t-in une balise "Input" ?
Dans quelle partie d'une page HTML, trouve-t-on la balise "title" ?
Quel site permet de valider votre code HTML ?
Quelle solution ne permet pas de créer des sites web sans recourir au code ?

Le forum

Votre message à la classe dans le forum

Forum

Taille de fichier maximale : 516MB

;

Ceci est un cours CIE

Ces cours sont soumis à des règles édictées par les associations professionnelles et par les autorités Cantonales.

En tant qu'apprentis vous avez des droits et des devoirs.



Topbee Sàrl
Rte de la Plantaz 8
1870 Monthey

info@topbee.ch
crossmenuchevron-down