Menu

Mes classes
Mes cours
Déconnexion

Close

CIE1A-Novembre 2024-GE

Mon profil

Bonjour

Informations sur la classe

Nom de la session: CIE1A-Novembre 2024-GE
Nom du cours: Module 101 - Réaliser et publier un site web

Dates
19/11/2024 08:10 à 17:00
20/11/2024 08:10 à 17:00
26/11/2024 08:10 à 17:00
27/11/2024 08:10 à 17:00
28/11/2024 08:10 à 17:00

Liste des participants

Arthur Nael Ray (login : a-n.ray)
Mail : arthur@rayhome.net
Site :

Alec Gerber (login : a.gerber)
Mail : alec.gerber@gmail.com
Site :

Jules Deville (login : j.deville)
Mail : julesdeville@aiga.ch

Léo Porcelli (login : l.porcelli)
Mail : leo.porcelli@hotmail.com

Marina-Victoria Ory (login : m-v.ory)
Mail : marinav1300@gmail.com

Mathieu Dubois (login : m.dubois)
Mail : mathieu.b.dubois@gmail.com

Mahe Thevoz (login : m.thevoz)
Mail : mahe@thevoz.net

Modules liés à la classe

QUIZZ CIE1 - N°1

Quizz n°1

CIE1-MED #1

Que signifie l'acronyme CSS

Cache Sa Splendeur

Cascade Slim Stock

Color Selector Slicer

Cascade Style Sheet

Le sélecteur CSS qui désigne l'élément ayant l'id "toto" ?

.toto

>toto

#toto

top:toto

Quelle est la couleur de ce code #0000ff ?

Bleu

Vert

Noir

Rouge

Dans quelle balise HTML trouve-t-on un attribut alt="" ?

table ...

img ...

ol ...

a ...

Quelle code correspond à une couleur grise ?

#HjABCD

#919191

#ddccaa

#67ab99

Quel attribut CSS définit la couleur du texte ?

color-choice

font-color

test-color

color

Dans une table, quelle balise correspond à une ligne

TH

TR

TABLE

TD

Dans quel pays le langage HTML trouve-t-il sa source ?

Suisse

Japon

Californie

Texas

Quelle est l'extension des fichiers HTML

.java

.html

,texte

.web

Pour créer des listes avec des puces rondes, il faut employer la balise

OL

EL

AL

UL

La balise HR correspond

Une ligne horizontale

Une liste à puces

Un coin arrondi

A un saut de ligne

Quel attribut CSS définit la taille des caractères ?

font-width

font-size

font-family

text-size

A quel nombre décimal correspond la valeur héxadécimale 20

32

1

12

16

Quel est le "père" hiérarchique de la balise HTML "title"?

body

html

head

table

Combien de balises H1 sont recommandées par page HTML ?

1

3

0

Illimité

Quel attribut de la balise A permet d'ouvrir un lien dans un nouvel onglet ?

bye="_page"

open="new tab"

target="_blank"

Si vous êtes un humain, ne remplissez pas ce champ.

QUIZZ CIE1 - N°2

Quizz n°2

CIE1-MED #2

Quelle balise HTML ouvre une liste à puces ?

UL

BUG

OL

POU

Quelle balise HTML dessine une ligne horizontale de séparation ?

HR

BR

LINE

LH

Quelle balise HTML ouvre une liste numérotée ?

NUM

OL

LIST

UL

Où doit-on placer la balise !DOCTYPE html ?

Dans BODY

Sur la dernière ligne du fichier de code

DANS HEAD

Sur la première ligne du fichier de code

Le langage HTML permet-il de créer des animations ?

Oui, pour les internautes équipés d'un écran tactile

Oui, avec la version payante de HTML

Non, sans CSS, ni Javascript, HTML est purement statique

Oui, bien sûr

Dans quel pays le langage HTML a-t-il été créé?

Inde

Suisse

USA

Irlande

Avec quelle solution ne peut-on pas créer un site web ?

Wix

WordPress

HTML

Canva

Que veut dire l'acronyme CDN ?

Coordonnées De Navigation

Canada

Content Delivery Netword

Contribution Déterminée au niveau National

En CSS, quel arribut définit le couleur du texte ?

colour

background-color

text-color

color

En CSS, que détecte la pseudo-classe :hover ?

Le survol de la souris

Un click de la souris

Le double-click de la sourus

Le déconnexion de l'internaute

En CSS, comment déterminer la police de caractères

police

text-police

font-face

font-family

Quel attribut CSS détermine les bordures autour d'un objet ?

bordure:

frontière:

border:

cadre:

En HTML, quel attribut est obligatoire dans une balise d'image (img)

color=

title=

border=

alt=

Avec Bootstrap, en combien de colonnes virtuelles est divisé la largeur de l'écran ?

16

8

12

4

Quelle est la valeur en décimal de la veleur en héxadécimal 31

32

52

49

48

Si vous êtes un humain, ne remplissez pas ce champ.

QUIZZ CIE1 - N°3

Quizz n°2

