Tell a Story. Introduction HTML & CSS

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Tell a Story. Introduction HTML & CSS"

Transcription

1 HTML & CSS 1 Tell a Story All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduction Dans ce project, tu vas apprendre comment créer ta propre page web pour raconter une histoire, une blague ou un poème Liste de vérification d activité Follow these INSTRUCTIONS one by one Tester votre projet Click on the green flag to TEST your code Sauvegarder votre projet Make sure to SAVE your work now 1

2 Etape 1: Trouver une histoire à raconter Avant de commencer à coder, il faut trouver une histoire à raconter. A faire 1. Pense à l histoire que tu veux raconter. Ça pourrait être: Une histoire célèbre Une histoire que tu as inventée Quelque chose qui t est arrivé ou à quelqu un que tu connais Ce n est pas forcément une histoire. Ça peut être une blague, un poème ou ce que tu veux! Etape 2: Edite ton histoire Commençons par éditer le contenu HTML et le style CSS de la page web de l histoire A faire 1. Ouvrir ce lien Trinket : jumpto.cc/web-story. Si tu es sur la version en ligne, tu peux aussi utiliser la version embarquée de Trinket: 1. Comme tu l as vu dans le project Bon anniversaire, le contenu de la page web doit être entre les balises (ou tag ) <body> et </body> (regarde la ligne 7 du code). 2

3 2. Peux tu citer les balises qui sont utilisées pour créer les différentes sections de la page web? <h1> est un titre. Tu peux utiliser les niveaux 1 à 6 pour créer des titres de tailles différentes; <div> est un raccourci pour division. C est une façon de regrouper des éléments ensemble. Dans cette page web, tu l utiliseras pour grouper les éléments de chaque partie de ton histoire; <img> est une image; <p> est paragraphe de texte. 3

4 Défi: Fais des changements Edite le code HTML et CSS pour modifier ta page web Tu peux changer les couleurs utilisées dans la page, et tu peux aussi utiliser des polices de caractères différentes, comme Arial, Comic Sans MS, Impact et Tahoma. Si tu as besoin d aide, tu peux t inspirer du projet Bon anniversaire Sauvegarde ton projet Etape 3: Raconte ton histoire Ajoutons une partie à ton histoire. A faire 1. Va à la ligne 17 du code, et ajoute une balise ouvrante <div>, puis une balise fermante </div> 4

5 2. Ajoute un paragraphe de texte dans ta nouvelle balise <div>. 3. Pour finir, tu peux ajouter une image dans ta nouvelle partie, en ajoutant ce code dans ta balise <div> : <img src=""> As tu remarqué que les balises <img> sont un peu différentes des autres balises? En effet, elles n ont pas pas de balise fermante! 4. Pour utiliser une image d internet, il faut que tu ajoutes entre guillemets dans ta balise sa source, c est à dire son adresse (on dit aussi URL). Suis ce lien jumpto.cc/web-images, et choisis une image que tu aimerais ajouter à ton histoire. 5. Fais un clic droit sur l image, et choisis copier l adresse de l image. 5

6 6. Colle l adresse entre les guillemets dans ta balise <img>. Tu devrais voir ton image apparaître! 7. Si tu as un compte Trinket, tu peux aussi ajouter tes propres images à ta page! Il te suffit de cliquer sur l icône image dans trinket et ensuite cliquer sur télécharger (ou upload ) 8. Trouve ton image sur ton ordinateur, puis dépose la dans Trinket 6

7 9. Tu n as ensuite plus qu à ajouter le nom de ta nouvelle image entre guillemets dans ta balise <img>, comme ceci <img src="mon_image.png"> Sauvegarde ton projet 7

8 Défi: continue! Utilise ce que tu as appris dans ce projet pour finir ton histoire! Voici un exemple: Save Your Project 8

pour publier une émission sur radiorageuses.

pour publier une émission sur radiorageuses. pour publier une émission sur radiorageuses. SE CONNECTER À L'INTERFACE PRIVÉE Ouvrir une page www.radiorageuses.net dans ton navigateur. Descendre tout en bas et cliquer sur "se connecter". On entre le

Plus en détail

Turtle Power. Introduction :

