Quiz: Introduction aux fondamentaux du Web — 11 Fragen

1. En quelle année Tim Berners Lee a-t-il proposé l'idée du World Wide Web ?

A. 1973

B. 1990

C. 1969

D. 1994

Answer: (B)

Erklärung

La proposition du World Wide Web par Tim Berners Lee a eu lieu en 1990, selon le passage : "En 1990, Tim Berners Lee a proposé l'idée du World Wide Web au CERN." Les autres dates correspondent à d'autres événements : 1969 (création d'ARPANET), 1994 (fondation du W3C), 1973 (ARPANET étendu à 35 machines). À revoir : Historique et concepts fondamentaux d'Internet. Appui du cours : « Le réseau ARPANET initial, constitué en 1969, comprenait 4 ordinateurs connectés, et en 1973, 35 machines y étaient reliées. En 1990, Tim Berners Lee a proposé l'idée du World Wide Web au CERN, marquant une étape clé dans l'évolution d'Internet. Le W3C a été… »

2. Comment la couche réseau-hôte intervient-elle dans la communication réseau d'un ordinateur ?

A. En utilisant la carte réseau et ses drivers pour assurer la communication physique

B. En routant les paquets de données entre réseaux via ICMP

C. En régulant les flux de données avec les protocoles TCP et UDP

D. En exécutant les programmes utilisateurs comme navigateur Web et FTP

Answer: (A)

Erklärung

La couche réseau-hôte comprend la carte réseau et ses drivers, qui assurent la communication physique, ce qui signifie qu'elle gère l'interface matérielle pour transmettre les données. Les autres fonctions appartiennent à d'autres couches : la couche transport pour TCP/UDP, la couche internet pour le routage, et la couche application pour les programmes utilisateur. À revoir : Architecture réseau et protocoles TCP/IP. Appui du cours : « La couche réseau-hôte comprend la carte réseau et ses drivers, qui assurent la communication physique. »

3. Que désigne le protocole FTP dans une architecture client/serveur ?

A. Un protocole utilisé pour le transfert de fichiers entre client et serveur

B. Un protocole pour la transmission de documents hypertextes incluant images et vidéos

C. Un protocole permettant l'envoi de messages électroniques

D. Un protocole utilisé pour la réception de messages électroniques

Answer: (A)

Erklärung

Le texte précise que le protocole FTP sert au transfert de fichiers entre client et serveur. SMTP est pour l'envoi de messages, POP/IMAP pour la réception, et HTTP pour les documents hypertextes. À revoir : Architecture client/serveur et protocoles de communication. Appui du cours : « Le protocole FTP sert au transfert de fichiers entre client et serveur. »

4. Que désigne le terme « nom de domaine » dans la structure d’une URL ?

A. Une adresse numérique unique attribuée à un ordinateur

B. Une valeur numérique identifiant un service spécifique

C. Un nom symbolique d’une machine sur Internet

D. Un format d’image utilisé pour les photos et illustrations

Answer: (C)

Erklärung

Le nom de domaine est défini comme un nom symbolique d’une machine sur Internet, contrairement à l’adresse IP qui est un identifiant numérique unique, et au port qui identifie un service spécifique. À revoir : Structure et syntaxe des URL. Appui du cours : « Le nom de domaine est un nom symbolique d’une machine, comme ent.univ-st-etienne.fr, tandis que l’adresse IP est un identifiant numérique unique. »

5. Que désigne le DNS dans le fonctionnement des réseaux informatiques ?

A. Un service qui fait la correspondance entre un nom de domaine et une adresse IP

B. Un protocole qui chiffre les communications entre serveurs

C. Un logiciel qui attribue automatiquement des adresses IP aux ordinateurs

D. Un dispositif matériel qui connecte plusieurs réseaux entre eux

Answer: (A)

Erklärung

Le DNS est précisément défini comme un service qui fait la correspondance entre un nom de domaine et une adresse IP, selon le passage cité. Les autres propositions ne correspondent pas à cette définition. À revoir : Fonctionnement du DNS et rôle des ports réseau. Appui du cours : « - Le DNS est un service qui fait la correspondance entre un nom de domaine et une adresse IP. - Chaque programme ou service réseau utilise un port unique pour identifier les communications, par exemple FTP utilise le port 21. »

6. Quelle est la principale différence entre les attributs globaux HTML "class" et "title" ?

A. L'attribut "class" sert à catégoriser des éléments pour appliquer des styles ou scripts, tandis que "title" affiche une infobulle au survol de l'élément.

B. L'attribut "class" affiche une infobulle, tandis que "title" sert à catégoriser des éléments.

C. L'attribut "class" est spécifique aux tableaux, "title" est spécifique aux images.

D. Les deux attributs ont la même fonction mais s'appliquent à des éléments différents.

Answer: (A)

Erklärung

