Remise à niveau pour le cours de Développement Web en Licence Professionnelle Présentation Le but de ces trois cours est de réviser la notion de page Web, avec sa structure, ses divers composants, de permettre aux étudiants d'écrire des documents «propres et corrects» et de comprendre ce qu'apporte le développement Web par rapport à l'écriture "brute" de pages Web. Détail des cours et références Cours numéro 1 Dans ce premier cours, seront abordées les notions de document Web, d'éléments,d'entités et d'attributs. On insistera principalement sur l'écriture correcte de marqueurs, sur le respect de la hiérarchie des éléments. On détaillera la notion de liste et de tableau mais pas celle de formulaire. La gestion des espaces blancs, des retours à la ligne etc. seront explicitées. Exemples de pages :      conférence Lycéens      exposé colloque      cours avancé      souvenirs de tournée Références : tuteur gH parties 1 et 2 (jusqu'à 2.3) ; selfhtml partie HTML/XHTML ; Swain's HTML Sampler à critiquer car non XHTML ; site du zéro partie 1 avec ses QCM ; w3schools HTML Tutorial. Il est possible de consulter aussi mon cours informatique Web pour la licence SEN avec ses TD et TP corrigés. Cours numéro 2 Pour ce second cours, la notion de mise en forme avec les différentes propriétés, la notion de grammaire et de validité seront présentées, sans traiter des feuilles de styles. On évoquera les formulaires, les événements et leur gestion en Javascript ainsi que la gestion des «meta». Liens :           analyseur de page          analyseur de grammaire          comparateur de grammaires Références : tuteur gH parties 2 et 3 ; selfhtml partie Javascript et DOM ; w3schools Javascript Tutorial. Il est possible de consulter aussi mon cours Web pour la la deuxième année de Licence Scientifique avec ses TD et TP corrigés. Cours numéro 3 Ce dernier cours reprendra systématiquement les mises en formes pour les grammaires XHTML Trans et Strict. Les styles et les feuilles de style seront présentées et, pour conclure, on discutera de l'interêt de de passer à HTML5 et des enjeux du développement Web, dont la technologie XML et en particulier AJAX. Liens :           tuteur XML          tuteur AJAX          LEAPDB          std.php Références : tuteur gH partie 3 ; selfhtml partie CSS ; site du zéro partie 2 avec ses QCM ; w3schools CSS Tutorial. HTML-CSS refcard   Organisation pratique pour 2020 :            mercredi 2/9, jeudi 3/9 et vendredi 4/9 de 9 h à 12 h, en salle G205 (pause : 10 min). Exercice de révision:       Reproduire, de préférence avec la grammaire XHTML strict, la page correspondant à l'image ci-dessous       avec un lien vers celcat pour LicProInfo sous le bouton vert.   Code source de la page.

 

 

   Retour à la page principale de   (gH)