Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10 - PDF Téléchargement Gratuit\nDownload "Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10"\n1 Table des matières 1. AVANT-PROPOS PRESENTATION DE NVU CARACTERISTIQUES PRINCIPALES DE NVU OBJECTIF DE CE DOCUMENT PRE-REQUIS NECESSAIRES MODE D'EMPLOI DU DOCUMENT CONDITION DE REUTILISATION DE CE DOCUMENT PREPARER SON ENVIRONNEMENT DE TRAVAIL UTILISER LE DOSSIER SYSTEME «MES DOCUMENTS» RECUPERER LE PROGRAMME D'INSTALLATION DE NVU RECUPERER LE FICHIER ARCHIVE «DL_HTML.NVU.ZIP» RECUPERER LE DICTIONNAIRE FRANÇAIS D'OPENOFFICE.ORG POUR NVU RECUPERER 7-ZIP (FACULTATIF) INSTALLER NVU INSTALLER 7-ZIP (FACULTATIF) INSTALLER LE DICTIONNAIRE FRANÇAIS DECOMPRESSER LE FICHIER ARCHIVE «DL_HTML_NVU.ZIP» AFFICHER LES EXTENSIONS DE FICHIERS CREER UNE ARBORESCENCE POUR LE SITE DECOUVRIR L'INTERFACE DE NVU LANCER L'EXECUTION DE NVU IDENTIFIER LES PRINCIPAUX ELEMENTS DE L'INTERFACE DE NVU MASQUER LA FENETRE DE GESTION DE SITES PARAMETRER NVU PERSONNALISER LES BARRES D'OUTILS CREER UNE PREMIERE PAGE HTML DEMARRER NVU SAISIR DU TEXTE ENREGISTRER LA PAGE AFFICHER LA PAGE DANS UN NAVIGATEUR MODIFIER LE TITRE AFFICHER LE CODE SOURCE DE LA PAGE MISE EN FORME DU TEXTE MISE EN FORME DE PARAGRAPHE IDENTIFIER LES BALISES DE TITRE MISE EN FORME DE CARACTERES CHOIX DES COULEURS MODIFIER LE FOND DE LA PAGE INSERTION D'IMAGE UTILISER UNE IMAGE DE FOND INSERER DES IMAGES DANS LA PAGE Travail préparatoire Insérer une image IDENTIFIER LA BALISE «IMG» GESTION DES TABLEAUX : CREATION D'UNE BARRE DE NAVIGATION CREATION DE LA BARRE IDENTIFIER LES BALISES HTML DES TABLEAUX MODIFIER LES PROPRIETES DU TABLEAU IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 2 / 38\n2 7.4. MODIFIER LES PROPRIETES DES CELLULES FUSIONNER LES CELLULES D'UN TABLEAU CREER DES LIENS HYPERTEXTES CREER DES LIENS INTERNES VERS D'AUTRES PAGES DU SITE IDENTIFIER LA BALISE <A> CREER DES LIENS EXTERNES VERS DES PAGES D'INTERNET Récupération de l'adresse Création du lien Préciser la cible du lien CREER DES LIENS INTERNES VERS DES DOCUMENTS TRAVAIL PREPARATOIRE CREATION DES LIENS CREER DES «ANCRES» DANS UN DOCUMENT LONG ère étape : création des ancres nde étape : création des liens hypertextes vers les ancres UTILISER LES FEUILLES DE STYLE TRAVAIL PREPARATOIRE CREATION D'UNE FEUILLE DE STYLE INTERNE CREER UNE FEUILLE DE STYLE EXTERNE Création de la feuille de style externe Lier une feuille de style à une page web CREER DE NOUVEAUX STYLES Créer un nouveau style Modifier le style «.barrenav» Attribuer un style à une balise LES PRINCIPALES BALISES HTML FICHIER HTML MISE EN FORME DES CARACTERES MISE EN FORME DE PARAGRAPHES LISTES HYPERLIENS IMAGES TABLEAU IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 3 / 38\n3 1. Avant-propos 1.1. Présentation de Nvu Nvu (se prononce n-view en anglais) est un logiciel libre de création de site web pour Linux et Windows qui se donne pour objectif de rivaliser avec Frontpage de Microsoft ou Dreamweaver de Macromedia. Adresse du site officiel : « Adresse du site français : « Nvu est encore perfectible mais il permet déjà de créer facilement un petit site web. N-B : ce parcours guidé utilise la version nvu-1.0-win32-installer-fr.exe Caractéristiques principales de Nvu éditeur de page web WYSIWYG 2 aussi facile à utiliser qu'un traitement de texte. Mise à jour de site web distant par FTP. Production de code HTML compatible avec tous les navigateurs courants. Bascule d'affichage WYSIWYG / code source HTML / Aperçu. Éditeur multi-documents à l'aide d'onglets. Prise en charge avancée des formulaires et des tableaux. Gestion des feuilles de style Objectif de ce document Proposer un parcours guidé permettant à un enseignant de créer un petit site web, c'est à dire un ensemble de pages simples au format html pouvant «contenir» des images, des tableaux, des liens hypertextes internes ou externes, vers d'autres pages au format html ou vers des documents dans des formats standard : Acrobat «PDF», Flash «SWF», Rich Text Format «RTF», «ZIP»,... par exemple pour publier sur un intranet d'établissement. N-B : la publication sur un site web, un cédérom, un intranet n'est pas abordé dans ce document Pré-requis nécessaires Savoir gérer (créer, supprimer, copier, renommer) des dossiers et des fichiers sur son ordinateur. Avoir navigué sur Internet, et en particulier : * savoir saisir une adresse web (URL) dans la barre d'adresse du navigateur, * utiliser les boutons «Page précédente», «Page suivante», «Actualiser»,... * savoir récupérer un fichier depuis un site web vers son ordinateur. Savoir utiliser les fonctions de base du traitement de texte. Savoir décompresser un fichier archive zip Mode d'emploi du document Ce document vous propose un parcours guidé : Les paragraphes encadrés d'un trait simple ombré avec l'icône objectifs des activités proposées juste après. présentent la démarche et les Les paragraphes encadrés doubles avec l'icône présentent des concepts. contiennent des informations générales ou Les paragraphes avec un trait vertical double à gauche décrivent les tâches à réaliser. L'icône en début de ligne précise la nature des activités demandées : il faut utiliser la souris, il faut utiliser le clavier, l'ordinateur réalise l'action, il faut observer, il faut répondre par écrit sur le document. 2 What You See Is What You Get. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 4 / 38\n4 1.6. Condition de réutilisation de ce document Le contenu de ce document est soumis à la licence «Public Documentation licence» dont le contenu peut être consulté à l'adresse : « Cela signifie que vous êtes libre de le reproduire, le recopier, le réutiliser, le modifier et le distribuer à condition de lui attribuer les mêmes libertés de copie, d'utilisation etc. Vous pouvez télécharger la dernière version de ce document sur mon espace personnel : « 2. Préparer son environnement de travail Nous allons installer la dernière version française de Nvu. De plus, nous aurons besoin d'un fichier archive contenant des documents nécessaires à la réalisation de ce parcours guidé. Enfin, nous modifierons la configuration de Windows Utiliser le dossier système «Mes Documents» Le dossier «Mes Documents» est un dossier système dont l'emplacement réel peut varier suivant la configuration de votre ordinateur, particulièrement dans un environnement réseau. Windows XP propose dans ses boîtes de dialogues «Fichier Ouvrir» ou «Fichier Enregistrer», un accès rapide au dossier «Mes Documents» comme dans la figure ci-contre à droite. Dans la suite de ce parcours nous utiliserons ce dossier «Mes Documents». N-B : Bien entendu, vous pouvez utiliser un autre dossier, il faudra alors adapter la suite de ce parcours en conséquence Récupérer le programme d'installation de Nvu Dans un premier temps, nous allons récupérer le programme d'installation du logiciel Nvu. Ouvrir votre navigateur web préféré (Firefox, Internet Explorer ou Mozilla par exemple). Saisir l'url « Le navigateur affiche la page d'accueil du portail «TICE de l'iufm de Basse-Normandie». A gauche dans la zone de navigation, cliquer sur «Membres», puis sur «D. Lachiver». Le navigateur affiche la page d'accueil de «l'espace de D. Lachiver». Cliquer sur le lien «NVU : Création de pages HTML pour le web». N-B : la récupération de fichier diffère un peu selon le navigateur utilisé. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 5 / 38\n5 Si vous utilisez «Internet Explorer» Cliquer droit sur le lien du fichier «nvu-1.0-win32- installer-fr.exe». Le navigateur affiche un menu contextuel. Cliquer sur la commande «Enregistrer la cible sous». Le navigateur ouvre une boîte de dialogue : «Enregistrer Sous». Sélectionner l'emplacement «Mes documents». Cliquer sur le bouton «Enregistrer». Si vous utilisez «Firefox» Cliquer gauche sur le lien «nvu-1.0-win32-installerfr.exe». Le navigateur affiche une boîte de dialogue «Ouverture...». Sélectionner l'option «Enregistrer sur le disque». Valider N-B : par défaut, Firefox enregistre sur le bureau. Si le navigateur ouvre une boîte de dialogue : «Enregistrer Sous». Sélectionner l'emplacement «Mes documents». Valider. N-B : par défaut, le navigateur «Firefox» ne vous demande pas d'emplacement : il télécharge le document sur le bureau. Vous pouvez modifier le paramétrage du navigateur : sélectionner le menu «Outils Options Téléchargement», sélectionner l'option «Me demander où enregistrer le fichier» Récupérer le fichier archive «dl_html.nvu.zip» Le fichier archive «dl_html_nvu.zip» contient des ressources : images, fichiers PDF,... que nous utiliserons dans la suite de ce parcours guidé. Depuis la même page «NVU : Création de pages HTML pour le web», en appliquant la même procédure que ci-dessus, récupérer dans votre dossier «Mes Documents» le fichier archive «dl_html.nvu.zip» Récupérer le dictionnaire français d'openoffice.org pour Nvu Nvu utilise le dictionnaire d'openoffice. La version nvu-1.0-win32-installer-fr.exe n'intègre pas le dictionnaire français pour des problèmes de licence. Nous allons récupérer ce dictionnaire français. N-B : ce dictionnaire peut aussi être récupéré depuis le site d'openoffice. Depuis la même page «NVU : Création de pages HTML pour le web», en appliquant la même procédure que ci-dessus, récupérer dans votre dossier «Mes Documents» le fichier archive «fr_fr.zip» Récupérer 7-Zip (facultatif) Un fichier archive est un fichier contenant, sous une forme compressée un ensemble de fichiers et/ou dossiers. Le format que l'on rencontre le plus souvent sur Internet est le format Zip. Le système d'exploitation Windows XP prend en charge ce type de fichier archive. Néanmoins 7Zip ajoute des fonctionnalités, je vous conseille donc de l'installer même sur Windows XP. Si vous souhaitez installer 7-zip sur votre ordinateur, vous pouvez le télécharger à partir du lien de la page «NVU : Création de pages HTML pour le web». Sinon, vous pouvez sauter cette étape. Depuis la même page «NVU : Création de pages HTML pour le web», récupérer dans votre dossier «Mes Documents» le fichier d'installation «7z432.exe» de 7-zip 2.6. Installer Nvu Nous allons installer le programme NVU. L'installation de Nvu ne pose aucun problème. Attention, si vous avez une version antérieure, il faut la désinstaller auparavant (Menu démarrer Panneau de configuration Ajout / suppression de programmes). Refermer toutes les fenêtres, pour y voir plus clair. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 6 / 38\n6 Lancer l'installation Nvu en double-cliquant sur le fichier «nvu-1.0-win32-installer-fr.exe» récupéré précédemment. Accepter la licence d'utilisation et suivre les instructions en conservant les options proposées par défaut. En fin d'installation, décocher la case «Exécuter NVU». Vous avez installé Nvu : un nouveau sous-menu «Nvu» a été ajouté au menu «Démarrer Programmes». Ce sous-menu contient un raccourci qui permettra de lancer l'exécution de Nvu Installer 7-zip (facultatif) Lancer l'installation de 7-zip en double-cliquant sur le fichier «7z432.exe» récupéré précédemment. Suivre les instructions en conservant les options proposées par défaut. Vous avez installé 7-zip : * une nouveau sous-menu «7-zip» a été ajouter au menu «Démarrer Programmes». Ce sous-menu contient un raccourci qui permettra de lancer l'exécution de «7-zip file manager». * de nouvelles commandes ont été ajoutées au menu contextuel lorsqu'on clique droit sur un fichier. Par défaut, 7-zip est installé avec une interface en anglais. Nous allons sélectionner l'interface française. Lancer l'exécution de «7-Zip File Manager» depuis le menu démarrer. Sélectionner la commande «Tools Options». 7-zip ouvre une boîte de dialogue «Options». Sélection l'onglet «Language». Dans la liste déroulante, sélectionner «French (Français)». Valider. Refermer 7-Zip Installer le dictionnaire français Nous allons décompresser le fichier archive «fr_fr.zip» dans le dossier «C:\_Program Files\_Nvu\_components\_myspell\_». Déplacer (couper-coller) le fichier «fr_fr.zip» récupéré précédemment vers le dossier C:\_Program Files\_Nvu\_components\_myspell\_». Avec Windows XP Cliquer droit sur le fichier «fr_fr.zip». Sélectionner la commande «Extraire tout». Windows XP ouvre une fenêtre «Assistant Extraction». Suivre les instructions : lorsque Windows vous propose un emplacement : cliquer sur le bouton «Parcourir» et sélectionner le dossier «C:\_Program Files\_Nvu\_components\_myspell\_». «Terminer» l'assistant sans afficher les fichiers extraits. Avec 7-Zip Cliquer droit sur le fichier archive «fr_fr.zip». Sélectionner la commande «7-zip Extraire ici». Le dossier C:\_Program Files\_Nvu\_components\_myspell\_» doit contenir les deux fichiers «fr_fr.dic» et «fr_fr.aff». IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 7 / 38\n7 Vous pouvez effacer les fichiers «fr_fr.zip» et «README_fr_FR.txt» de ce dossier Décompresser le fichier archive «dl_html_nvu.zip» Nous allons décompresser le fichier archive «dl_html_nvu.zip» dans notre dossier «Mes Documents». Ouvrir le dossier «Mes Documents» de votre ordinateur. («Menu Démarrer Mes documents») Déplacer (couper-coller) le fichier «dl_html_nvu.zip» récupéré précédemment dans ce dossier «Mes Documents» si nécessaire. Avec Windows XP Cliquer droit sur le fichier «dl_html_nvu.zip». Sélectionner la commande «Extraire tout». Windows XP ouvre une fenêtre «Assistant Extraction». Suivre les instructions : lorsque Windows vous propose un emplacement : cliquer sur le bouton «Parcourir» et sélectionner le dossier «Mes documents». «Terminer» l'assistant sans afficher les fichiers extraits. Noter l'apparition d'un dossier «ressources» dans votre dossier «Mes Documents». Ouvrir ce dossier «ressources». Vérifier la présence de différents fichiers et dossiers comme sur la figure ci-contre. Avec 7-Zip Cliquer droit sur le fichier archive «dl_html_nvu.zip». Sélectionner la commande «7-zip Extraire ici» Afficher les extensions de fichiers Sous Windows XP, le nom des fichiers comporte deux parties : * la partie principale * l'extension, séparée de la partie principale par un point. Par exemple, «favoris.html» est un fichier dont la partie principale du nom est «favoris» et son extension «html». L'extension permet au système d'exploitation Windows XP de reconnaître le type de fichier, par exemple : * exe correspond à un fichier exécutable, une application, * htm ou html correspond à une page au format html, *... Par défaut, Windows masque les extensions de fichiers. Lors de la création de liens, il sera nécessaire d'identifier le nom complet des fichiers : il faut donc absolument afficher les extensions de fichiers. Nous allons donc vérifier la configuration de Windows et si nécessaire corriger cette configuration afin d'afficher les extensions de fichiers. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 8 / 38\n8 Ouvrir le dossier «ressources» dans «Mes Documents». Vérifier que Windows ne masque pas les extensions de fichiers. Vous devez notamment voir les extensions «jpg» ou «gif» des fichiers images contenus dans ce dossier. Si vous ne voyez pas les extensions de fichier : Sélectionner la commande : «Outils Option des dossiers», Cliquer sur l'onglet «Affichage» comme sur la figure ci-dessus. Décocher la ligne «Masquer les extensions des fichiers dont le type est connu». Valider Créer une arborescence pour le site Site web : Ensemble de pages html développés par un particulier, un établissement, généralement hébergés sur un serveur web. Il est important que toutes les ressources d'un site web : fichiers html, fichiers images, fichiers son,... soient enregistrées dans une même arborescence de dossiers afin de faciliter le transfert sur un serveur web ou un cédérom. Dans le dossier «Mes Documents», nous allons créer l'arborescence suivante : site img doc media Nom du dossier Contenu Extension des fichiers site Ce dossier contiendra tous les fichiers html au format html. img Ce sous-dossier contiendra tous les png, gif, jpg fichiers images. doc Ces sous-dossier contiendra tous les rtf, pdf fichiers documents (doc, pdf, sxw,...) media Ce sous-dossier contiendra tous les fichiers multimédias : sons, animations,... wav, mp3... IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 9 / 38\n9 Créer un dossier «site» dans votre dossier «Mes Documents». Ouvrir ce dossier «site». Créer trois dossiers «img», «doc», «media» dans ce dossier «site». Refermer toutes les fenêtres ouvertes (bouton ). Rappel : Vous pouvez choisir un autre emplacement, l'essentiel est de créer un dossier «site» et ses trois sous-dossiers Découvrir l'interface de Nvu 3.1. Lancer l'exécution de Nvu Lancer l'exécution «Nvu». N-B : lors de son 1 er lancement, Nvu ouvre deux boîtes de dialogue : une boîte dont le titre est «Veuillez-nous tenir au courant...», une boîte de dialogue présentant des astuces au démarrage. Valider pour refermer ces deux fenêtres. Agrandir la fenêtre de Nvu si nécessaire. Sélectionner la commande «Fichier Ouvrir un fichier» ou cliquer sur le bouton «ouvrir» de la barre d'outils. Nvu ouvre une boîte de dialogue «Ouvrir un fichier html». Sélectionner le fichier «exemple.html» placé dans le dossier «ressources». Nvu affiche le document dans la zone d'édition Identifier les principaux éléments de l'interface de Nvu A l'aide de la figure de la page suivante, repérer de haut en bas : la barre de titre, la barre de menus, la barre de composition, la barre de mise en forme, la fenêtre de gestion de site à gauche (il est possible que cette zone soit masquée), la barre d'onglets des documents ouverts, la zone principale d'édition, la règle entre la zone d'édition et la barre d'onglets des documents ouverts, la barre d'onglets du choix du mode d'édition : «Normal», «balises HTML», «HTML source», «Aperçu». la barre d'état. Sélectionner les différents modes d'édition à l'aide de la barre d'onglet du bas. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 10 / 38\n10 Parcours guidé : créer des pages simples au format html avec Nvu 28/01/2010 IUFM de Basse-Normandie Dominique Lachiver page 11 / 38\n11 Exercice n 1 : Ouvrir dans un nouvel onglet le fichier «exemple2.html» qui se trouve aussi dans le dossier «ressources». Afficher successivement les deux pages à l'aide de la barre d'onglets du haut Masquer la fenêtre de gestion de sites Nous n'utiliserons pas la mise à jour de site distant par ftp. Nous allons masquer la fenêtre de gestion de sites. Appuyer plusieurs fois sur la touche pour afficher / masquer la fenêtre de gestion de sites. N-B : La touche est une touche bascule. Vous pouvez aussi sélectionner la commande «Affichage Barre d'outils Barre latérale». Masquer la fenêtre de site Paramétrer Nvu Nous allons vérifier certains paramètres de Nvu et les modifier si nécessaire. Sélectionner la commande «Outils Préférences». Nvu ouvre une boîte de dialogue «Options». Dans la section «Général» : Choisir l'option «Reformater la source HTML». N-B : l'option «Reformater la source HTML» permet de nettoyer les pages créées par des traitements de texte par exemple. Décocher si nécessaire la case «Utiliser les styles CSS au lieu des éléments et attributs HTML». N-B : pour démarrer notre parcours, il vaut mieux garder les balises HTML standard. Dans la section «Paramètre des pages» : Saisir votre nom pour le champ «Auteur». Saisir au clavier «fr-fr» pour la langue. N-B : comme vous l'aurez sans doute remarqué, «fr-fr» correspond aux noms des fichiers de dictionnaire copiés précédemment. Dans la section «Avancées» : Cocher case «Crée automatiquement un nouveau paragraphe». Cocher la case «Souligner les mots mal orthographiés». Valider en cliquant sur le bouton «OK» Personnaliser les barres d'outils Par défaut, les barres d'outils (composition, mise en forme) ne sont pas complètes. Nous allons ajouter quelques boutons aux différentes barres. Cliquer droit sur la barre de composition (la première barre sous la barre de menus) et sélectionner la commande «Personnalisation de barre d'outils» Nvu affiche une fenêtre sous la barre d'outils. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 12 / 38\n12 Glisser-déposer les boutons «couper», «copier», «coller» entre le bouton «navigateur» et le bouton «ancre». Ajouter par glisser-déposer un séparateur entre le bouton «navigateur» et le bouton «couper». Cliquer sur le bouton «Valider» pour refermer la fenêtre. Quitter l'application Nvu sans enregistrer les modifications éventuelles sur les pages ouvertes. 4. Créer une première page html 4.1. Démarrer Nvu Démarrer Nvu. Nvu ouvre une page vierge «Sans titre» Saisir du texte Nous sommes prêts, les choses sérieuses vont démarrer! Nous allons ajouter du contenu à cette page et l'enregistrer sous le nom «index.html» dans notre dossier site. Cette page constituera la page d'accueil de notre site. N-B : dans la suite de ce document, remplacer «prénom nom» par votre prénom et votre nom. Saisir en début de document : «Site personnel de prénom nom» puis appuyer sur la touche ligne. pour passer à la 4.3. Enregistrer la page Sélectionner la commande «Fichier Enregistrer Sous» ou cliquer sur le bouton. Nvu ouvre une boîte de dialogue «Titre de la page». Saisir «Accueil». Valider. Nvu ouvre une boîte de dialogue «Enregistrer la page sous». Sélectionner le dossier «site» dans votre dossier «Mes Documents». Bien sélectionner le dossier «site». Rappel : ce dossier «site» contiendra tous les fichiers de notre site web. Saisir le nom du fichier «index» à la place du nom proposé. Valider. N-B : Par défaut, Nvu ajoute l'extension «.html» Vérifier la présence du fichier «index.html» dans le dossier «site». Le nom de fichier «index.html» est souvent utilisé par les serveurs web comme page par défaut : la consultation du site s'ouvrira par défaut avec cette page Afficher la page dans un navigateur Nous allons visualiser notre page web dans un navigateur. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 13 / 38\n13 Le bouton «navigateur» de la barre de composition permet d'afficher la page dans la fenêtre de votre navigateur. Vous pouvez aussi sélectionner la commande «Fichier Aperçu dans le navigateur». N-B : Dans la suite de ce parcours, il faudra bien différencier : * l'action «Refermer l'application» en cliquant sur la croix en haut à droite de barre de titre de l'application, * l'action «Réduire la fenêtre» en cliquant sur le bouton en haut à droite de la barre de titre de l'application. Lorsqu'une application est réduite, vous pouvez la restaurer en cliquant sur son bouton dans la barre de tâches. Revenir à Nvu. Cliquer sur le bouton «navigateur» de la barre de composition. Nvu ouvre une boîte de dialogue «Requête de protocole externe». Cocher la case «Se souvenir de mon choix pour tous les liens de ce type». Cliquer sur le bouton «Lancer l'application». Votre navigateur web par défaut se lance et affiche votre page «index.html». N-B : si la fenêtre de votre navigateur ne s'ouvre pas, ouvrir le dossier «site» et double-cliquer sur le fichier «index.html». Réduire la fenêtre du navigateur, sans la refermer.(bouton ). L'une des difficultés lorsqu'on débute dans la création de pages html est de bien différencier : * l'application qui permet de visualiser la page html : le navigateur, * de l'application qui permet de modifier cette page html : l'éditeur de page html, surtout lorsque cet éditeur de page html est WYSIWYG comme Nvu. Vous devez avoir dans la barre de tâches en bas de l'écran au moins deux boutons : * un bouton correspondant à l'application Nvu, * un bouton correspondant au navigateur ( ou ), Cliquer successivement sur ces 2 boutons de la barre de tâches pour bien les identifier. Réduire toutes les fenêtres. Agrandir la fenêtre de Nvu en cliquant sur son bouton dans la barre de tâches Modifier le titre Le titre d'une page html apparaîtra dans la barre de titre du navigateur lors de l'affichage de la page. De plus, il est utilisé prioritairement par les moteurs de recherche pour indexer les documents. Revenir à Nvu. Sélectionner la commande «Format Titre et propriétés de la page», modifier le titre et saisir : «Site personnel de prénom nom : accueil» Valider en cliquant sur le bouton «OK». Noter le changement dans la barre de titre de Nvu, dans le nom de l'onglet. Noter l'apparition d'une petite disquette rouge indiquant que le fichier a été modifié depuis la dernière sauvegarde. Enregistrer votre modification en appuyant sur. La petite disquette rouge a disparu. Réduire la fenêtre de Nvu. Agrandir la fenêtre du navigateur. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 14 / 38\n14 Observer la barre de titre du navigateur. N-B : ne pas confondre la barre de titre du navigateur avec sa barre d'adresse. Appuyer sur la touche pour actualiser l'affichage du navigateur. Que constatez-vous?... En effet, vous avez modifié la page «index.html» en dehors de votre navigateur : ce dernier ne pouvait pas «savoir» que la page avait été modifiée. Après chaque modification, il faudra donc réactualiser l'affichage de la page dans le navigateur : sur la touche dans «Internet Explorer» : cliquer sur le bouton de la barre d'outils ou bien appuyer dans «Mozilla» : cliquer sur le bouton ou bien appuyer sur la touche. De plus, ne pas oublier aussi d'enregistrer vos modifications avant de chercher à les visualiser... Vous pouvez aussi utiliser systématiquement le bouton Afficher le code source de la page Un peu de technique maintenant... Fichier texte : c'est un fichier constitué d une suite de caractères ayant pour seule mise en forme, le passage à la ligne. Un fichier texte peut être créé à l'aide d un éditeur de texte 3 (comme par exemple, «notepad» le bloc-note dans l environnement Windows). Fichier au format HTML : C'est un fichier texte contenant des balises (tag) de mise en forme, généralement hébergé sur des serveurs web et que l on visualise à l aide d un navigateur internet (Mozilla ou Internet Explorer de Microsoft par exemple). Langage HTML : Ensemble de balises 4 et de règles de syntaxe que doivent respecter les pages au format HTML pour pouvoir être correctement interprétées et affichées par les navigateurs web. La structure de base d un fichier au format html est : <html> <head> <title>bonjour le monde</title>... </head> <body> Ma première page... </body> </html> <html>, <head>, <body>... sont des balises (tag). La partie comprise entre <head> et </head> constitue l'entête de la page. La partie comprise entre <body> et </body> constitue le corps de la page. N-B : vous pouvez donc créer des pages HTML avec le bloc-note de Windows, il suffit de bien connaître le langage HTML... Mais nous laisserons ce «plaisir» aux puristes. Nvu propose plusieurs modes d'affichage : * le mode «Normal» qui permet de modifier la page en mode WYSIWYG, * le mode «Balises HTML» : les balises sont mises en évidence, * le mode «HTML Source» qui permet d'afficher et de modifier directement le code source de la page au format texte. 3 Ne pas confondre un éditeur de texte avec un traitement de texte qui lui permet des mises en page sophistiquées. Un document enregistré avec un traitement de texte contient bien plus que les simples caractères du texte! 4 Voir en annexe le tableau des principales balises. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 15 / 38\n15 * le mode «Aperçu» qui permet visualiser la page sans ouvrir le navigateur. Vous pouvez basculer d'un mode à un autre à l'aide des onglets placés sous la zone d'édition de Nvu. Réduire la fenêtre de votre navigateur. Agrandir la fenêtre de Nvu. Cliquer sur l'onglet sous la zone de travail Nvu affiche le code source de la page. Repérer les différentes balises. Noter l'emplacement des balises <TITLE> et </TITLE>. Elles... 5 le texte «Site personnel de prénom nom». Comme la balise TITLE, beaucoup de balises sont couplées : <TITLE> balise ouvrante,</title> balise fermante. Voir en annexe n 5 le tableau des principales balises HTML. N-B : la balise <br> provoque un retour à la ligne. Revenir en affichage «Mode normal» en cliquant à nouveau sur l'onglet. Faut-il apprendre le langage HTML? Non pas nécessairement pour atteindre les objectifs de ce parcours. Néanmoins, il est quand même utile d'identifier les principale balises. Plus tard, si vous avez des projets plus ambitieux, sans doute, vous faudra-il modifier directement le code source des pages HTML Mise en forme du texte Comme un traitement de texte, Nvu propose des commandes de mise en forme de paragraphes, de caractères et bien entendu des styles de paragraphe Mise en forme de paragraphe Nvu propose les mises en forme standard du langage HTML : paragraphe, titre 1 à titre 6, Adresse, Préformaté. La liste déroulante de la barre d'outils de mise en forme permet d'attribuer rapidement un style à un paragraphe. Placer le curseur sur la première ligne. Cliquer sur la liste déroulante des styles. Sélectionner le le style «Titre 1». Nvu modifie la mise en forme de cette première ligne Identifier les balises de titre Cliquer sur l'onglet Repérer les balises «<h1>» et «</h1>» qui encadrent «Site personnel...». Les balises <h1>, <h2>,... permettent d'attribuer le style, respectivement, «Titre 1», «Titre 2»,... au texte qu'elles encadrent. Remplacer dans le code source de la page, les balises «<h1>» et «</h1>» par les balises «<h2>», «</h2>». Revenir en affichage «Mode normal» en cliquant à nouveau sur l'onglet 5 Encadrent. Bravo! IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 16 / 38\n16 Que constatez-vous lorsque vous positionnez le curseur sur la première ligne : dans la barre de mise en forme :,... dans la barre d'état (la zone grise tout en bas de la fenêtre de Nvu) :.... Cliquer sur la balise «h2» de la barre d'état. Vous avez sélectionné le texte placé entre les balises «h2». A retenir : * la barre d'état permet de sélectionner rapidement des zones de la page web. * Vous pouvez modifier le contenu d'une page en modifiant directement son code source. Appuyer sur la combinaison de touches : Que constatez-vous?... A retenir, comme dans un traitement de texte : annule la dernière action (commande «Édition Annuler») rétablit la dernière action. (commande «Édition Refaire») Exercice n 2: Compléter votre page web pour obtenir l'aspect ci-contre. Vous appliquerez le style «paragraphe» aux lignes «Mes favoris», «Rechercher sur Internet», «Mes documents». Vous appliquerez le style «Adresse» à la dernière ligne «contact...». Enregistrer vos modifications. En consultant le code source de la page, identifier la balise correspondant au style «paragraphe», au style «adresse». 6 N-B : Plus loin dans le parcours guidé, «Mes Favoris», «Rechercher sur Internet» et «Mes documents» deviendront des liens hypertextes vers d'autres pages de notre site Mise en forme de caractères Nvu propose le mises en formes de caractères du langage HTML : polices de caractères, couleur de polices, caractères gras, soulignés, italiques... Il faut sélectionner la zone de texte avant de lui appliquer la mise en forme. Revenir en mode d'édition normal. Mettre en caractères gras votre adresse électronique à l'aide du bouton. Mettre en caractères italiques votre première ligne à l'aide du bouton. En observant la barre d'état : Noter la balise correspondant à la mise en forme en caractères gras.... Noter la balise correspondant à la mise en forme en caractères italiques.... Vérifier en consultant le code source de la page. 6 Réponse : <p> </p> pour le style paragraphe ; <address> </address> pour le style adresse. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 17 / 38\n17 5.4. Choix des couleurs Le bouton de la barre de mise en forme est constitué de 2 carrés : le carré du dessus permet de choisir la couleur du texte, le carré du dessous la couleur d'arrière-plan. En cliquant sur l'un des 2 carrés, Nvu affiche une palette de couleurs : vous pouvez alors choisir la couleur de votre choix. Exercice n 3 : Modifier la couleur de texte de la première ligne de votre page. Appliquer le style «Titre 2» aux paragraphes : «Mes favoris», «Rechercher sur Internet», «Mes Documents». Centrer la première ligne de votre page. Enregistrer vos modifications. Visualiser la page dans votre navigateur. (Ne pas oublier d'actualiser l'affichage de votre navigateur.) 5.5. Modifier le fond de la page La commande «Format Couleurs et fond de la page» permet de modifier le fond de la page. Dans Nvu, modifier la couleur de fond de la page à l'aide de la commande «Format Couleurs et fond de la page». Il faudra : - sélectionner l'option «Utiliser des couleurs personnalisées», - cliquer sur bouton «Fond», de couleur blanc par défaut. -choisir une nouvelle couleur. Enregistrer vos modifications. 6. Insertion d'image A lire très attentivement : Avec un traitement de texte, lorsque vous insérez une image dans un document texte, cette image est par défaut, incorporée au document. Rappel : une page html est un fichier texte ; elle ne peut donc pas contenir physiquement une image mais elle peut contenir un lien vers un fichier image : c'est le navigateur qui sera chargé d'afficher cette image dans la page. Conclusion : pour «insérer» une image dans une page html, il faut : 1 ) un fichier image, 2 ) placer ce fichier dans le dossier (ou un sous-dossier) de votre site, 3 ) insérer un lien dans la page html vers ce fichier image à l'aide de Nvu. Très souvent, on regroupe les fichiers images dans un même sous-dossier du site pour en faciliter la maintenance. Pour notre site, nous utiliserons le sous-dossier «img» Utiliser une image de fond Nous allons utiliser l'image «structure.jpg» qui se trouve dans le dossier «ressources» comme image de fond de page. Avant de pouvoir l'utiliser dans notre site web, nous allons la copier dans notre sous-dossier «img» de notre site. Copier le fichier «structure.jpg» du dossier «ressources» vers le sous-dossier «img» de votre site. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 18 / 38\n18 Dans Nvu, sélectionner le fichier «structure.jpg» du dossier «img» comme fond d'image de la page «index.html» à l'aide de la commande «Format Couleurs et fond de la page». Enregistrer vos modifications. Visualiser votre page dans le navigateur. Revenir à Nvu. Dans l'exercice suivant, nous allons créer deux nouvelles pages, donc deux nouveaux fichiers... Attention aux noms des fichiers : les différents serveurs web ne gèrent pas tous de la même manière les caractères accentués, les espaces, les caractères en majuscule... Aussi, pour éviter tout problème lors de la publication de vos pages web, respecter les règles suivantes pour le nom des dossiers et des fichiers : * utiliser uniquement des caractères minuscules, non accentués, * ne pas utiliser le caractère «espace», lui préférer le caractère «_» (underscore ou soulignement, touche 8 du clavier alphanumérique). Exercice n 4 : Créer 2 autres pages html en respectant les consignes du tableau ci-dessous. Attention : * Ne pas confondre dans le tableau ci-dessous le nom des fichiers et le titre des pages. * Enregistrer ces deux fichiers dans votre dossier site. * Créer les nouvelles pages dans un nouvel onglet, à l'aide de la commande «Fichier Nouveau Document vide» * Une fois les fichiers enregistrés : * Appiquer le style «Titre 1» aux titres des pages. * utiliser le fond «structure.jpg» IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 19 / 38\n19 Contenu de la page Titre de la page Nom du fichier Mes favoris (style Titre 1) favoris.html Mes documents (style Titre 1) mes_documents.html J'insiste, vraiment... : «Attention aux noms de fichiers et de dossiers sinon vous aurez des soucis...». Ouvrir le dossier Site et vérifier le nom des fichiers si nécessaire Insérer des images dans la page Travail préparatoire Copier le fichier «rechercher.html» depuis le dossier «ressources» vers le dossier «site». Copier les fichiers «google.gif» et «yahoo.gif» depuis le dossier «ressources» vers le sous-dossier «img» du dossier «site» Insérer une image Revenir à Nvu. Ouvrir la page «rechercher.html» dans un nouvel onglet A l'aide de la commande «Insertion Image» ou du bouton, insérer l'image «google.gif» du sous-dossier «img» dans la première cellule du tableau avec comme texte alternatif «Google» Enregistrer vos modifications. Visualiser votre page dans le navigateur. N-B : Le texte alternatif se substitue à l'image lorsqu'un navigateur est configuré pour ne pas charger les images Identifier la balise «img» La balise html «img» permet d'insérer une image. Cette balise possède au moins l'attribut «src» qui indique le chemin du fichier image appelé par la page html. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 20 / 38\n20 Revenir à Nvu. Cliquer une seule fois sur l'image «Google» pour la sélectionner. Noter dans la barre d'état, l'apparition de la balise «img», elle est en caractère gras car elle est sélectionnée. Basculer en mode d'édition «HTML Source» à l'aide de l'onglet Noter la balise complète qui a permis d'insérer l'image : <img alt="google" src="img/google.gif" height="104" width="273"> «alt», «src», «height», «width» sont les attributs de la balise img. alt correspond au texte alternatif, src correspond au chemin du fichier image height correspond à la hauteur en pixel de l'mage, width correspond à la largeur en pixel de l'image. «img/» correspond au chemin relatif du fichier «google.gif» : en effet, le fichier «google.gif» se trouve dans le sous-dossier «img» par rapport à la page «rechercher.html». Revenir en mode d'édition normal ( ). Exercice n 6 : Insérer l'image «yahoo.gif» dans la première cellule de la 2ème ligne du tableau. Vous devriez obtenir l'aspect ci-dessous. Pour les images dans des pages web, il faut utiliser des images au format : «gif», «jpg», «png». Les images au format «bmp», «tiff» sont trop lourdes à télécharger sur Internet pour une qualité non perceptible à l'écran. De même, il faudra adapter la taille de l'image en pixel au format de l'écran. N-B : En double-cliquant sur une image, vous pouvez afficher rapidement les propriétés de l'images pour modifier ces propriétés. Exercice n 7: En modifiant les propriétés de l'image «google.gif», réduire la hauteur de l'image à 50 pixels (conserver les proportions). Enregistrer vos modifications. Visualiser votre page dans un navigateur. Revenir à Nvu. 7. Gestion des tableaux : création d'une barre de navigation Nous allons créer une barre de navigation qui nous permettra d'atteindre rapidement les différentes pages de notre site, ce qui nous permettra aussi de découvrir les fonctions de gestion des tableaux de Nvu. Il existe deux techniques pour régler la mise en page de zone de texte dans un document au format HTML : * les tableaux, * les calques. Les tableaux sont plus faciles à mettre en oeuvre et mieux pris en charge par les navigateurs. Par contre, ils sont beaucoup moins souples que les calques. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 21 / 38\n21 7.1. Création de la barre Afficher la page «Mes favoris» dans Nvu. Placer le curseur en tête de document. Appuyer sur la touche pour créer un nouveau paragraphe. Remonter le curseur sur la première ligne. Sélectionner la commande «Insertion tableau» ou cliquer sur le bouton «tableau» de la barre de composition. Nvu ouvre une boîte de dialogue «Propriétés du tableau». En glissant la souris sur la matrice, créer un tableau de 2 lignes par 4 colonnes. Valider. Nvu insère le tableau. Compléter ce tableau comme ci-dessous : 7.2. Identifier les balises HTML des tableaux Cliquer dans la première cellule du tableau. Noter l'apparition de la balise «td» dans la barre d'état. Cliquer sur cette balise «td». La cellule toute entière est sélectionnée. Cliquer sur la balise «tr» de la barre d'état. La ligne entière du tableau est sélectionnée. Cliquer sur la balise «table» de la barre d'état. Le tableau entier est sélectionné. Afficher le code source de la page (onglet ) Repérer le code source correspondant au tableau : <table border="1" cellpadding="2" cellspacing="2" width="100 %"> <tbody> <tr> <td>accueil<br> </td> <td>favoris<br> </td> <td>rechercher<br> </td> <td>documents<br> </td> </tr> <tr> <td><br> </td> <td><br> </td> <td><br> </td> <td><br> </td> </tr> </tbody> </table> A retenir : Les balises <table> et </table> délimitent le tableau. Les balises <tr> </tr> délimitent les lignes du tableau. Les balises <td> </td> délimitent les cellules du tableau. «border», «cellpading», «cellspacing», «width» sont les attributs qui permettent de modifier la IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 22 / 38\n22 présentation du tableau : «border» fixe la largeur des bordures en pixels, «cellpadding» fixe l'espacement en pixels entre le contenu et la bordure de la cellule, «cellspacing» fixe l'espacement en pixels entre cellules. La balise <tbody> est ici superflue : elle est généralement utilisée en association avec la balise <thead> pour séparer les entêtes du tableau des données de ce tableau. Pour mieux repérer les balises, vous pouvez passer en mode d'affichage. Revenir en mode d'édition normal.(onglet ) 7.3. Modifier les propriétés du tableau Dans un traitement de texte, la largeur des tableaux est généralement exprimée en cm. La vocation d'une page HTML est d'être affichée sur un écran d'ordinateur. L'unité d'affichage sur un écran est le pixel. Les tailles standard d'un écran sont «800 x 600», «1024 x 780», «1280 x 1024»,... pixels. Le langage HTML propose d'exprimer les largeurs de tableaux, de largeurs de colonnes, hauteurs de lignes : * soit en pixels, * soit en % de largeur de la fenêtre d'affichage de la page. On utilise les largeurs de tableau ou de colonnes de tableau en % pour adapter l'affichage du tableau à la taille de la fenêtre d'affichage du navigateur. On utilise les largeurs de tableau en pixels pour fixer les dimensions du tableau quelque soit la largeur de la fenêtre d'affichage du navigateur. Nous allons : * fixer la largeur du tableau à 600 pixels, * centrer le tableau, * supprimer les bordures. Cliquer sur le tableau. Cliquer sur la balise «table» de la barre d'état pour sélectionner le tableau. Cliquer droit sur le tableau et sélectionner la commande «Propriétés Tableau». Modifier les propriétés du tableau comme indiqué ci-contre : Largeurs : 600 pixels Bordure : 0 pixels Marges : 2 pixels Remplissage : 2 pixels Alignement du tableau : centre. Cliquer sur bouton «Appliquer». Nvu modifie la présentation du tableau. Valider Modifier les propriétés des cellules Nous allons : * fixer la largeur des colonnes à 141 pixels 7, * centrer le contenu des colonnes. 7 Pourquoi 141? 600 /4 = 150. Il faut ensuite retrancher par colonne les marges, les remplisages, la séparation entre colonne, soit = IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 23 / 38\n23 Cliquer sur la 1ère cellule du tableau. Cliquer sur la balise «td» de la barre d'état pour la sélectionner. Cliquer droit sur la cellule et sélectionner la commande : «Propriétés cellule». Nvu ouvre une boîte de dialogue «Propriétés du tableau». Sélectionner l'onglet «Cellules» si nécessaire. Sélectionner «Colonne» pour la liste déroulante «Sélection» en haut de la boîte de dialogue. Cocher la case «Largeur» et saisir la largeur«141» «pixels» pour la taille. Cocher la case «Vertical» et sélectionner «Milieu» pour l'alignement du contenu, Cocher la case «Horizontal» et sélectionner «Centre» pour l'alignement. Cliquer sur le bouton «Suivante». Répéter les opérations pour les autres colonnes du tableau. Enregistrer vos modifications. Nvu permet aussi : * de modifier la largeur des colonnes en déplaçant les taquets de la règle horizontale, * de modifier la hauteur des lignes en déplaçant les taquets de la règle verticale, * d'insérer une colonne ou une ligne en cliquant sur les triangles des boutons de cellules, * de supprimer une colonne ou une ligne en cliquant sur les croix cerclées des boutons de cellules. Règle horizont Règle ale vertical Taqe uets Taqu ets Boutons de cellule 7.5. Fusionner les cellules d'un tableau Nous allons fusionner les cellules du tableau de la 2ème ligne : cette deuxième ligne contiendra le titre de notre page. Sélectionner les 4 cellules de la deuxième ligne du tableau. Cliquer droit et sélectionner la commande «Fusionner les cellules sélectionnées». Nvu fusionne les cellules. Couper-coller le titre «Mes favoris» dans cette cellule. N-B : Malheureusement, Nvu a encore quelques bugs... Mais cela va nous donner l'opportunité de modifier directement le code source de la page, comme les pros... Placer le curseur sur la deuxième ligne du tableau. Cliquer sur la balise <td> dans la barre d'état pour sélectionner la cellule. Cliquer sur l'onglet. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 24 / 38\n24 Noter l'attribut «colspan = 4» qui indique au navigateur de fusionner les 4 colonnes. Nvu a gardé la valeur 141 pour la largeur de la cellule... Supprimer «width="141"» dans le code source de la page. Enregistrer vos modifications. Revenir en mode normal. 8. Créer des liens hypertextes 8.1. Créer des liens internes vers d'autres pages du site Nous allons créer des liens hypertextes depuis la page d'accueil «index.html» de notre site vers les différentes pages «favoris.html», «rechercher.html», «mes_documents.html». Pour créer un lien hypertexte, il faut : 1 ) sélectionner la «zone cliquable» : le texte ou l'image, 2 ) sélectionne la commande «Insertion lien» ou bien cliquer sur le bouton «Lien» de la barre de composition, 3 ) saisir la destination, c'est à dire l'adresse (URL) de la page qui sera appelée par le navigateur lorsqu'on cliquera sur le lien, 4 ) préciser la cible : * la même fenêtre (_self) : lorsqu'on cliquera sur le lien, la page appelée s'affichera dans la même fenêtre, * une nouvelle fenêtre (_blank) du navigateur : lorsqu'on cliquera sur le lien, la page appelée s'affichera dans une nouvelle fenêtre, La destination (URL) pourra être une page au format html ou dans un format standard reconnu par le navigateur : PDF, RTF,... interne ou externe au site web. Dans Nvu, sélectionner la page «Site Personnel...» (fichier «index.html»). Basculer en mode d'édition «Normal» si nécessaire. Sélectionner le texte «Mes favoris». Sélectionner la commande «Insertion Lien» ou cliquer sur le bouton de la barre de composition. Nvu ouvre une une boîte de dialogue «Propriétés du lien». Cliquer sur le bouton «Parcourir». Sélectionner le fichier «favoris.html». Valider. Attention ne pas refermer la boîte de dialogue «Propriétés du lien». Cliquer sur le bouton «Édition avancée». Nvu ouvre une fenêtre «Édition des propriétés avancées» Sélectionner dans la liste déroulante «Attribut», la valeur «target». Sélectionner dans la liste déroulante «Valeur», la valeur «_self». Valider. Valider une seconde fois pour refermer la fenêtre «Propriétés du lien». N-B : si vous ne précisez pas la cible («target»), la valeur par défaut est «_self». Ici nous aurions donc pu sauter cette étape. Enregistrer vos modifications. Tester votre page à l'aide du navigateur Identifier la balise <a> Revenir à Nvu. Afficher le code source de la page ( ). Repérer le lien hypertexte : IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 25 / 38\n25 <a target="_self" href="favoris.html">mes favoris</a> < > <----> balise ouvrante balise fermante A retenir : La balise <a> permet d'insérer un lien hypertexte. La zone cliquable est encadrée par un balise ouvrante <a> et une balise fermante </a>. La balise <a> possède au moins l'attribut «href» qui contient l'adresse de destination du lien. L'attribut «target» permet de définir la cible du lien : «_self» même fenêtre du navigateur ou «_blank» nouvelle fenêtre du navigateur. Exercice n 8 : Compléter le texte ci-dessous : Ici, les... «<a>» et «</a>» encadrent le texte «...» qui est la zone cliquable. L'attribut «href» définit l'adresse de destination du lien, ici «...» qui est le nom du... appelé par le lien hypertexte. L'... «target» définit la cible du lien hypertexte, ici la même... Revenir au mode d'affichage. Exercice n 9 : Dans la page d'accueil «Site personnel...» («index.html»), a) ajouter un lien vers les pages «mes_documents.html «et «rechercher.html». b) Enregistrer vos modifications. Tester votre page dans un navigateur. Exercice n 10 : Dans la page «Mes favoris» : a) dans chaque cellule de la première ligne du tableau, créer les liens respectivement vers les pages «index.html», «favoris.html», «rechercher.html», «mes_documents.html». b) Enregistrer vos modifications. Tester votre page dans un navigateur. c) Copier cette barre de navigation dans les pages «Mes documents» et «Rechercher». e) Modifier les titres en conséquence. f) Tester vos pages dans un navigateur. N-B : Le fait d'avoir choisi «_self» pour cible dans vos liens vous permet de cliquer sur le bouton «précédent» du navigateur pour revenir à la page d'accueil du site. N-B : Pour supprimer rapidement un lien hypertexte : Sélectionner le lien, Cliquer droit et sélectionner la commande «Supprimer les liens». Pour modifier un lien hypertexte, double-cliquer sur le lien, Nvu affiche la fenêtre de propriétés du lien. Très important : IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 26 / 38\n26 * Créer toutes vos pages HTML dans le dossier de votre site ou éventuellement dans un sousdossiers de votre site, * Pour tous les liens vers des pages de votre site, vérifier que la case «L'URL est relative à l'emplacement de la page» est cochée comme sur la figure ci-dessous Créer des liens externes vers des pages d'internet Dans la page «rechercher.html», précédemment, nous avons «inséré» des images correspondant aux logos des sites. Nous allons insérer un lien hypertexte sur ces images vers le site respectif. On précisera la destination en forçant l'ouverture d'une nouvelle fenêtre du navigateur (target = «_blank») dans un deuxième temps. Lors de l'insertion de liens hypertextes vers des sites extérieurs sur Internet, il est préférable de travailler par copier-coller pour éviter des erreurs de saisie lors de la création du lien hypertexte Récupération de l'adresse Ouvrir une nouvelle fenêtre du navigateur. (Menu Fichier Nouvelle Fenêtre du navigateur) Saisir l'adresse « Valider. Attendre l'affichage de la page. Sélectionner l'adresse dans la zone d'adresse. Cliquer droit et sélectionner la commande «Copier». L'ordinateur garde en mémoire l'adresse du site dans une zone mémoire qu'on appelle le presse-papier Création du lien Revenir à Nvu. Sélectionner la page «rechercher.html». Double-cliquer sur l'image «google.gif». Nvu ouvre la fenêtre «propriétés de l'image». Sélectionner l'onglet «lien». Cliquer droit dans la zone de saisie de l'adresse du lien et sélectionner la commande «Coller» du menu contextuel. Nvu colle le lien « Valider Préciser la cible du lien La fenêtre «Propriétés de l'image» ne permet pas de modifier la cible (target) du lien hypertexte. En effet, «target» est un attribut de la balise <a> et non de la balise <img>. Il faut d'abord sélectionner le lien hypertexte pour accéder à la fenêtre de «Propriétés du lien». La barre d'état de Nvu va nous aider. Cliquer sur l'image «google» pour la sélectionner. Noter l'apparition de la balise <a> dans la barre d'état devant la balise <img>. <img> est en caractère gras car l'image est sélectionnée. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 27 / 38\n27 Cliquer sur la balise <a> de la barre d'état de Nvu pour sélectionner cette balise. Dans la zone d'édition, l'image est grisée, dans la barre d'état, la balise <a> est en caractère gras. Vous l'avez sélectionnée. Cliquer droit sur la balise <a> de la barre d'état de Nvu Sélectionner la commande «Propriétés avancée». Sélectionner l'attribut «target». Sélectionner la valeur «_blank». Valider. Enregistrer vos modifications et tester votre page. Exercice n 11 : Créer un lien vers le site de «Yahoo.fr» sur l'image «yahoo.gif» dans la page «rechercher.html». Enregistrer vos modifications. Tester la page «rechercher.html». Vérifier que le navigateur ouvre une nouvelle fenêtre lorsque vous cliquez sur les images de la page. N-B : Pour supprimer ou modifier un lien hypertexte sur une image : 1 ) Sélectionner la balise <a> à l'aide de la barre d'état. 2 ) Cliquer droit sur l'image et sélectionner : soit la commande «Supprimer les liens» pour supprimer le lien soit la commande «Propriétés du lien» pour le modifier. Exercice n 12: Dans la page «favoris.html» : a) créer un tableau de 3 lignes et 4 colonnes. b) proposer 3 favoris vers des pages d'internet. Colonne n 1 : nom du site, colonne n 2 : logo du site, colonne n 3 : adresse du site, colonne n 4 : descriptif du site. c) Créer un lien vers le site sur le logo et l'adresse du site. Attention, copier l'image des logos de vos sites favoris dans votre dossier «img» avant de l'insérer dans votre page html. d) A l'aide de la commande «Propriétés du tableau», améliorer la présentation du tableau. Très important : * Pour tous les liens vers des pages extérieures à votre site, vérifier que la case «L'URL est relative à l'emplacement de la page» est décochée comme sur la figure ci-dessous. * L'URL doit débuter avec « 9. Créer des liens internes vers des documents Nous allons créer dans la page «mes_documents.html» des liens vers des documents. Ces documents seront dans des formats que le navigateur pourra facilement afficher. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 28 / 38\n28 9.1. Travail préparatoire Copier les fichiers : «qcm.html», «creer_page_web.swf», «competence.html», «balise.pdf» depuis le dossier «ressources» vers le sous-dossier «doc» de votre site. «qcm.html» est un QCM réalisé à l'aide du logiciel «HotPotatoes». «balise.pdf» est un fichier au format Acrobat obtenu à l'aide de la fonction exporter d'openoffice. «creer_page_web.swf» est un fichier au format Flash obtenu à l'aide de la fonction exporter d'impress OpenOffice. «competence.html» est un simple document html que nous utiliserons un peu plus tard dans ce parcours guidé Création des liens Dans la page «Mes Documents» (fichier «mes_documents.html»), nous allons insérer des liens hypertextes vers les 4 documents «qcm.html», «creer_page_web.swf», «competence.html», «balise.pdf». Insérer dans la page «Mes Documents» le texte ci-dessous : * QCM HotPotatoes, * Compétences pour les enseignants * Balises html (format PDF) * Préao Pages web (format Flash) Créer les liens hypertextes vers les documents : «qcm.html», «competence.html», «balise.pdf», «creer_page_web.swf» en prenant pour cible (target) la valeur «_blank». N-B : par défaut, lors de la création du lien, la boîte de dialogue associée au bouton «Parcourir» ne propose que les fichiers «htm» ou «html». Il faudra sélectionner «Tous les fichiers» pour le type de fichiers pour faire apparaître les fichiers «swf» ou «pdf» comme sur la figure ci-contre. Enregistrer vos modifications. Tester votre page «mes_documents.html» dans le navigateur Créer des «ancres» dans un document long. Lorsqu'une page web devient trop longue, il devient nécessaire d'utiliser les ascenseurs du navigateur pour la consulter. Il peut être intéressant dans ce cas : 1 ) de placer dans le document des ancres 2 ) de créer des liens hypertextes vers ces ancres pour atteindre rapidement un emplacement précis du document. Nous allons ajouter une «barre de navigation» dans le document «competence.html». Cette barre de navigation permettra d'atteindre rapidement les différents chapitres du document au sein de la page. Ouvrir le document «competence.html» dans Nvu. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 29 / 38\n29 ère étape : création des ancres Le bouton «Ancre» de la barre de composition (ou la commande «Insertion Ancre») permet d'insérer des ancres dans le document. Chaque ancre est identifiée par un nom. Il est impératif de respecter les mêmes consignes pour le nom des ancres que pour les noms des fichiers, à savoir : * utiliser des caractères minuscules, non accentués, * éviter le caractère espace et le remplacer par le caractère «_» (soulignement bas ou underscore, touche 8 du pavé alphanumérique). Sélectionner le titre «1) les différents champs disciplinaires et niveaux d'enseignement» Cliquer sur le bouton «Ancre». Nvu ouvre une boîte de dialogue «Propriétés de l'ancre». Saisir le texte «champs_disciplinaires» comme ci-contre. Valider en cliquant sur OK Afficher le code source de la page. Repérer la balise permettant de définir une ancre. <a name="champs_disciplinaires"></a> C'est donc la même balise «<a>» qui sert pour créer un lien ou définir une ancre. L'attribut «name» précise le nom de l'ancre. Revenir en mode d'édition normal. Répéter le processus pour les autres titres du document en respectant le tableau ci-dessous : Titres Nom de l'ancre 2) la gestion de la classe gestion_classe 3) la coopération entre élèves, classes et enseignants cooperation 4) Les systèmes d'information et de communication systeme_information 5) la responsabilité éducative de l'enseignant Responsabilite Rappel : pas de caractères accentués dans le nom des ancres... sinon vos liens ne fonctionneront pas! nde étape : création des liens hypertextes vers les ancres La création de liens hypertextes vers des ancres se fait de la même façon que pour des liens hypertextes classiques, seule l'adresse de destination change. Les ancres ayant été insérées dans le document, nous pouvons maintenant créer des liens hypertextes vers ces ancres. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 30 / 38\n30 Saisie de la barre de navigation Placer le curseur après le mot «Communication» du titre «La formation initiale des enseignants et les Technologies de l'information et de la Communication». Appuyer sur la touche pour créer un paragraphe vide. Sélectionner la commande «Insertion Tableau» ou cliquer sur le bouton «tableau» de la barre de composition. Saisir la dimension du tableau : 1 ligne x 5 colonnes. Valider. Compléter le tableau comme ci-dessous : Champs disciplinaires Gestion de la classe Coopération Système d'informations Responsabilité Création des liens hypertextes Sélectionner le texte «Champs disciplinaires» du tableau. Sélectionner la commande «Insertion Lien» ou cliquer sur le bouton de la barre de composition Nvu ouvre la boîte de dialogue «Propriétés du lien». Faire dérouler la liste déroulante «Emplacement du lien». Nvu affiche la liste des ancres de la page. Sélectionner l'ancre «Champs_disciplinaire». Valider. Afficher le code source de la page. Repérer le lien que vous venez de créer : <a href="#champs_disciplinaires">champs disciplinaires</a> Le dièse # permet d'indiquer le nom de l'ancre. Bien entendu, il est possible de créer un lien vers une autre page en précisant une ancre : il suffit d'ajouter le # suivi du nom de l'ancre au nom du fichier dans la valeur de l'attribut «href». Répéter le même processus pour les autres cellules du tableau. Enregistrer vos modifications. Ouvrir votre document dans votre navigateur. Tester les liens hypertextes. Exercice n 13 : Dans notre page html «competence.html», nous souhaitons pouvoir remonter rapidement au début du document, depuis chaque titre. Nous allons insérer après chaque titre, un lien hypertexte vers le haut du document. Ce lien hypertexte se présentera sous l'aspect d'une image Pour cela il faudra : 1 ) Copier l'image «bluhome.gif» dans votre sous-dossier «img» du site depuis le dossier «ressources». 2 ) Insérer une ancre «Titre» avant le titre «La formation initiale des enseignants et les Technologies de l'information et de la Communication», 3 ) Insérer l'image «bluhome.gif» en fin de ligne «1) les différents champs disciplinaires et niveaux d'enseignement». 6 ) Ajouter un lien hypertexte sur cette image vers l'ancre «Titre» créée précédemment. 7 ) Copier-coller cette image avec son lien hypertexte en fin de chaque titre. 8 ) Enregistrer vos modifications. Tester votre page. N-B : Le copier-coller supprime la mise en forme des titres... Un bug de Nvu. IUFM de Basse-Normandie Dominique Lachiver version 28/10/04 page 31 / 38