Turtle Power. Introduction : 1 Turtle Power All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduction

Plus en détail

Julie Bérubé, conseillère pédagogique et Récit local 1

Julie Bérubé, conseillère pédagogique et Récit local 1 Qu est-ce que «Google drive» Pourquoi c est intéressant? Ça fait quoi de plus? Ça ressemble à un Microsoft Office (Word, PPT, Excel) Ce sont des outils que l on utilise en ligne (Cloud) Ce sont des outils

Plus en détail

Un site web quelques informations

Un site web quelques informations Un site web quelques informations Qu est-ce qu un site Web? Ce sont des pages faites d images et de textes. Tout le monde peut les consulter sur Internet à l aide d un logiciel appelé navigateur. Pour

Plus en détail

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE Ce projet est divisé en 3 parties. Dans cette première partie, tu apprendras comment te servir du logiciel Microsoft Office SharePoint Designer 2007 Étape 1 : Dans

Plus en détail

DIDAPAGES. 1) Préparer le livre (si tu démarres un nouveau projet) Pour commencer un nouveau livre, clique sur ce bouton

DIDAPAGES. 1) Préparer le livre (si tu démarres un nouveau projet) Pour commencer un nouveau livre, clique sur ce bouton DIDAPAGES Pour commencer un nouveau livre, clique sur ce bouton Pour continuer un travail, clique sur ce bouton 1) Préparer le livre (si tu démarres un nouveau projet) Remplis les zones de textes avec

Plus en détail

Intégrer une application Visio avec partage d écran

Intégrer une application Visio avec partage d écran Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (Gotomeeting) comment faire. Cela sera peut

Plus en détail

Mes premiers diaporamas avec Open Office Impress?

Mes premiers diaporamas avec Open Office Impress? Mes premiers diaporamas avec Open Office Impress? Courage! Tu vas y arriver 1 Sommaire I. Les bons gestes avant de lancer Open Office (page 3) II. Créer un dossier Open Office. (page 4) III. Les 5 zones

Plus en détail

Intégrer une application Visio

Intégrer une application Visio Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (Appear) comment faire. Cela sera peut être

Plus en détail

DECOUVRIR. Le portail La recherche Les présentations & documents

DECOUVRIR. Le portail La recherche Les présentations & documents Slideshare DECOUVRIR Le portail La recherche Les présentations & documents J accède au portail slideshare... http://www.slideshare.net/ Téléchargement de fichiers Recherche Espace d identification Les

Plus en détail

Programme JCI des récompenses

Programme JCI des récompenses GUIDE DE RÉFÉRENCE RAPIDE POUR LOGICIELS Programme JCI des 1. Accueil: Tu peux accéder au Programme des sur le site 2. Récompenses des Conférences JCI Pour des infos basiques sur les événements du programme

Plus en détail

Tutoriel: Sous-titrez vos vidéos avec Universal Subtitles (YouTube, html5, flv...)

Tutoriel: Sous-titrez vos vidéos avec Universal Subtitles (YouTube, html5, flv...) Tutoriel: Sous-titrez vos vidéos avec Universal Subtitles (YouTube, html5, flv...) Dans ce tutoriel, vous allez apprendre à sous-titrez vos vidéos en toute simplicité grâce au site Universal Subtitles

Plus en détail

Tu vas, à l aide de ce document apprendre à créer ton propre livre seul ou par binôme. Ce document sera constitué de 5 parties

Tu vas, à l aide de ce document apprendre à créer ton propre livre seul ou par binôme. Ce document sera constitué de 5 parties Page 1 Ce tutoriel du logiciel Didapages est largement inspiré du didacticiel créé par Carlos Guedes. (créateur du livre numérique) Il est adapté de façon à ce que des élèves de Cours Moyen puissent se

Plus en détail

1. INTRODUCTION. Ce logiciel est téléchargeable gratuitement sur http://scratch.mit.edu/download.

1. INTRODUCTION. Ce logiciel est téléchargeable gratuitement sur http://scratch.mit.edu/download. 1. INTRODUCTION SCRATCH est un nouveau langage de programmation qui facilite la création d histoire interactives, jeux et animations et leur partage avec d autres sur le web. Ce logiciel est téléchargeable