CIE1-MED #3

Quel attribut CSS définit un arrondi des coins d'une box?

rounded:

border-radius:

radius:

border-size:

Quel attribut CSS définit un arrondi des coins d'une box?

border-radius:

radius:

border-size:

rounded:

Quel attribut CSS définit un arrondi des coins d'une box?

border-size:

rounded:

radius:

border-radius:

Quel attribut CSS définit un arrondi des coins d'une box?

radius:

border-size:

border-radius:

rounded:

Quel attribut CSS définit un arrondi des coins d'une box?

rounded:

border-size:

radius:

border-radius:

Quel attribut CSS définit un arrondi des coins d'une box?

radius:

rounded:

border-radius:

border-size:

Quel attribut CSS définit un arrondi des coins d'une box?

rounded:

border-radius:

radius:

border-size:

Quel attribut CSS définit un arrondi des coins d'une box?

border-size:

rounded:

radius:

border-radius:

Quel attribut CSS définit un arrondi des coins d'une box?

rounded:

radius:

border-radius:

border-size:

Quel attribut CSS définit un arrondi des coins d'une box?

radius:

border-radius:

rounded:

border-size:

Quel attribut CSS définit un arrondi des coins d'une box?

border-radius:

rounded:

border-size:

radius:

Quel attribut CSS définit un arrondi des coins d'une box?

border-size:

border-radius:

rounded:

radius:

Quel attribut CSS définit un arrondi des coins d'une box?

border-size:

radius:

border-radius:

rounded:

Quel attribut CSS définit un arrondi des coins d'une box?

border-size:

radius:

rounded:

border-radius:

Quel attribut CSS définit un arrondi des coins d'une box?

radius:

border-radius:

rounded:

border-size:

Quel attribut CSS définit un arrondi des coins d'une box?

rounded:

border-size:

border-radius:

radius:

Quel attribut CSS définit la marge intérieure d'une box ?

margin:

padding:

space:

border:

Quel attribut CSS permet de supprimer/ajouter un soulignement au texte ?

text-decoration:

text-border:

underline:

border:

Quel attribut CSS permet de définir la police de caractères ?

font:

google-font:

text-family:

font-family:

Quelle police est une police sans-serif ?

Garamond

Courier

Arial

Baskerville

Times New Roman

Quel attribut CSS définit la couleur de fond d'un objet

back-color:

ground-color:

background-color:

bg-color:

Quel attribut CSS définit la transparence 'un objet ?

transparency:

visibility:

luminosity:

opacity:

Quel attribut CSS définit la graisse d'un texte (gras, fin, etc)

font-fat:

bold:

font-weight:

font-size:

Dans l'attribut CSS "border", quel type de ligne de bordure définit la valeur "solid" ?

Un trait traitillé

Un trait continu

Un trait double

Un trait pointillé

Quelle est la couleur dominante dans le code #98562C ?

Vert

Bleu

Rouge

Gris

Quelle couleur est un gris ?

#abc

#787878

#896523

#aabbcc

Quelle est la valeur décimale de la valeur héxadécimale 41

14

64

65

46

Quelle est la valeur décimale du nombre binaire 101 ?

4

1

2

3

5

Quel est l'effet de la classe "img-fluid" dans BOOTSTRAP ?

Elle rend une image responsive

Elle adapte la marge aux écrans de portable

Elle colorie une page

Elle dimensionne les colonnes

Quelle proportion de la largeur d'une fenêtre est défini la classe "col-4"

1/2 - moitié

1/4 - un quart

1/3 - un tiers

Toute la largeur

Quel code définit l'écran le plus petit parmi ces 4 dans BOOTSTRAP ?

xxl

lg

sm

md

Quelle entreprise est à l'origine de Bootstrap ?

Meta

Facebook

Microsoft

Twitter (X)

Quelle est l'extension du fichier d'une page HTML ?

.js

.css

.html

.web

Quelle est l'extension du fichier d'une feuille se style ?

.html

,web

.style

.css

Dans HTML, dans quel contexte trouve-t-on la balise "TR"

Dans un formulaire

Dans une table

Ca n'existe pas

Dans une liste à puces

Dans HTML, dans quel contexte trouve-t-in une balise "Input" ?

Ca n'existe pas

Dans une table

Dans un formulaire

Dans une liste à puces

Dans quelle partie d'une page HTML, trouve-t-on la balise "title" ?

Dans HEAD

Dans BODY

Dans TABLE

Dans FORM

Quel site permet de valider votre code HTML ?

google.com

w3c.org

twitter.com

school.com

Quelle solution ne permet de créer des sites web sans recourir au code ?

Wix

WordPress

Photoshop

Typo 3

Si vous êtes un humain, ne remplissez pas ce champ.

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/DTrbv9gUbC6ryNMF7

Le forum

:3

Votre message à la classe dans le forum

Forum

Objet

Message

Fichier à télécharger

Taille de fichier maximale : 516MB

Si vous êtes un humain, ne remplissez pas ce champ.

;

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