Cahier numérique

LE WEB

Partie Connaissance:

La frise chronologique du web:

World Wide Web (en abrégé:WWW) ou ''toile'' en français: est un service construit sur l'infrastructure du réseau internet pour mettre à la disposition des utilisateurs des documents répartis au niveau mondial.

HTTP: protocole de transfert d'hypertexte (en anglais Hyper Text Transfer Protocol). C'est le protocole qui définit les règles que doit suivre un navigateur pour obtenir une page d'un serveur.

HTTPS: est la version sécurisée du protocole HTTP.

Hypertexte: texte contenant des liens nommés ''hyperliens''.Un hyperlien permet d'associer, à une partie de texte, l'adresse d'une autre page à charger quand l'utilisateur clique sur le lien.

URL: Adresse uniforme de localisation d'une ressource (en anglais Uniform Ressource Locator ). Cette adresse unique doit comporter le nom du protocole, le nom de la machine qui héberge la ressource.

HTML: Hypertext Markup Language, langage de balisage pour hypertexte. HTML est un langage de description des pages web permettant de structurer un texte en lui ajoutant des balises pour préciser comment le navigateur doit interpréter et mettre en forme le contenu.

CSS: le style graphique d'une page (polices utilisées, taille, couleurs.....)peut être précisé par un fichier de style (stylesheet) au format CSS (Cascading Stylesheet) contient des règles de mise en forme.

Site Statique: Ces sites ont le mécanisme de fonctionnement le plus simple : les URL correspondent à un fichier renvoyé par le serveur web. Le contenu des pages d'un site statique ne dépend donc pas de variables telles que la date ou de bases de données. Pour changer le contenu d'une page, il est nécessaire de changer le contenu du fichier.

Site dynamique: Ces sites offrent un contenu qui peut évoluer dans le temps. Des programmes tournent du côté des serveurs, à l'arrière plan, (backend) pour générer les pages du site. Ces programmes peuvent se servir de bases de données ou autres sources de données pour composer les pages qui seront affichées dans le navigateur.

Moteurs de recherches: les navigateurs web proposent à leur utilisateurs d'accéder à des pages sans connaître leur URL et même sans en connaître l'existence à l'avance!il fait appel à des moteurs de recherche. Les moteurs de recherche parcourent en permanence le web, répertorient les pages et les classent en fonction de leur popularité.

indexation: traitement qui consiste à analyser des pages pour y détecter des mots clés utilisés, puis fabriquer un index permettant de trouver rapidement ces pages à partir des mots clés.

popularité: plus une page est citée, plus sa popularité est grand.

Partie Activité avec Notepad++:

Pour commencer à programmer cliquez sur le lien

http://jsfiddle.net/ pour la programmation online
Notepad++ pour le téléchargement et l'installation.
Créer un dossier avec l'arborescence indiquer.
Les extensions suivant le type de fichier: image.jpg/ video.mp4 /musique.mp3 /page web.html / / style .css

vous ouvrez notepad++ sur la barre d'outils cliquez sur: fichier.choisissez: ouvrir le dossier en tant qu'espace de travail.la même arborescence sera afficher à gauche de l'espace de travail.

Puis tapez les codes en suivant les fichiers Pdf :

Mémento Code HTML

html

En effet on a trois méthodes pour écrire le code CSS : le lien est ici:

Méthode n1: écrire le CSS au sein du fichier HTML, dans un élément style.
Méthode n2: déclarer le CSS au sein du fichier HTML, dans des attributs style.
Méthode n3: écrire le CSS dans un fichier séparé (index. css). Nous allons utiliser la troisième.

css

On commence par la simulation de notre site réalisé avec le logiciel filius. Seul le fichier Index.html est pris en compte pour simuler le langage HTML.
le fichier filius configuré :