Plus en détail

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

Comment installer PicturesToExe?

Comment installer PicturesToExe? Comment installer PicturesToExe? Téléchargement Le logiciel PicturesToExe est disponible sur le site www.wnsoft.com Dans le paragraphe PicturesToExe, cliquez sur le bouton Une fenêtre s ouvre et propose

Plus en détail

Table des matières. Voici un petit document qui t'aidera dans la réalisation de ton site web je l'espère.

Table des matières. Voici un petit document qui t'aidera dans la réalisation de ton site web je l'espère. Voici un petit document qui t'aidera dans la réalisation de ton site web je l'espère. Table des matières Quelques remarques importantes?... 2 Comment traduire une page du site internet?... 2 Comment se

Plus en détail

Trousse d éducation pour adultes du Recensement

Trousse d éducation pour adultes du Recensement Trousse d éducation pour adultes du Recensement de 2016 Activité 2 : Le processus du recensement Aperçu Dans cette activité, les élèves apprendront le processus à suivre pour remplir le questionnaire du

Plus en détail

Les cercles de lecture Les rôles

Les cercles de lecture Les rôles Les cercles de lecture Les rôles Voici cinq rôles utilisés pour les cercles de lecture. Ces rôles peuvent être assignés par l enseignant ou choisis par l élève. Idéalement, chaque élève aura l occasion

Plus en détail

TUTO Onlinetri B.A.BA

TUTO Onlinetri B.A.BA TUTO Onlinetri B.A.BA Hello, le but de ce tuto est de te «former» à la mise en ligne de pages d actus et de remplissage des pages du site. Pour arriver sur l administration du site, tape http://monsite.onlinetri.com

Plus en détail

Intégrer une application externe

Intégrer une application externe Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (EtherPad) comment faire. Cela sera peut être

Plus en détail

Intégrer une application Externe AWW

Intégrer une application Externe AWW Externe AWW Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (AWW) comment faire. Cela sera

Plus en détail

Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer.

Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer. Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer. Sommaire 1. Se loguer 2. Ta place de travail (Tableau de bord) 3. Créer ton article 3.1«Ajouter» un article 3.2 Ta feuille de papier

Plus en détail

Tous connectés, de 9 à 99 ans. Leçon 2 ... Comment surfer en toute sécurité. Ces icônes indiquent pour qui est le document

Tous connectés, de 9 à 99 ans. Leçon 2 ... Comment surfer en toute sécurité. Ces icônes indiquent pour qui est le document 2... Comment surfer en toute sécurité Ces icônes indiquent pour qui est le document Professeurs WebExperts Seniors Elèves 2 Pour être sûr, ton ordinateur doit employer un bon antivirus. Pour un profane,

Plus en détail

CARNET DE LECTURE NOM :

CARNET DE LECTURE NOM : CARNET DE LECTURE NOM : MES RÉACTIONS ÉCRITES THÈMES POUR LES RÉACTIONS ÉCRITES Textes littéraires Le livre Que pensez-vous de la page couverture du livre? Que pensez-vous du titre que l auteur a choisi?

Plus en détail

Les stratégies de lecture à travailler de façon explicite

Les stratégies de lecture à travailler de façon explicite Les stratégies de lecture à travailler de façon explicite AVANT LA LECTURE 1- SURVOLER LA PAGE COUVERTURE Lire le titre, puis amener l enfant à observer la page couverture tout en l invitant à faire des

Plus en détail

Questions. Réponses Codes

Questions. Réponses Codes Les QR Codes Sur les affiches, sur les produits, dans les catalogues, à la télé ils fleurissent partout. Qu est-ce que c est? Comment ça marche? Comment les lire? Comment les créer? Pour quels usages?

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

Initiation au dessin Bitmap

Initiation au dessin Bitmap Sébastien Stasse Initiation au dessin Bitmap Guide d apprentissage et notions de base 2e édition Nom : Classe : Produit par l École Alex Manoogian AW version 6 Initiation au dessin bitmap Initiation au

Plus en détail

Dropbox par un nul et pour des nuls