Vos rêves n'attendent que vous - Des mots pour panser et se repenser\nAvez-vous remarqué comme nombreux sont les êtres humains qui ne sont pas pleinement heureux au quotidien ..... Pourquoi ?\nTout simplement car ils mettent leurs rêves en attente.\nCombien de fois vos rêves vous ont appelés ? Combien de fois vos rêves ont attendu votre aval pour devenir réalité ?\nLes avez-vous écouté ? Non car ce n'était pas le bon moment, en fait ce n'était véritablement jamais le bon moment.\nCombien de personnes mettent leur vie et leurs rêves entre parenthèse pour répondre non à leur attentes mais aux attentes d'autrui ? Bien trop à mon sens.\nN'oubliez jamais que la vie est à l'image d'un sablier ... le temps qui s'écoule ne reviendra jamais.\nLe but de votre vie n'est pas de survivre, le but de votre vie c'est de vivre tout simplement et pour vivre il vous faut tout simplement répondre présent(e) lorsque vos rêves vous appellent.\nVous savez il n'existe aucun meilleur moment que cet ici et maintenant, si vos rêves vous font signe c'est que les graines que vous avez semé sont prêtes à être récoltées.\nNe laissez pas votre récolte pourrir car vous portez plus d'attention au bonheur d'autrui, votre vie vous appartient, vos rêves vous sont propres et personnel, respectez-vous, écoutez-vous, vivez pour vous.\nVivre pour soi .... pour beaucoup ces trois mots sonnent comme la définition de l'égoïsme.\nPersonnellement je dis toujours que s'aimer c'est faire preuve de générosité car le bonheur c'est comme l'amour il se multiplie en se partageant.\nEn vous voyant heureux(se) ceux qui vous aiment s'emplissent de bonheur, le bonheur est communicatif, le bonheur est contagieux.\nMais pour contaminer les autres vous devez vous offrir le virus du bonheur. Ce virus est positif et porteur de joie et de sérénité, alors cessez de passer à coté et autorisez-vous à rendre vos rêves réalité.\nCessez d'attendre le bon moment, car vous trouverez toujours une excuse pour vous détournez de vos rêves.\nVivez, pour ne jamais regretter. Là se doit d'être le leitmotiv de votre vie.\nVivez pour vous pour permettre au bonheur de s'accroitre et de se développer.\nLorsque vos rêves vous appellent, décrochez et validez le bonheur.\nIl existe un seul mot de passe pour vous permettre le bonheur c'est de répondre Oui à vos rêves.\nFaites le, car personne ne vivra votre vie pour vous.\nVous méritez le bonheur, que votre récolte soit abondante.\nMerci de ne pas dénaturé le contenu de cet article.