Le source précise que "class" associe des éléments à une catégorie pour faciliter styles ou scripts, alors que "title" fournit une info supplémentaire visible en infobulle au survol. Ces fonctions sont distinctes et complémentaires. À revoir : Principes et évolution du langage HTML. Appui du cours : « - **Class** : Un attribut global en HTML qui permet d'associer un ou plusieurs éléments à une catégorie commune, facilitant l'application de styles CSS ou de scripts JavaScript. - **Title** : Un attribut global en HTML qui fournit une information… »

7. Quelle est la fonction des entités HTML comme < et & ?

A. Ajouter des commentaires dans le code HTML

B. Créer des balises ponctuelles sans contenu

C. Permettre d’afficher des caractères spéciaux dans la page

D. Définir des attributs pour les balises HTML

Answer: (C)

Erklärung

Le texte précise que les entités HTML telles que < ou & permettent d’afficher des caractères spéciaux dans la page, ce qui correspond à la fonction correcte. À revoir : Structure des balises HTML, attributs, commentaires et entités. Appui du cours : « Les entités HTML, telles que < ou &, permettent d’afficher des caractères spéciaux dans la page. »

8. Quel est le rôle principal de la balise <head> dans une page HTML ?

A. Afficher le texte, les images et les liens visibles par l’utilisateur

B. Contenir les métadonnées de la page qui ne sont pas affichées directement par le navigateur

C. Organiser le contenu en sections sémantiques telles que <section> et <article>

D. Encadrer l’ensemble du contenu visible de la page web

Answer: (B)

Erklärung

La balise <head> contient les métadonnées de la page, c’est-à-dire des informations caractéristiques non affichées directement, comme l’encodage et le titre. Le contenu visible est dans <body>, et les balises sémantiques organisent le contenu, mais ne sont pas la fonction du <head>. À revoir : Organisation d'une page HTML : balises <html>, <head> et <body>. Appui du cours : « <head> : zone située à l’intérieur de <html> qui contient les métadonnées de la page, c’est-à-dire les informations caractéristiques qui ne sont pas directement affichées par le navigateur. Elle inclut notamment l’encodage, le titre, et d’autres ressources… »

9. Quelle est la conséquence principale de l'utilisation d'un fichier CSS externe pour appliquer des styles à une page HTML ?

A. Séparer le contenu HTML de la présentation visuelle

B. Améliorer la compatibilité avec tous les navigateurs

C. Augmenter la vitesse de chargement de la page

D. Permettre d'écrire des règles CSS directement dans les balises HTML

Answer: (A)

Erklärung

La source indique que la méthode recommandée est d'utiliser un fichier CSS externe pour séparer contenu et présentation, ce qui signifie que le contenu HTML est distinct des règles de style, facilitant la maintenance et la clarté du code. À revoir : Syntaxe CSS : sélecteurs, propriétés et mise en place. Appui du cours : « La méthode recommandée est l’utilisation d’un fichier CSS externe pour séparer contenu et présentation. »

10. Comment appliquer la transparence à une couleur en CSS tout en conservant la possibilité d'animer cette transparence ?

A. Définir la couleur en hexadécimal avec un suffixe de transparence

B. Utiliser rgba() ou hsla() pour définir la couleur avec un canal alpha

C. Appliquer la propriété opacity sur l'élément entier

D. Utiliser uniquement la fonction rgb() sans canal alpha

Answer: (B)

Erklärung

La source indique que rgba() et hsla() ajoutent un canal alpha pour la transparence, ce qui permet de gérer la transparence de la couleur directement et facilite les animations. La propriété opacity agit sur l'élément global, ce qui peut ne pas convenir pour animer uniquement la couleur. À revoir : Gestion des couleurs en CSS : formats hexadécimal, rgb, hsl et transparence. Appui du cours : « Les variantes rgba() et hsla() ajoutent un canal alpha pour la transparence (0.0 à 1.0). La propriété opacity permet de régler la transparence globale d’un élément. »

11. Que permettent de faire les pseudo-éléments ::before et ::after en CSS ?

A. Cibler uniquement la première lettre d’un texte

B. Modifier la couleur de fond d’un élément sans changer le HTML

C. Sélectionner des éléments selon la présence d’un attribut spécifique

D. Ajouter du contenu avant ou après un élément via la propriété content

Answer: (D)

Erklärung

La source indique que les pseudo-éléments ::before et ::after permettent d’ajouter du contenu avant ou après un élément via la propriété content. Les autres options décrivent d'autres fonctionnalités CSS, mais ne correspondent pas à ces pseudo-éléments. À revoir : Sélecteurs avancés en CSS : pseudo-éléments et sélecteurs d'attributs. Appui du cours : « Les pseudo-éléments ::before et ::after permettent d’ajouter du contenu avant ou après un élément via la propriété content. »