Dropbox par un nul et pour des nuls Dropbox par un nul et pour des nuls Dropbox que je traduirai (à voir) par Boite de Dépôt est une boite dans laquelle on va déposer des fichiers ou des dossiers. Pour faire quoi? - mettre mes dossiers à

Plus en détail

Guide ESLC destiné aux élèves pour le test sur ordinateur [FR]

Guide ESLC destiné aux élèves pour le test sur ordinateur [FR] Guide ESLC destiné aux élèves pour le test sur ordinateur [FR] Table des matières 1 INTRODUCTION 3 2 PASSATION DES TESTS 3 2.1 Ouverture de session 3 2.2 2.3 Vérification du son pour le test de compréhension

Plus en détail

Mon premier jeu en Scratch

Mon premier jeu en Scratch Mon premier jeu en Scratch Programmer un jeu d enfant Juin 2013 Table des matières Introduction... 3 Qu est-ce que Scratch?... 3 Découvrir Scratch... 3 Prêt? Allons-y... 4 Activité 1 Un lutin à déplacer...

Plus en détail

PARTAGER UN ANNUAIRE COLLECTIF DE SIGNETS AVEC DEL.ICIO.US

PARTAGER UN ANNUAIRE COLLECTIF DE SIGNETS AVEC DEL.ICIO.US PARTAGER UN ANNUAIRE COLLECTIF DE SIGNETS AVEC DEL.ICIO.US Introduction Pourquoi utiliser DEL.ICIO.US? Cet outil permet à plusieurs personnes de partager la même liste de sites favoris et ce sur n importe

Plus en détail

Atelier cycle 3 Notice «pas à pas» pour créer un jeu avec Hot Potatoes.

Atelier cycle 3 Notice «pas à pas» pour créer un jeu avec Hot Potatoes. Atelier cycle 3 Notice «pas à pas» pour créer un jeu avec Hot Potatoes. Tu dois tout d abord préparer ton travail sur papier. Si tu veux par exemple créer un jeu qui permet de faire correspondre un personnage

Plus en détail

InfoStance SCOLASTANCE V6. Espace collaboratif privé

InfoStance SCOLASTANCE V6. Espace collaboratif privé InfoStance SCOLASTANCE V6 Espace collaboratif privé Table des matières Se connecter à l espace collaboratif privé... 4 Création et modification de contenu... 4 La Barre d édition... 4 La page d accueil...

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

MON JEU POUR APPRENDRE A CODER. Gleamcode, c est quoi? Le boitier Gleamcode. L application Gleamcode. Contenu du pack. Comment on y accède?

MON JEU POUR APPRENDRE A CODER. Gleamcode, c est quoi? Le boitier Gleamcode. L application Gleamcode. Contenu du pack. Comment on y accède? MON JEU POUR APPRENDRE A CODER Gleamcode, c est quoi? Gleamcode est une application pour ordinateurs connectés ou non pour les jeunes de 8 à 14 ans. Concrètement, c est un jeu de création, d échange et

Plus en détail

Je construis «Mon tableau de visualisation»

Je construis «Mon tableau de visualisation» Pour construire ton tableau de visualisation, donne-toi des conditions qui vont t aider : Choisis un moment où tu as du temps devant toi (au moins une heure). Installe-toi dans un endroit où tu as de l

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Prestashop insérer une police Webfont

Prestashop insérer une police Webfont Prestashop insérer une police Webfont Intéressons nous aujourd hui à la gestion des polices dans le CMS Prestashop. Ce CMS spécialisé Ecommerce très efficace pour les utilisateurs finaux peut sembler un

Plus en détail

La carte de mon réseau social

La carte de mon réseau social La carte de mon réseau social Avant de commencer Un réseau social, c est quoi? Dans ta vie, tu es entouré de plusieurs personnes. Certaines personnes sont très proches de toi, d autres le sont moins. Toutes

Plus en détail

Dropbox par un nul et pour des nuls

Dropbox par un nul et pour des nuls Dropbox par un nul et pour des nuls Dropbox que je traduirai (à voir) par Boite de Dépôt est une boite dans laquelle on va déposer des fichiers ou des dossiers. Pour faire quoi : - mettre mes dossiers