Dena - Repose-pieds en Tissu Lecce - Gris - Pied étoile - Habitat\nDena - Repose-pieds en tissu Lecce - Gris - Pied étoile\nDena Repose-pieds en tissu Lecce - Gris - Pied étoile\nLe repose-pieds Dena en tissu Lecce gris et pied étoile invite au repos et à la détente. Son design arbore des courbes enveloppantes. Son coussin se compose d'un mélange de mousse et de plumes. Très confortable, ce repose-pieds trouve sa place dans un salon, en complément d'un canapé ou d'un fauteuil.\nLe repose-pieds en tissu Lecce gris et pied étoile peut être associé avec le fauteuil de la même collection.


TOUT EST PRÊT POUR BÉBÉ ? ON VOUS DIT TOUT ! - PAPA 2.0\nTOUT EST PRÊT POUR BÉBÉ ? ON VOUS DIT TOUT !\nposted by PAPA 2.0 on 15 avril No Comments\nNous avons été un peu absents ces derniers temps sur les posts bébé, pourquoi ? car tout simplement nous préparions son arrivée avec impatience !\nNous avons fait la dernière échographie de bébé ce samedi 14 avril, et les nouvelles sont bonnes ... même très bonnes !\nMylha fait 2,465 Kg et ces petits petons 72 mm, pas d'estimation de taille pour le moment mais une estimation de poids a la sortie qui correspond entre 3 et 4 KG comme, nos 2 enfants actuellement à leurs naissances ce qui présage un beau bébé encore !\nNous avons également prépare la venue de bébé avec pleins de belles marques a qui nous faisons confiance depuis le premiers jours, comme Premiers Moments, Libélulle, Love & Green, Twistshake, Beaba, Bebe angel, Thermobaby et pleins d'autres ...\nOn remercie toutes les marques qui nous ont vraiment fait plaisir et qui vont permettre à Baby girl d'évoluer dans le plus bel univers possible !\nCe que nous allons utiliser pour les premiers mois de bébé dans son quotidien ?\nNous allons bien sur nous servir de tout le nécessaire de la marque "Premiers moments" que vous trouverez en photo ci dessus !\nLe trousseau ce compose de 47 articles, dont le couffin que nous adorons avec tout les produits love & green, les vêtements etc ...\nNiveau Poussette, nous utilisons depuis maintenant deux ans, la marque "Libélulle" et cet année nous avons choisi la nouvelle venu, la Trinity2 avec sa nacelle pliable et le cosy !\nPour le dodo, nous avons opté cet année, pour la nouveauté Libélulle encore une fois, le MONDODO, le lit cododo qu'ils ont sortie il y a deux mois et que nous adorons depuis sa découverte sur le salon Baby, quand elle aura grandit, nous opterons pour le lit Sauthon que nous avions déjà pour Ylana et qui est en parfait état pour baby girl.\nPour les repas nous utilisera, dans un premier temps, le Babycook de chez Béaba que nous avons reçu pour le programme #BandesDeParents avec tous pleins de choses que je vais encore pouvoir vous faire découvrir dans les mois à venir ...\nPour la vie quotidienne, nous avons tout plein de marques comme Thermobaby, Premiers moments, Bebe Angel et plein d'autres, avec lesquels nous partagerons au quotidien la vie de baby girl, comme la sieste, le bain et bien d'autres ...\nTout cela pour vous dire que tout est prêt et que si vous avez la moindre question, n'hésite pas nous prendrons le temps de vous y répondre pour vous orienter au mieux !


