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

ANNÉE 2009-2010 COURS 1 – 27 JANVIER DOMINIQUE ROSSIN Modex Web.

Présentations similaires


Présentation au sujet: "ANNÉE 2009-2010 COURS 1 – 27 JANVIER DOMINIQUE ROSSIN Modex Web."— Transcription de la présentation:

1 ANNÉE COURS 1 – 27 JANVIER DOMINIQUE ROSSIN Modex Web

2 Objectifs du Modex Comprendre: Les évolutions des sites Web depuis 15 ans Les nouveaux medias de la communication Plus particulièrement: Le fonctionnement dun site Web Conception dun document : contenu / style Les moteurs de recherche Réaliser un projet dans des conditions « réelles »

3 Organisation Cours et ouverture: (Amphi Lagarrigue) Le matin 10H30 – 12H Travaux pratiques, projet: (Salles machines) Laprès-midi : 13H30 – 18H (34-35) Dates : Vendredi 29 Janvier, vendredi 5 février, vendredi 12 février, vendredi 19 février, vendredi 5 mars, vendredi 12 mars, vendredi26 mars, vendredi 2 avril, vendredi 9 avril Soutenances: 12 avril – 19 avril

4 Fonctionnement (9 séances) Quelques cours (~5) : Les bases : Structure dun site Langage de programmation PHP Ecriture dun document Le fond : HTML La forme : CSS Bases de données De louverture (~3-4) Problèmes de sécurité Moteurs de recherche Podcasts, Google maps… Javascript

5 Fonctionnement Un projet: Définition du projet Travail en binôme de préférence Définition dun cahier des charges avec un enseignant Un enseignant référant du projet pour assurer le suivi Le corps du projet réalisé en TP Apparence, gestion des menus, dune base de données, mini-flickr Les spécialisations à réaliser soi-même Ex: Base de recettes -> gestion de la BD Musique -> téléchargement de gros fichiers

6 Fonctionnement Travail sur portable

7 Environnement de travail Installer un serveur Web, le langage php, Mysql (base de données), …………. XAMPP Démonstration : Lancement de xampp et affichage web localhost Apache Serveur Web Apache Serveur Web Mysql Base de données Mysql Base de données PHP Perl Windows Linux MacOs Windows Linux MacOs

8 Environnement Environnement de développement

9 Comment ca marche ? Ecole Polytechnique C:\xampp\htdocs\index.html

10 (X)HTML 1989: Tim Berners- Lee invente le Web et HTML comme langage 1991: Discussion sur internet à propos de HTML 1993 : Premiers Navigateurs (lynx, mosaic, …) 1994: Création du consortium World Wide Web 1995 : HTML3 IE 1998 HTML4

11 EXtensible HyperText Markup Language Title goes here Voici ma première page Title goes here Voici ma première page html head title body p

12 Balises sections Gros titre Voici mon paragraphe Chapitre Section Sous-section Paragraphe Sous-paragraphe

13 Les listes Ordonnées Premier élément Second élément Ordered List List Item Non Ordonnées Premier élément Second élément Unordered List List Item

14 Les listes (bis) Une liste est considéré comme un bloc de texte Le chat est-il: Mort ? Vivant? Le chat est-il: Mort? Vivant Le chat est-il: Mort? Vivant

15 Images img Problème de taille

16 Liens Navigation entre les pages Web Menus lien Un exemple: Vous pouvez trouver plus dinformations en cliquant ici. Adresse de la page cible

17 Style Chaque balise a un style prédéfini Possibilité de modifier le style Exemple: Hello

18 Style On peut modifier le style par défaut des balises

INF 441a


Télécharger ppt "ANNÉE 2009-2010 COURS 1 – 27 JANVIER DOMINIQUE ROSSIN Modex Web."

Présentations similaires


Annonces Google