Plus en détail

Formation à l utilisation des réseaux sociaux et d internet. Protéger sa vie privée

Formation à l utilisation des réseaux sociaux et d internet. Protéger sa vie privée Formation à l utilisation des réseaux sociaux et d internet Protéger sa vie privée Date : 16 avril au 4 juin 2012 Lieu : INDSé 1 er degré Bastogne Public : les étudiants de 1 er et 2 e secondaire Durée

Plus en détail

Guide Reseller Onbile

Guide Reseller Onbile Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!

Plus en détail

Shellfire L2TP IPSec Windows Vista

Shellfire L2TP IPSec Windows Vista Installation VPN Shellfire L2TP IPSec Windows Vista Ce tutoriel te montre comment facilement installer ton VPN Shellfire du type L2TP IPSec sous Windows Vista. Sommaire 1. Données et fichiers nécessaires...2

Plus en détail

Installation VPN Shellfire L2TP IPSec

Installation VPN Shellfire L2TP IPSec Installation VPN Shellfire L2TP IPSec Windows XP Ce tutoriel te montre comment facilement installer ton VPN Shellfire du type L2TP IPSec sous Windows 7. Sommaire 1. Données et fichiers nécessaires...2

Plus en détail

GESTION DE SITE Table des matières

GESTION DE SITE Table des matières GESTION DE SITE Table des matières 1- Page d accueil de l interface de gestion de site...1 2- Table Menu...4 3- Éditeur de texte...5 4- Insérer une image dans une page...6 5- Créer un lien hypertexte vers

Plus en détail

MODE D EMPLOI V.2.0. Installation. Nouveautés V.02. Fais ton journal - version 2.0 - mars 2008 - Mode d emploi -

MODE D EMPLOI V.2.0. Installation. Nouveautés V.02. Fais ton journal - version 2.0 - mars 2008 - Mode d emploi - MODE D EMPLOI V.2.0 En cas de problème d utilsation, écrire à notre assistance : hotm1@milan.fr Nouveautés V.02 - Résolution des bugs d enregistrement des journaux - Ajout du dictionnaire des mots de la

Plus en détail

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez!

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Création d un site web avec Nvu Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d utiliser le logiciel Nvu pour réaliser un site simple

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

Expérimentation du logiciel de la ligne du temps. Cahier de l élève. Mai 2007

Expérimentation du logiciel de la ligne du temps. Cahier de l élève. Mai 2007 Expérimentation du logiciel de la ligne du temps (Version bêta) Cahier de l élève Je suis un élève du : 1 er cycle du primaire 2 e cycle du primaire 3 e cycle du primaire 1 er cycle du secondaire 2 e cycle

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document.

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document. Writer Attention : Les documents faits avec Writer ne pourront être lu qu avec Writer, sauf manipulation permettant l échange avec d autres logiciels. Le logiciel se présente directement avec une page

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Centre d apprentissage intégré. Guide d utilisation

Centre d apprentissage intégré. Guide d utilisation Centre d apprentissage intégré Guide d utilisation Qu est-ce que Zotero?... 1 Débuter avec Zotero... 1 Se créer un compte... 1 Installer l etension de Zotero dans Firefo... 2 Synchroniser les comptes...

Plus en détail

Tous connectés, de 9 à 99 ans. Leçon 3 ... Google, recherches sur Internet. Ces icônes indiquent pour qui est le document

Tous connectés, de 9 à 99 ans. Leçon 3 ... Google, recherches sur Internet. Ces icônes indiquent pour qui est le document 3... Google, recherches sur Internet Ces icônes indiquent pour qui est le document Professeurs WebExperts Seniors Elèves Google: recherches sur Internet Déroulement... 1 2 Le senior se rend sur www.google.be

Plus en détail

MODE D EMPLOI SITE TCO

MODE D EMPLOI SITE TCO MODE D EMPLOI SITE TCO Présentation 2 Première connexion 2 Écrire un article 4 Insérer une image dans son article 5 Insérer un lien hypertexte 6 Insérer une vidéo 6 Insérer une vidéo 7 Télécharger sur

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Les outils de SEO (Référencement naturel) et les Sites SharePoint Public sur Office 365