Le PSG est vendu ! - Paris SG - Homes Clubs - Ligue 1 - Football\nLe PSG va changer de propriétaire - Panoramic\nLe PSG est vendu !\nPublié le 31/05/2011 à 12h58\nColony Capital a conclu ce mardi la vente d’une partie du capital du Paris SG à Qatar Investment Authority. Un changement de propriétaire qui devrait offrir des moyens financiers supplémentaires au club parisien.\n70% du capital vendu\nC’était dans l’air depuis quelques semaines, c’est désormais officiel : le Paris Saint-Germain va être partiellement vendu par Colony Capital, son actuel propriétaire (qui détient 95,8% du capital), à Qatar Investment Authority, le fonds souverain du Qatar (QIA). L’information, dévoilée mardi midi par Le Parisien sur son site internet, a été confirmée dans la foulée par le club lui-même. «Colony Capital et une société d’investissement du Qatar annoncent, ce jour, avoir finalisé un projet d’accord aux termes duquel ce nouvel associé deviendrait l’actionnaire du Paris-Saint Germain à hauteur de 70%, Colony Capital conservant 30% du club», annonce le PSG dans un communiqué. Le patron de Colony Capital Europe, Sébastien Bazin, doit tenir une conférence de presse ce mardi après-midi pour préciser les conditions de la transaction. Le Parisien avance pour l’heure un prix de vente compris entre 30 et 40 millions d’euros, sans préciser si cette somme prend en compte les pertes du club, estimées à 19 millions d’euros pour la saison qui se termine, et ses dettes accumulées (entre 15 et 20 millions).\nSébastien Bazin explique déjà, dans le communiqué mis en ligne par le PSG, que «depuis l’entrée de Colony au capital du club, nous avons joué notre rôle de développeur, d’accompagnateur d’une étape de la vie du PSG. Au cours des 5 dernières années, nous avons doté le club d’une équipe dirigeante de qualité qui a permis au PSG de disposer aujourd’hui des outils de formation et d’entrainement dignes des grands clubs européens, et d’une équipe qui évolue désormais dans un environnement apaisé. Notre responsabilité en tant qu’actionnaire était également de préparer l’avenir. C’est pourquoi nous avons recherché le meilleur partenaire possible pour assurer au PSG une place dans l’histoire. Nous l’avons trouvé avec notre nouvel associé qui partage cette ambition.»\nCe changement de propriétaire ne devrait pas, dans un premier temps, modifier l’organigramme actuel du club puisque Robin Leproux devrait rester président et Antoine Kombouaré entraîneur. En revanche, QIA, qui possède des hôtels de luxe dans la capitale et fait partie du capital de grandes sociétés françaises, pourrait donner plus de moyens aux dirigeants parisiens pour la campagne de recrutement estival. «Il (Ndlr : le nouvel associé) a pris la mesure de l’importance du travail effectué par l’ensemble du  management actuel du club et souhaite collaborer avec lui afin de poursuivre les efforts entrepris par le PSG pour atteindre les plus hauts niveaux», assure Sébastien Bazin. De quoi attirer les grosses pointures espérées cet été (Alou Diarra, Kévin Gameiro, Dimitri Payet)…\nApoula Edel l’a mauvaise\nPSG : qui, quand et avec quels moyens ?


