Hypertext Markup Language

HTML Hypertext Markup Language LST – Informatique A. Begdouri FSTF 2011-2012 Plan du cours Introduction Structure d’un document HTML5 Organisation du texte Listes Images et multimédia Liens Tableaux Formulaires LST Informatique 2011-2012 2 Introduction LST Informatique 2011-2012 3 Structure d’un document HTML LST Informatique 2011-2012 4 Fichier HTML Du texte brut Le texte à afficher dans une page web Des balises ou tags Des

Lexique Introduction Avant d'expliquer ce qu'est le Web 2.0, il faut d'abord savoir ce qu'est le Web. Le World Wide Web, littéralement la « toile (d’araignée) mondiale », communément appelé le Web, parfois la Toile ou le WWW, est un système hypertexte public fonctionnant sur Internet et qui permet de consulter, avec un navigateur, des pages mises en ligne dans des sites. L’image de la toile vient des hyperliens qui lient les pages Web entre elles. (source : http://fr.wikipedia.org) Techniquement

système hypertexte public fonctionnant sur Internet qui permet de consulter, avec un navigateur, des pages accessibles sur des sites, http://fr.wikipedia.org/wiki/Web Quelques éléments d'une page web ● ● ● ● ● HTML, javascript Image Vidéo … 8 21/11/2011 Avant d'aller plus loin ● Qui a déjà fait du développement web ? Qui se demande (déjà) ce qu'il fait ici, là, maintenant ? 21/11/2011 9 HTML et HTTP 21/11/2011 10 HTML ● HTML, Hypertext Markup Language ● ●

page Web 29 XIII. Aperçu de la page Web. 29 XIV. Publier la page Web 29 Conception de page Web avec FrontPage Introduction Une page Web peut être constituée de : • Texte • Images • Lignes séparatrices • Liens hypertextes • Boutons de navigation • Tableaux • Fond de page ayant un motif ou une image • Cadres ou des "frames" • Formulaires • Codes de programmation (perl, java, javascript, xml ...) FrontPage permet aussi de gérer un site

Langage HTML et CSS Mlle R. Fajr Exemple simple d’une page web Environnement de travail: -Editeur de texte: Bloc-notes , Notpad++ (Windows) TextWrangler, kod (Mac OSx) -Navigateur Web: Langage de base d’une page web HTML 5 (HyperText Markup Language) est un langage de balisage (dit aussi langage de marquage) qui permet de structurer le contenu des pages web dans différents éléments. Il existe plusieurs versions, nous allons travailler avec HTML5 Langages complémentaires CSS :

classrooms. En parallèle, nous avons utilisé la documentation de Symfony. En suivant ces deux sources d'informations, nous avons pu acquérir une base suffisante pour développer le site web. 2.1 Les langages et techniques utilisés : 2.1.1 PHP : Le PHP: Hypertext Preprocessor, plus connu sous son sigle PHP, est un langage de scripts libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale

Le texte souligné 5.13.4 Le texte barré 5.13.5 Le texte en exposant 5.13.6 Le texte en indice 5.13.7 Modifier la couleur du texte 5.13.8 Modifier la police du texte 5.13.9 Modifier la taille de la police 5.9. Les images 5.10. Les liens hypertextes 5.10.1 Le lien image 5.10.2 Les liens externes et les liens internes 5.10.3 Les ancres 5.10.4 Les liens e-mails 5.11. Les listes 5.11.1. Les différents types de listes 5.12. Les tableaux 5.12.1 Du tableau simple au tableau complexe 5.12

Caractéristiques d’un script php  Rappel: HTML et CSS  Requêtes HTTP  Environnement de travail  Bases du langage PHP  Commentaires  Variables  Opérateurs  Conditions  Boucles  Fonctions  Projets de réalisation  Définition  PHP: Hypertext Preprocessor est un langage de scripts libre principalement utilisé pour produire des pages Web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale. PHP est un langage impératif

Les pages web sont crées grâce à des scripts HTML. • L’HTML est un langage composé d’un ensemble de balise (tags). • Une balise permet la mise en page et en forme du contenu d’une page web. • HTML est l’abréviation de : Hypertext Markup Language (Langage de balise d’hypertexte) Activité 1 : 1) Créer à l’aide du bloc-notes un fichier texte 2) Enregistrer ce fichier en utilisant les paramètres suivants : o Nom : page_1 o Extension : .html 3) Fermer l’éditeur texte

l’Internet ! " 7 8 1. Petit historique d’Internet ! 1. Petit historique d’Internet ! Années 90 " Développement ! Années 90 des utilisations privées de l'internet ! ! ! ! 1989 : Tim Berners-Lee invente la navigation hypertexte (www.w3.org) pour réorganiser les archives du CERN 1993 : le logiciel Mosaic adapte le concept d'hypertexte au parcours du réseau mondial Le logiciel Netscape, issu de Mosaic, popularise l'utilisation d'Internet 1994 : Lancement de Yahoo 1998 :