Les outils de SEO (Référencement naturel) et les Sites SharePoint Public sur Office 365 Les outils de SEO (Référencement naturel) et les Sites SharePoint Public sur Office 365 Bonjour, comme beaucoup d entre vous j ai créé mon site public sur Office 365. Je suis comme vous je pense à la recherche

Plus en détail

PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE

PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE PLAN DE TEST POUR LA SOLUTION DE RÉSERVATION OPENTABLE Merci d ajouter la solution de réservation OpenTable à votre site web! Veuillez compléter le plan de test suivant pour vous assurer que la fonction

Plus en détail

Ton kit pédagogique. L Internet n aura plus de secrets pour toi! Cette opération vous est proposée par. en partenariat avec. Tous droits réservés

Ton kit pédagogique. L Internet n aura plus de secrets pour toi! Cette opération vous est proposée par. en partenariat avec. Tous droits réservés Ton kit pédagogique Cette opération vous est proposée par L Internet n aura plus de secrets pour toi! vivre Internet autr ement en partenariat avec Textes : Siham Lachgar - Graphisme : Andréa Laléouse

Plus en détail

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Logiciels nécessaires : - - - Google Chrome comme navigateur internet FireShot qui est un add-on qui se greffe sur

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Documentation newsletter lhecture

Documentation newsletter lhecture Documentation newsletter lhecture Manuel de l utilisateur Infocentre HEC 17 mai 2011 help@hector.unil.ch 1 1. Introduction Dans cette documentation, nous allons évoquer la création de l email servant de

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Utiliser le site Thinglink pour créer des images interactives