Home > Infos > Infos internationales > Barack Obama promet de continuer son action pour réformer les lois sur les armes\nBarack Obama promet de continuer son action pour réformer les lois sur les armes Les plus consultés\nQuatre mois après le terrible massacre de Newtown, le président américain a subi hier un triste désaveu. Le Sénat a rejeté un amendement qui aurait imposé des vérifications d’antécédents judiciaires et psychiatriques avant les achats d’armes sur internet et dans les foires spécialisées.\nEntouré de familles de victimes, de l‘élue démocrate meurtrie Gabrielle Giffords et du vice-président Biden, le chef de la Maison Blanche s’est voulu solennel et combatif : “Une minorité, le lobby des armes, a délibérément menti pour faire échouer la réforme et ils permettent à de dangereux criminels de continer à acheter des armes sans vérifier leurs antécédents, et cela ne rendra pas nos enfants plus sûrs. C’est un jour de honte pour Washington”.\nBarack Obama n’entend pas en rester là, fort du soutien de 90% des Américains sur cette question, sensible selon les sondages. Quatre élus du parti démocrate du président ont fait défection et rejoint les républicains pour voter contre l’amendement sur les antécédents judiciaires. L’Administration Obama s’est beaucoup engagée sur cette réforme et ce coup d’arrêt est sévère. La très puissante NRA a joué de tout son poids dans l’optique des prochaines élections.\nLe second amendement de la constitution garantit à tout citoyen américain le droit de porter des armes, et un foyer américain sur trois en possède au moins une. Mais plus de 30.000 personnes périssent chaque année à cause de ce fléau.\nL'Ukraine doit faire plus pour ses malades


