La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Le langage HTML Prof. : E. BAKKI Année scolaire 2008/2009 Cours n° 1 وزارة التربية الوطنية والتعليم العالي وتكوين الأطر والبحث العلمي الأكاديمية الجهوية.

Présentations similaires


Présentation au sujet: "Le langage HTML Prof. : E. BAKKI Année scolaire 2008/2009 Cours n° 1 وزارة التربية الوطنية والتعليم العالي وتكوين الأطر والبحث العلمي الأكاديمية الجهوية."— Transcription de la présentation:

1 Le langage HTML Prof. : E. BAKKI Année scolaire 2008/2009 Cours n° 1 وزارة التربية الوطنية والتعليم العالي وتكوين الأطر والبحث العلمي الأكاديمية الجهوية للتربية و التكوين لجهة وادي الذهب وأوسرد ثانوية للا خد يجة المرجعية Lycée Lala Khadija Référentiel

2  Le World Wide Web est une toile d'araignée de serveurs d'informations reliés les uns aux autres par des liens physiques (le réseau matériel) et des liens logiques (les liens hypertextes). Ces liens hypertextes permettent de voyager d'un serveur à l'autre sur le réseau Internet.  Le Web n’est qu’une partie de l’Internet. C’est le service le plus connu, mais il en existe d’autres : FTP (File Transfer Protocol), Telnet, News, IRC (Internet Relay Chat) … Le WWW (Web)

3  D'un point de vue technique, le WWW relie des serveurs HTTP qui envoient des pages HTML à des postes dotés d'un navigateur.  Le protocole de communication entre les navigateurs et les serveurs est basé sur le principe des hypertextes (HyperText Transfer Protocol).  Le langage permettant de décrire les pages Web est le HTML (HyperText Markup Language). WWW, HTTP et HTML

4 Architecture Clients-Serveur Serveur HTTP Client Navigateur Client Navigateur Serveur HTTP HTML

5  Un document HTML est un hypertexte décrit à l'aide du langage HTML. Document HTML  Un hypertexte est un texte contenant des hyperliens.  Un hyperlien est un élément particulier (mot/image) sur lequel on clique pour se déplacer vers : o un autre emplacement du document, o un autre document sur le même site, o un document sur un autre site WEB, o un autre service Internet (mail, ftp… )

6 Le langage HTML permet la :  mise en forme de documents : polices, styles.. tableaux listes cadres bannières…  création d'hyperliens  insertion d'images  création images réactives  insertion d'images animées  insertion de composants multimedia : son, vidéo...  définition de formulaires de saisie : CGI  insertion et activation d'applications interactives : applets java, scripts, etc. Le langage HTML

7 HTML est un langage informatique dont le principe de base repose sur l’utilisation de balises pour délimiter les différents éléments d’un document. Ces balises ont la forme et Exemple : Mon texte (pour mettre en gras) Autre texte (pour mettre en italique) On peut combiner ces balises : Texte en gras et en italique Le Web et HTML

8  Définit le contenu HTML d'un document Nécessite un marqueur de fin. Règle :.....  Définit l'en-tête d'un document HTML Nécessite un marqueur de fin. Règle :.....  Définit le titre d'un document HTML Nécessite un marqueur de fin. Règle :.....  Définit le corps du document HTML Nécessite un marqueur de fin. Règle :..... Éléments de base d’une page HTML

9 début du document HTML début de l’en-tête du document Titre de votre page titre du document fin de l’en-tête du document début du corps du document Insérer vos textes, images, formulaires, etc. ici fin du corps du document fin du document HTML Exemple d’une base de page HTML

10 Ceci est le titre de ma page Voici ma première page Web. Création d’une page Web sans éditeur HTML premiere.html Dans un éditeur de texte traditionnel, (Blok-notes par ex.), taper, puis sauvegarder ce fichier, en précisant : Nom du fichier.html

11 Deuxième exemple de page HTML, avec un BR Voici ma deuxième page Web. Et là, une autre phrase après un retour à la ligne. Retour à la ligne : br.html La balise (qui signifie break) permet de revenir à la ligne

12 Exemple de paragraphe en HTML Ma première ligne. Cette phrase est centrée sur la page. Celle-ci est alignée à droite. Par défaut, l'alignement se fait à gauche. Les paragraphes et l’alignement : paragraphe.html Les balises et définissent le début et la fin d’un paragraphe. Le paramètre align indique une position (left, right, center).

13 Mise en forme de texte • Gras : et (pour Bold) • Italique : et (pour Italic) • Souligné : et (pour Underlined) • Police plus grande : et • Police plus petite : et • Texte barré : et • Indice : et • Exposant : et

14 Mise en forme de texte Mise-en-forme.html Exercice : Reproduire cette page à l’aide des balises de mise en forme d’un texte HTML. Usez et abusez du Copier/coller !

15 Mise en forme de texte (suite) • Pour centrer un/des élément(s) : et • Ligne horizontale : (Horizontal Rulers) Exemple : • Police de caractères, taille, et couleur : et avec la police pouvant être : Arial, Arial Black, Comic sans MS, Courier New, Impact, Times new roman, Verdana, etc. avec size de 1 à 7, et color étant une couleur (en anglais) ou un code.

16 Mise en forme de texte (suite) Mise-en-forme2.html Exercice : Reproduire cette page à l’aide des balises de mise en forme d’un texte HTML. 50% 60% 40%

17 FIN du cours 1


Télécharger ppt "Le langage HTML Prof. : E. BAKKI Année scolaire 2008/2009 Cours n° 1 وزارة التربية الوطنية والتعليم العالي وتكوين الأطر والبحث العلمي الأكاديمية الجهوية."

Présentations similaires


Annonces Google