Utiliser le site Thinglink pour créer des images interactives Utiliser le site Thinglink pour créer des images interactives Le site Thinglink (http://www.thinglink.com/) permet de rendre interactives des images en leur adjoignant du texte, des vidéos, des liens vers

Plus en détail

À partir du logiciel powerpoint

À partir du logiciel powerpoint À partir du logiciel powerpoint Utilisation des outils informatiques Pour ce projet, tu devrais d abord être capable de: Ouvrir un nouveau document Enregistrer une image provenant d internet dans ton dossier

Plus en détail

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens Année académique 2009 2010 1 Introduction Ce projet est le premier d une série de quatre projets qui ont

Plus en détail

Utilisation du «Web-VPN» HES-SO FR

Utilisation du «Web-VPN» HES-SO FR Utilisation du «Web-VPN» HES-SO FR Version Date Description 0.3 02.09.2009 Memo pour la connexion et l utilisation du «Web-VPN». Tables des matières 1 Introduction... 1 2 Authentification... 2 3 Utilisation...

Plus en détail

Ride ou Drive. A partir de maintenant tu n es plus un inconnu! Alors on se dit «Tu». UTILISATION. Te voilà prêt à utiliser Tooxme!

Ride ou Drive. A partir de maintenant tu n es plus un inconnu! Alors on se dit «Tu». UTILISATION. Te voilà prêt à utiliser Tooxme! UTILISATION Ride ou Drive A partir de maintenant tu n es plus un inconnu! Alors on se dit «Tu». Te voilà prêt à utiliser Tooxme! Tu as besoin de te déplacer et tu cherches un conducteur? Clique sur le

Plus en détail

Utilisation de l application. Introduction à asa-control. Connexion à l application. Plus facile que tu ne le penses.

Utilisation de l application. Introduction à asa-control. Connexion à l application. Plus facile que tu ne le penses. asa-control Introduction à asa-control Utilisation de l application Plus facile que tu ne le penses. Tu travailles avec la souris et effectues toujours les mêmes étapes. Connexion à l application Choisis

Plus en détail

Tutoriel Evernote. Table des matières. Lien : http://evernote.com/intl/fr/

Tutoriel Evernote. Table des matières. Lien : http://evernote.com/intl/fr/ Tutoriel Evernote Lien : http://evernote.com/intl/fr/ Table des matières Installation et inscription... 2 Compte Evernote gratuit... 3 Créer une note... 4 Dans Evernote... 4 Depuis un site... 5 Par email...

Plus en détail

FORMATION «Créer soi-même un site Internet à partir de logiciels en ligne gratuits existants» Intervenant : Thomas DESMURS TUTORIEL

FORMATION «Créer soi-même un site Internet à partir de logiciels en ligne gratuits existants» Intervenant : Thomas DESMURS TUTORIEL TUTORIEL Eléments pour la prise en main et l utilisation de Weebly.com Pour accéder au site ADMINISTRATEUR de son compte : Lancer Internet Explorer, et entrer l adresse http://www.weebly.com En haut à

Plus en détail

Initiation à Open Office Writer (logiciel libre/gratuit)

Initiation à Open Office Writer (logiciel libre/gratuit) Initiation à Open Office Writer (logiciel libre/gratuit) I/ Téléchargement et Installation Lancez votre navigateur Internet Tapez Open Office dans Google. Cliquez sur le lien : fr: OpenOffice.org Cliquez

Plus en détail

APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER

APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER :: HEHN Philippe :: 2005-2006 :: LES TUTORIAUX EN LIGNE :: La présente formation intervient en complément des tutoriaux textes

Plus en détail

Dossier d utilisation

Dossier d utilisation Dossier d utilisation Lancer le logiciel Microsoft WORD. Page 1 Ouvrir Un fichier existant Page 1 Créer (ou Ouvrir) un nouveau document Page 2 Sauvegarder un nouveau fichier Page 2 Enregistrer un document

Plus en détail

Devoir 4. Exercice 1. Exercice 2. Exercice 3. Devoir 4 Page 1/5

Devoir 4. Exercice 1. Exercice 2. Exercice 3. Devoir 4 Page 1/5 Devoir 4 Page 1/5 Devoir 4 Ce devoir comporte 8 exercices qui portent sur les séquences 3 et 4. Tu peux utiliser tes livrets de cours et de corrigés pour t aider. Pour faire ce devoir, il n est pas utile

Plus en détail

Procédures Windows 7

Procédures Windows 7 Procédures Windows 7 Voici les étapes pour installer Mozilla Firefox, Authorware Web Player 7, ainsi que Flash Player, pour le système d exploitation Windows 7 32 bits. 1 ère étape : Vous devez d abord

Plus en détail

Production d écrit. Production d écrit. Le fils des loups. Le fils des loups CM1-CM2 CM1-CM2. Période 2. Période 2

Production d écrit. Production d écrit. Le fils des loups. Le fils des loups CM1-CM2 CM1-CM2. Période 2. Période 2 Le fils loups Le fils loups Ecris quelques phrases pour raconter une grande peur que tu as pu avoir un jour. Explique ce qui a provoqué cette peur, où et quand cela s est passé et comment l aventure s

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

MODE D EMPLOI. Site internet Disco Soupe Rôle Discopain

MODE D EMPLOI. Site internet Disco Soupe Rôle Discopain MODE D EMPLOI Site internet Disco Soupe Rôle Discopain SALUT DISCOPAIN! Te voici membre mijoteur à part entière et joyeux contributeur du site internet national de la communauté Disco Soupe! Grâce à ton

Plus en détail

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

Plus en détail

Accès facile à calorg

Accès facile à calorg Accès facile à calorg Ouvir internet-explorer ou firefox ou google chrome.. Note l adresse www.athle.fr (pour rentrer sur le site de la FFA) Cliquer sur FEDERATION Puis sur «Organisateurs Compétitions»

Plus en détail

Analyse vidéo utilisant FUBALYTICS

Analyse vidéo utilisant FUBALYTICS Analyse vidéo utilisant FUBALYTICS ANALYSE VIDÉO UTILISANT FUBALYTICS 1 1 ANALYSE VIDEO SUR LA PLATE-FORME EN LIGNE 2 1.1 Télécharger (download) la vidéo d exemple 2 1.2 Télécharger (upload) la vidéo d

Plus en détail

Comment insérer une image ou un document dans un article SPIP 2.1.8

Comment insérer une image ou un document dans un article SPIP 2.1.8 Comment insérer une image ou un document dans un article SPIP 2.1.8 Ce document s'inspire de «Manuel SPIP 2» par M.Laurent. Sommaire Insérer une image page 2 Insérer un document page 4 Insérer la vignette

Plus en détail

Bracelets d amitié à créer et partager

Bracelets d amitié à créer et partager Bracelets d amitié à créer et partager Sommaire Introduction 5 Avant de commencer 7 Matériel et techniques 8 La roue des bracelets d amitié 1 Rayures multicolores 1 Sublimes diamants 16 Adorables coeurs

Plus en détail

Silhouette Studio Leçon N 2

Silhouette Studio Leçon N 2 Silhouette Studio Leçon N 2 Apprendre comment utiliser Ma Bibliothèque et la Boutique en Ligne Silhouette pour importer des nouveaux modèles. Matériels nécessaires Silhouette SD Feuille de transport colle

Plus en détail

Faire une présentation avec

Faire une présentation avec Faire une présentation avec Version gratuite http://www.prezi.com Version 2 Karine St-Georges, adapté pour la nouvelle interface par Suzanne Harvey Créer un compte Avec sa nouvelle interface 1. Démarre

Plus en détail

SVP j ai besoin d aide!

SVP j ai besoin d aide! SVP j ai besoin d aide! Ma première connexion J ai encore oublié mon mot de passe! Je dois valider les relevés d heures de mes intérimaires Je veux retrouver d anciens relevés d heures J imprime ou j enregistre

Plus en détail

Premier cours d informatique

Premier cours d informatique La lecture du règlement intérieur Définition de quelques mots informatiques Premier cours d informatique Salutation d usage et présentation des participants Et du projet -Informatique : Traitement automatique

Plus en détail

TUTORIEL. Avant de commencer. 1. Connexion à STORIFY. FTVEN Régions. Raconter une histoire avec Storify

TUTORIEL. Avant de commencer. 1. Connexion à STORIFY. FTVEN Régions. Raconter une histoire avec Storify 08/2011 TUTORIEL FTVEN Régions Raconter une histoire avec Storify Avant de commencer STORIFY, permet de sélectionner des informations provenant de différentes sources (Twitter, Facebook, Flickr, YouTube,

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

Tout ton profil pro. [e-portfolio] Crée ton e-portfolio! sur ton. > Compétences > Projets > Réseau social > Blog professionnel.

Tout ton profil pro. [e-portfolio] Crée ton e-portfolio! sur ton. > Compétences > Projets > Réseau social > Blog professionnel. Crée ton e-portfolio! Guide utilisateur Blog, professionnel Réseau social Photos, vidéos Compétences professionnelles Connaissances, expériences Promotion personnelle Centres d intérêt CV Lettre de motivation

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

INTRODUCTION. Pour réaliser une pièce sur Charlyrobot, il faut le faire en trois étapes :

INTRODUCTION. Pour réaliser une pièce sur Charlyrobot, il faut le faire en trois étapes : Charly Graal est un logiciel de CFAO INTRODUCTION (Conception Fabrication Assistée par Ordinateur) Il intègre 3 applications : Gcao : Graal Conception Assistée par Ordinateur Gfao : Graal Fabrication Assistée

Plus en détail

TP CFAO - PORTE CLÉ DESSIN SUR FEUILLE DU PORTE CLÉ. 10 mm = 1 cm 25 mm = 2,5 cm M DM CM MM. Rayon

TP CFAO - PORTE CLÉ DESSIN SUR FEUILLE DU PORTE CLÉ. 10 mm = 1 cm 25 mm = 2,5 cm M DM CM MM. Rayon TP CFAO - PORTE CLÉ DESSIN SUR FEUILLE DU PORTE CLÉ Sur la feuille réponse (schéma 1) réalise ton porte clé à l aide des indications suivantes : y Trace à la règle un rectangle noir de 100 mm de long et

Plus en détail

Libre Office : Writer, traitement de texte Quelques notions

Libre Office : Writer, traitement de texte Quelques notions Libre Office : Writer, traitement de texte Quelques notions Doc réalisé par : Delphine BERTRAND Service AVAMN Août 2013 Version4.0.2.2 Sommaire 01 Comment ouvrir le traitement de texte p.1 02 - Les règles

Plus en détail