Dieudonné : La liste des interdictions ! - POPULI-SCOOP\nAccueil > Humanité > Monde, actualité internationale, politique, relations, diplomatie, affaires (...) > Deux Dossiers Spéciaux de POPULISCOOP. > U.P.M. Union Pour la méditerranée > Les documents conventions, charte, projets, articles... > Articles de presse sur UPM > Dieudonné : La liste des interdictions !\nlundi 4 mai 2009, par ramila\nHier Dimanche 3 mai, le porte-parole de l’Elysée, Claude Guéant a rendu publique, sur une petite radio communautaire, la décision du gouvernement d’utiliser tous les moyens légaux pour faire interdire la liste anticommunautariste de Dieudonné. Information aussitôt relayée par les grands organes de presse ( le Figaro, le Monde, le Nouvel obs etc...) sans qu’aucun journaliste ne commente outre-mesure cette initiative antidémocratique incongrue, décidée et annoncée en comité restreint sur une petite radio locale. Seul le porte-parole du PS, BenoÃ®t Hamont s’interroge sur les réelles motivations d’une telle annonce en pleine campagne électorale et à quelques semaines à peine des élections du 7 juin prochain. Il est surprenant qu’un président, juriste et fin connaisseur du droit ait chargé son porte-parole de communiquer sur ces listes en suggérant de les faire interdire alors qu’il sait parfaitement qu’aucun motif juridique d’inéligibilité ne frappe Dieudonné et que tout président qu’il est il n’a pas le pouvoir de faire abdiquer ses sujets avant même leur accession au poste convoité, en l’ocurrence celui de député européen.\nPlutôt que de faire un article redondant sur le droit bafoué dont le cas Dieudonné est le stéréotype s’apparentant au lynchage, voici les propos des principaux concernés et de certains eurodéputés ou politiciens interrogés suivis succinctement des règles du droit et du code électoral franÃ§ais. La conclusion sur cette allocution de Guéant s’impose d’elle même et ne devrait faire l’objet d’aucun débat.


Vol Santorin Paris à prix réduit avec lastminute.com\nTenté par un vol Paris à petit prix ? lastminute vous présente une sélection de vols vers Paris à partir de 99, à un tarif défiant toute concurrence. Sélectionnez la ville de départ et la ville de destination et vous trouverez en quelques secondes un trajet en France conforme à vos finances. Il suffit ensuite de réserver en ligne pour recevoir votre billet d'avion !\nQu'il s'agisse d'un voyage d'affaire ou d'un voyage de vacances en France, acheter un billet d'avion Paris sans dépasser son budget. Visitez les grandes villes de France sans perdre de temps dans les trajets ! Pratique et efficace, l'avion vous amènera partout où vous le souhaitez.\tPensez également à réserver votre vol retour pour Paris - Santorin\nVous recherchez un vol direct et pas cher ? Prenez une réservation de vol avec lastminute.com. Si vous préférez, consultez les offres de séjours au Maroc, de vol pas cher, de séjour en Inde, de week-end à Florence, de vol pas cher Los Angeles et de hôtel à Stockholm.


Toutes les informations pour réaliser une demande de carte grise à Petit-Bourg, Guadeloupe\nPour avoir l'autorisation de rouler en conformité sur des routes du territoire français avec votre moto ou voiture, il est absolument important que vous ayez un certificat d'immatriculation en cours de validité.\nPetit-Bourg, comment faire vote démarche de carte grise ?\nPour l'obtenir, les services publics permettent dorénavant de faire les démarches en ligne. Par conséquent, il n'est plus possible d'aller en Préfecture depuis le 15/04/09 et l'introduction du SIV. Vous pouvez également créer votre carte grise sur votre ordinateur ou votre smartphone, chez Immatriculer.com (pour voiture, moto, scooter, camion, remorque, van...) ou chez un établissement agréé par le le gouvernement français (un garage ou prestataire spécialisé à Petit-Bourg ou à proximité).\nComme évoqué, vous pouvez demander votre carte grise de plusieurs façons possibles : carte grise sur internet sur Immatriculer.com pour commencer, mais aussi en Préfecture ou chez un prestataire agréé officiellement la ville de Petit-Bourg. Bien évidemment, suivant la nature de la demande faite (en ligne ou non), vous aurez des démarches différentes à accomplir pour finaliser la démarche du titre.\nLa liste des papiers obligatoires à la démarche carte grise d'un véhicule neuf ou d'occasion varient selon la procédure. Les papiers doivent être imprimés quand la carte grise est demandée, auprès d'un garage, à scanner et transférer lorsque vous faites une demande de carte grise en ligne.\nVous avez fait une demande de carte grise à Petit-Bourg ou sur notre site et vous aimeriez savoir où en est sa conception ? Avec la réforme du PPNG, tous les services préfectoraux dédiés à l'attribution de titre se sont modernisés.\nC'est pour cela que le suivi de demande de carte grise et de sa fabrication est consultable à tous les demandeurs sur internet. "où en est ma carte grise ?" : notre site web vous conseille de vous munir de votre numéro provisoire d'immatriculation et d'aller sur la page de suivi du site de l'ANTS. Si vous choisissez un prestataire agrée comme Immatriculer.com, vous aurez un accès au suivi sur notre site et êtes notifié du traitement de votre démarche de carte grise par email et SMS.\nTarif d'une carte grise à Petit-Bourg ?\nQuel est le tarif de la carte grise à Petit-Bourg , répondons à cette question. Pour estimer le coût de la demande, notez que plusieurs choses sont à prendre en compte : la zone (en l'occurence Guadeloupe, Guadeloupe) où la démarche est réalisée, le nombre de chevaux fiscaux, et les rejets de co2 du véhiculedont il est question.\nPar conséquent, pour la ville de Petit-Bourg, le coût est d'un montant des taxes d'immatriculation d'un montant égal à la puissance fiscale du véhicule multiplé par 41€ (prix par cheval fiscal à Guadeloupe). Si vous possédez une voiture ou une moto de plus de 10 ans bénéficient d'une exonération de moitié du prix par cheval fiscal. Par exemple une, Hyundai i20 de 16 ch fiscaux aurait un coût de 656€ (16 x 41€), alors que la coût de la carte grise de Citroen C3 AirCross de 15 ch fiscaux coûterait 656€ (15 x 41€).\nCarte grise en préfecture proche de Petit-Bourg (Guadeloupe)\nDepuis novembre 2017, vous ne pouvez pas vous rendre à la préfecture et en sous-préfecture de Petit-Bourg pour effectuer vos démarches de carte grise. Les habitants de Guadeloupe doivent nécessairement utiliser ou un prestataire agréé. La préfecture de Petit-Bourg, Guadeloupe, Guadeloupe est donc fermée aux usagers désirant réaliser des changements d'immatriculation.\nCarte grise en mairie à Petit-Bourg\nEn principe, depuis le début du plan Plan Préfectures Nouvelle Génération le 06/11/2017, les mairies ne proposent pas la réalisation de carte grise. Parfois, il est possible de faire une démarche de carte grise dans une Mairie dans certaines ville même si celà reste plutôt peu répandue. Il faut vous renseigner au préalable en mairie à Petit-Bourg. Trouvez ci-dessous des mairies des environs de Petit-Bourg 97170.\nCombien de temps pour faire une carte grise à Petit-Bourg ?\nA Petit-Bourg : peut-on obtenir rapidement une carte grise pour une moto ou voiture d'occasion ?\nLors d'un changement d'adresse, un changement de titulaire ou une demande de duplicata (si la carte grise est volée ou perdue), l'État français exige de faire une demande de carte grise pour le véhicule sous 30j maximum à partir de la date d'achat de la moto, du scooter, du camion, de la voiture ou de la date à la laquelle a été faite la déclaration de vol ou perte. Ceci pour vous mettre en conformité auprès de l'administration, mais aussi de pouvoir circuler en toute légalité. Sachez aussi que l'ancien propriétaire du véhicule a lui 15j pour déclarer la cession auprès de l'administration française.\nEt ensuite, combien de temps l'usager attend sa carte grise ? Après émission de la demande auprès du Système d'Immatriculation des Véhicules, l'usager reçoit ce que l'on appelle un « certificat provisoire d'immatriculation » pour pouvoir conduire légalement à Petit-Bourg ou sur l'ensemble du territoire français avant de recevoir la véritable immatriculation du véhicule. Il peut circuler 1 mois comme cela.\nSelon le mois de l'année, à Petit-Bourg, la réception chez vous de la carte grise peut varier. Néanmoins, elle arrive en moyenne environ 5 jours après l'obtention du CPI.\nIl est également possible de faire votre demande de carte grise dans d'autres villes, comme par exemple Pointe-à-Pitre (97110) ou Gosier (97190).\nPrestataires habilités pour les cartes grises à Petit-Bourg\nCertains garages sont autorisés par l'État pour faire des démarches d'immatriculation. Voici la liste des services aux alentours de Petit-Bourg.\nChrono V.o - 97170 Petit Bourg\nAutomn - Chemin De Montebello 97170 Petit-bourg


Recherchez et réservez une location de vacances - Appartement 2 pièces - LES ANGLES - Page 2\nRésultats 9 à 16 sur un total de 141 hébergement(s).\nAppartement de type F2 au 2ème avec ascenseur, et galerie marchande en rez de chaussée à 50m des télésièges. Il comprend : une entrée avec rangements, une petite chambre (lit 140), une cabine (2 lits superposés), une salle d'eau/WC, coin cuisine équipé (four, réfrig, plaques chauffantes, placards), un coin repas, coin salon avec canapé convertible, TV, un balcon ...\nCasier à skis- Chauffage électrique-Parking ...\nN°215 Résidence Plein Soleil 66210 LES ANGLES Classé 2* parBOUTINAUD EXPERTISES le 14/08/2018 Appartement de type F2 au 2ème avec ...\nAPPARTEMENT SITUE AU 3EME ETAGE DANS UNE RESIDENCE AVEC PARKING PRIVE ET ASCENSEUR\nPIECE PRINCIPALE AVEC COIN REPAS COIN SALON AVEC CANAE CONVERTIBLE ET TV\nCUISINE OUVERTE EQUIPEE D'UN REFRIGERATEUR TOP D'UNE PLAQUE DE CUISSON (3 GAZ ET 1 ELECTRIQUE) D'UN COMBINE FOUR LAVE VAISSELLE D'UN MICRO ONDES ET DE PLACARDS DE RANGEMENT\nUNE CHAMBRE AVEC UN LIT EN 140 CM ET UN PLACARD\nUNE SALLE D'EAU AVEC CABINE DOUCHE ...\nCASIER A SKIS ...\nAPPARTEMENT SITUE AU 3EME ETAGE DANS UNE RESIDENCE AVEC PARKING PRIVE ET ASCENSEUR PIECE PRINCIPALE AVEC COIN REPAS COIN SALON ...\nAppartement de type F2 (28,50m environ) au 3ème étage d'une résidence avec ascenseur située au pied des pistes . Il comprend : un séjour donnant sur un balcon exposé S/E, belle vue sur le lac et le village, avec coin repas, coin salon (TV, canapé lit gigogne 2x 80), coin cuisine équipé et séparé par un passe- plats (réfrigérateur, 3 plaques electriques, micro-ondes, lave-vaisselle, rangements) 1 chambre avec 3 lits en ...\nAppartement de type F2 (28,50m environ) au 3ème étage d'une résidence avec ascenseur située au pied des pistes . Il comprend : un séjour donnant sur un balcon exposé S/E, belle vue sur le lac et le village, avec coin repas, coin salon (TV, canapé lit gigogne 2x 80), coin cuisine équipé et séparé par un passe- plats (réfrigérateur, 3 plaques electriques, micro-ondes, lave-vaisselle, rangements) 1 chambre avec 3 lits en 80) SDB et WC séparés.\nSols moquette sauf cuisine, SDB ...\nAppartement de type F2 (28,50m environ) au 3ème étage d'une résidence avec ascenseur située au pied des pistes . Il ...\nClassé 2* par BOUTINAUD EXPERTISES\nle 13/11/2018. Appartement de type T2/Cabine comprenant :\nUn séjour (table, chaises, canapé fixe, TV), ouvrant sur\nune terrasse avec vue sur le lac, un coin cuisine équipé\n(4 plaques électriques, lave-vaisselle, lave-linge,\nmicro-ondes, four, hotte aspirante, meuble...)\nune chambre (lit en 140, penderie), une cabine (2 lits\nsuperposés), une salle d'eau/WC.\nArrêt navettes gratuite à l'angle de la résidence ...\nArrêt navettes gratuite à l'angle de la résidence l'hiver.\n- Distance Pistes Fond : 800m\n- Distance Pistes ...\nClassé 2* par BOUTINAUD EXPERTISES le 13/11/2018. Appartement de type T2/Cabine comprenant : Un séjour (table, chaises, canapé fixe, TV), ouvrant ...\nAppartement situé dans le centre de la Station des Angles à proximité des commerces et de la navette gratuite.\nKitchenette équipée : réfrigérateur top plaque de cuisson micro- ondes four et placards de rangements\nCoin nuit meublé de deux lits superposés\nUne salle d'eau avec cabine douche lavabo W.C et lave linge\nVéranda et casiers à skis\nAppartement au calme avec vue sur ...\nAppartement situé dans le centre de la Station des Angles à proximité des commerces et de la navette gratuite. Entrée ...\nAppartement de type T2 pour 4 personnes d'environ 30 m² comprenant :\nUne kitchenette équipée avec plaque à vitro x2, un four micro ondes, un frigo top, un lave vaisselle .\nRésidence avec jacuzzi\nA 5 m des pistes, 500 m environ des commerces , de ...\nA 5 m des pistes, 500 m environ des commerces , de l'espace balneo et du centre du village ....\nRéf 3010 Appartement de type T2 pour 4 personnes d'environ 30 m² comprenant : Un salon avec un canapé gigogne en ...\nREF 70404-B113 LE CHAMOIS D'OR\nPIECE PRINCIPALE AVEC COIN REPAS COIN SALON AVEC TV\nCUISINE EQUIPEE D'UN REFRIGERATEUR CONGELATEUR D'UNE PLAQUE INDUCTION AVEC TROIS FEUX D'UN MICRO ONDSE GRILL D'UN LAVE VAISSELLE ET DE NOMBEUX PLACARDS DE RANGEMENT\nUNE CHAMBRE MEUBLEE D'UN LUT EN 140 CM ET D'UN CANAPE CONVERTIBLE EN 120 CM\nUNE SALLE D'4EAU AVEC CABINE DOUCHE ET LAVABO\nGRAND BALCON ORIENTE SUD EST AVEC ...\nGRAND BALCON ORIENTE SUD EST AVEC VUE SUR LE VIEUX VILLAGE\nPARKING PRIVE AVEC BARRIERE\nREF 70404-B113 LE CHAMOIS D'OR PIECE PRINCIPALE AVEC COIN REPAS COIN SALON AVEC TV CUISINE EQUIPEE D'UN REFRIGERATEUR CONGELATEUR D'UNE ...\nles balcons du pla\nBeau T2 cabine 4/6 pers secteur Pla Del Mir comprenant:\nUn salon avec canapé convertible en 140\nUne kitchenette équipée: Lave vaisselle, four, micro-ondes, lave linge, 2 plaques électriques, réfrigérateur top\nUne cave un terrasse


:: Le Blog Indépendant ::: 10/01/2006 - 11/01/2006\npar Lapierre Médias© à 15:46 0 réaction(s) -\npar Lapierre Médias© à 15:34 0 réaction(s) -\npar Lapierre Médias© à 15:29 0 réaction(s) -\nLe satellite européen MetOp, premier d'une toute nouvelle génération de satellites de météorologie, a été placé en orbite avec succès jeudi soir par un lanceur russe Soyouz 2, a déclaré l'Agence spatiale européenne (ESA).\nLa fusée Soyouz 2 a quitté la Terre à 18:28 heure de Paris (16:28 GMT) depuis le pas-de-tir de BaJikonour (Kazakhstan) emportant à son bord le satellite de plus de quatre tonnes, a précisé l'ESA dans le communiqué.\nEnviron 69 minutes après le lancement, MetOp a été placé sur une orbite circulaire, à 837 km d'altitude au-dessus de l'archipel des Kerguelen, dans le sud de l'océan Indien.\nLe Premier ministre français Dominique de Villepin s'est "réjoui" de ce tir réussi, estimant que "ce satellite, exceptionnel par son caractère innovant, permettra de bénéficier d'informations météorologiques plus précises, indispensables à une meilleure prévision et à une meilleure connaissance du climat".\nPremier dune série de trois satellites développés dans le cadre dun programme mené conjointement par lESA et l'Organisation européenne de satellites météorologiques (EUMETSAT), MetOp-A constituera le segment spatial du Système polaire d'EUMETSAT (EPS), destiné à recueillir des données sur l'atmosphère et l'environnement afin de compléter le suivi conduit par le système Météosat.\nLEPS sera exploité en parallèle avec le système de satellites opérationnels d'observation de l'environnement en orbite polaire (POES) de l'Administration nationale américaine des océans et de l'atmosphère (NOAA).\nLe lancement de MetOp, initialement prévu mardi, a été reporté de deux jours, d'abord en raison de problèmes techniques sur le lanceur et ensuite à cause des conditions climatiques défavorables.\npar Lapierre Médias© à 08:43 0 réaction(s) -\npar Lapierre Médias© à 08:34 0 réaction(s) -\npar Lapierre Médias© à 01:52 0 réaction(s) -\nInciter les industriels à rémunérer les paysans pour qu'ils protègent leurs forêts, véritables poumons de la planète, au lieu de les détruire, peut être une solution pour lutter contre la déforestation. Tel est l'avis de la Banque Mondiale.\n"Dans les émissions de gaz carbonique, la déforestation compte pour presque un quart", a rappelé lundi l'économiste en chef de l'institution internationale, François Bourguignon, dans un entretien à l'AFP. En effet, plus la forêt rétrécit, moins elle joue son rôle de poumon.\nDès lors, pourquoi ne pas considérer les forêts comme des pollueurs potentiels, au même titre que les usines, mais à l'envers: en favorisant financièrement leur conservation? Ce raisonnement permettrait d'étendre aux forêts et à leurs exploitants le système de droits d'émission, ou marché du carbone, tel qu'il a été inventé pour les industries polluantes.\nCe système, là où il est appliqué, impose aux sites industriels, grands consommateurs d'énergie, de respecter des quotas de CO2, et permet aux entreprises les plus polluantes de racheter à ceux qui le sont le moins leurs quotas non utilisés. Ces droits sont cotés sur un marché, comme des instruments financiers.\nAinsi les entreprises polluantes échangeraient, avec les propriétaires forestiers, des obligations de conservation contre des droits de polluer. "L'ensemble du mécanisme n'est pas très très simple", reconnaît M. Bourguignon. "Mais il n'y a pas de raison de ne pas rechercher des solutions de ce type là".\npar Lapierre Médias© à 23:54 0 réaction(s) -\npar Lapierre Médias© à 19:26 0 réaction(s) -\n* 125g de chocolat à 70% de cacao\n* 50 cl de lait chaud\n* 1/2 tasse de café fort\nFaites ramollir le chocolat dans l'eau à feux doux. puis, ajoutez le lait chaud et le sucre. Ensuite, laissez cuire doucement, sans bouillir, en fouettant pendant quelques minutes. Ajoutez le café fort juste avant de servir.\npar Lapierre Médias© à 04:01 0 réaction(s) -\npar Lapierre Médias© à 03:50 0 réaction(s) -\nServices professionnels d'architecture.\nModification de l'aréna - Contrat C 2006-2\nLa ville d'Acton Vale demande des offres de services professionnels pour le projet mentionné en titre. Elles devront être présentées dans les enveloppes fournies à cette fin et le soumissionnaire devra y être clairement identifié.\nLe soumissionnaire devra se procurer les documents de soumission avant la visite des lieux qui sera tenue le 1er novembre 2006 à 9:30 à l'aréna, située au 1505 3e avenue à Acton Vale. La visite des lieux est obligatoire.\nLes documents de soumission seront disponibles à compter du 23 octobre 2006 au bureau du greffe à l'Hôtel de Ville situé au 1025 rue Boulay à Acton Vale.\nLes soumission seront reçues à l'Hôtel de Ville d'Acton Vale par madame Rita Parent, greffière, jusqu'à 11:00, le 6 novembre 2006, pour être ouvertes publiquement le même jour et à la même heure. Pour toutes les informations supplémentaires, veuillez communiquer avec ;\nMonsieur Marc Levesque, ing\n(450) 546-2703, poste 115 (bureau)\nLa Ville d'Acton Vale ne s'engage à retenir ni la plus basse ni aucune des soumission présentées et ce, sans obligation d'aucune sorte envers le ou les soumissionnaires. Elle se réserve également le droit de les accepter en tout ou en partie si le projet s'y prête et si la formule de soumission le prévoit.\nRita Parent, o.m.a\npar Lapierre Médias© à 16:12 0 réaction(s) -\nLe Parti vert du Québec est fier d’annoncé que son chef, M. Scott McKay, sera candidat dans la circonscription de Bourget lors des prochaines élections.\nRésidant de l’Est de Montréal depuis toujours et conseiller municipal du district d’Honoré-Beaugrand pendant huit ans, M. McKay souhaite avoir le privilège de représenter les gens de Bourget à l’Assemblée Nationale en tant que député vert. Parmi ses réalisations dans le quartier, on compte la Bibliothèque et la Maison de la culture Mercier, l’aménagement du parc de la promenade Bellerive et la navette fluviale. Notons aussi ajouter un développement domiciliaire ayant reçu un prix de développement durable (la Cité-jardin de Fonteneau).\nUne assemblée d’investiture sera annoncée à une date ultérieure.\npar Lapierre Médias© à 18:53 0 réaction(s) -\npar Lapierre Médias© à 15:22 0 réaction(s) -\nUne autre page d'histoire du Blog Indépendant vient d'être tournée. En effet, cette après-midi le 10 octobre 2006, le célèbre journal local vient d'acceuillir son 15 000e visiteur! Cette marque respectable a été traversée après seulement 537 jours d'activité. De plus, le Blog a été visionné plus de 20 300 fois lors de la même période.\nLe chiffre magique de 15 000 s'est rendu possible grâce à la collaboration des visiteurs de plus de 110 pays! Notons parmis les plus méritants; le Canada (63%), la France (8.4%), les États-Unis (8.3%), le Maroc (2.2%), le Portugal (1.6%), l'Angleterre (1.2%) et l'Angola (0.01%).\nTout l'équipe du Blog Indépendant tient à remercier la totalité de ses lecteurs assidus.\npar Lapierre Médias© à 15:10 0 réaction(s) -\nLe président du Parti des travailleurs (PT) de Luis Inacio Lula da Silva a annoncé vendredi qu'il démissionnait de ses fonctions. Ricardo Berzoini, déjà limogé de son poste de directeur de campagne du président brésilien, est impliqué dans un scandale.\nL'affaire a éclaté lorsque des agents du PT ont été interpellés alors qu'ils tentaient d'acheter en liquides des documents apparemment compromettants pour l'adversaire de Lula à la présidentielle, Geraldo Alckmin, peu de temps avant le premier tour de l'élection, qui s'est tenu dimanche dernier.\nElle a sans doute contribué à la mauvaise performance de Lula, qui a dû se contenter d'un score de 49% des voix et devra affronter Alckmin au deuxième tour, le 29 octobre.\npar Lapierre Médias© à 00:36 0 réaction(s) -\npar Lapierre Médias© à 17:52 1 réaction(s) -\npar Lapierre Médias© à 19:07 0 réaction(s) -


Actus - Page 2 of 30 - MyZen TV\n5 destinations nature à découvrir en Suisse en 2022\nA court d’idées de destinations pour l’année 2022 sans partir à l’autre bout de la planète ? Aujourd’hui, MyZen TV vous propose 5 destinations nature à découvrir en dans le beau pays de la Suisse. 1) Le Mönch Sommet de 4107 mètres d’altitude, le Mönch se trouve dans l’Oberland bernois. Profitez… Read More\nZoom sur le yoga nidra\nVous souffrez de trouble du sommeil ? Vous êtes stressé.e et angoissé.e ? Et si vous essayiez le yoga nidra ? Aujourd’hui, MyZen TV vous en dit plus sur cette méthode appelée également « yoga du sommeil ». Qu’est-ce que c’est ? Littéralement, le yoga nidra signifie « sommeil yogique ». Pratiqué en étant allongé, le yoga… Read More\nL’hiver, votre peau est agressée de tous les côtés. Comment remédier à cela ? Nous avons la solution : en utilisant des huiles végétales ! Connues pour leurs différentes vertus, elles feront des miracles sur votre peau agressée et deviendront vos meilleurs amis. C’est parti pour une sélection de cinq huiles végétales… Read More\nRutabaga : quels sont les bienfaits de cet ancien légume ?\nLe rutabaga ça vous parle ? Non ? Et pourtant ce légume contient de nombreux bienfaits pour la santé. On vous en dit plus ? Qu’est-ce que le rutabaga ? Appartenant aux légumes anciens, le rutabaga est un légume racine également appelé chou-navet, navet fourrager ou encore chou de Siam. De couleur jaune… Read More\nFresh Yoga revient avec une saison 3 sur MyZen TV\nEnvie de vous mettre au yoga ? Alors ne ratez pas Fresh Yoga avec Katy Misson sur MyZen TV ! Dans cette émission, Katy Misson vous enseigne de façon simple, ludique et fun le yoga. Pour cette troisième saison, Katy nous emmène cette fois au-delà du continent pour trouver l’essence… Read More\nVous avez envie de vous remettre au sport mais vous n’avez pas la motivation nécessaire ? Aujourd’hui MyZen TV vous dévoile 5 conseils pour vous motiver à faire du sport. 1) Instaurer des moments pour le sport Pour vous motiver, instaurez un emploi du temps où vous consacrerez… Read More\nLa recette saine de la galette des rois à la pomme\nC’est l’Épiphanie ! Et qui dit Épiphanie, dit galette des rois ! Vous en avez marre des galettes trop sucrées et trop grasses ? Alors, nous avons la solution. Aujourd’hui, MyZen TV vous propose une galette des rois à la pomme 100% saine ! Il vous faudra : Pâte feuilletée Poudre d’amande Compote de pommes Œufs Purée… Read More\n[Exercice de relaxation] – Body & Shape – Conseils pour se décider à s’activer\nPour vous aider à bouger, vous devez réorganiser votre emploi du temps, alors prenez une feuille de papier pliée en deux et faites deux colonnes, la deuxième devant être la plus large … dans la première colonne, celle de gauche, commencez par faire la liste de tous les sports que… Read More\nLa Maison du Tui Na ouvre ses portes Marseille\nEnvie de profiter des bienfaits du massage chinois ? Alors direction la Maison du Tui Na qui ouvre ses portes à Marseille ! Qu’est-ce que le massage Tui Na ? Le massage Tui Na a pour bienfaits d’agir sur le stress, les insomnies, le mal de tête et de dos ou encore… Read More\nÇa y est… les fêtes de fin d’année sont terminées et maintenant votre corps vous fait ressentir tous les excès liés à cette période. Pour remédier à la fatigue accumulée, la digestion difficile et les problèmes de peaux relatifs aux fêtes de fin d’année, MyZen TV vous propose 5 astuces… Read More\nQui dit nouveau mois, dit nouveaux fruits et légumes de saison ! Pour pouvoir faire de superbes et délicieux plats, MyZen TV vous propose de découvrir les fruits et légumes qui composeront vos menus du mois de janvier. Les fruits de janvier Voici les fruits qui composeront vos compotes, tartes et… Read More\n[3 minutes de plénitude] – Campagne\nVisualisez la campagne et relaxez-vous. Read More


Christopher Nolan: Robert Pattinson et Elizabeth Debicki dans le film de Warner Bros\nRobert Pattinson sera à l'affiche du prochain film de Christopher Nolan 16/05/2019 16:42 (Par Anne-line Manduel)\nRobert Pattinson sera à l'affiche du prochain film de Christopher Nolan\nSelon les informations rapportées par le magazine Deadline, le casting de la prochaine réalisation de Christopher Nolan se précise. Ce dernier a fait appel à Robert Pattinson et à Elizabeth Debicki pour jouer dans la nouvelle production de Warner Bros.\nChristopher Nolan dirigera Robert Pattinson dans son long-métrage<?xml:namespace prefix = o ns = urn:schemas-microsoft-com:office:office />\nAprès l'annonce de John David Washington au premier rôle du nouveau film de Christopher Nolan, c'est au tour de la star de la saga « Twilight » de rejoindre la distribution. En effet, Robert Pattinson incarnera l'un des personnages principaux de ce thriller de Warner Bros.\nElizabeth Debicki jouera aux côtés de l'acteur\nDans ce film dramatique encore sans titre, Robert Pattinson donnera la réplique à la comédienne australienne Elizabeth Debicki. Les rôles de ces acteurs n'ont pas encore été annoncés pour l'heure. Quant à Christopher Nolan, il pourrait écrire le scénario de ce projet.\nRobert Pattinson sera sous la direction de Christopher Nolan © Angela Weiss / AFP\nEn plus de la réalisation et de l'écriture du script, le cinéaste Christopher Nolan sera également en charge de la production. Il sera épaulé par sa femme, Emma Thomas. La société Warner Bros fera également partie de l'équipe.\nL'interprète d'Edward Cullen dans « Twilight » est également engagé dans d'autres réalisations. Robert Pattinson sera à l'affiche de la comédie de David Zellner intitulée « Damsel ». Il a aussi intégré la distribution de « The Devil All The Time » d'Antonio Campos.