Créer une page web en quelques clics

Slides:



Advertisements
Présentations similaires
Été INF1025 Driouch Elmahdi
Advertisements

Support.ebsco.com Guide dUtilisation Création dune collection locale.
[Nom du présentateur] [Titre/position/statut du présentateur] Webinaire pour [nom du groupe] [Nom de l'institution] [Date]
Créer un nouveau site internet Lions e-Clubhouse Lapplication Lions e-Clubhouse
Gérer un site avec Kompozer
1 : Léditeur 2 : Le traitement dimages. 3 : La visionneuse dimage. FRONTPAGE PAINT SHOP PRO ACD SEE.
Présentation des tables des matières j puis appuyez sur F5 ou cliquez sur Diaporama > Du début. Pour commencer le cours, dans la barre des messages, cliquez.
Notice d’utilisation ( activités word phase 1 )
Présentation du journal Scolaweb et de l’administration du site.
Le portail des sports des associations de la ville de Nice
API Présentation Comment ajouter des pages. Vous voici dans notre site « laboratoire » pour la démonstration RAJOUTER UNE PAGE.
Création dun wiki Marie-Pier M. Richard. Création dun wiki Pourquoi un wiki Création dun compte Bâtir et modifier un wiki Changer le texte de la page.
Rajouter une rubrique Vous accédez à la partie administration du site que vous venez de créer. Votre login(identifiant) et votre mot de passe vous ont.
1 Comment utiliser votre Extranet Se connecter 2.My Site 3.Documentation 3.1 Documents dintégration 3.2 Documents types 4.Vos informations privées.
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Mars 2013 Grégory Petit
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Concevoir un diaporama avec Power Point.
Capture de son.
Création de sites Web a.Création dun site Web: 1.Activer le menu « Fichier », 2.Choisir la commande « Nouveau… », 3.Dans le volet doffice qui saffiche.
Souriez, vous allez être présents sur Internet Daccord. Et comment ? Ou construire facilement mon site Web avec Easy Web.
Comment utiliser Netvibes Tout dabord, taper « Netvibes » sur Google … cest simple non ?
Présenté à Jean Vachon Exécuté par Luc Rainville.
Les guides de formation WS-FTP Comment télécharger un site web sur le serveur de lÉcole.
Initialisation des sites web Étapes importantes. La conversion de vos comptes Web nest pas terminée (après discussion avec les techniciens voici comment.
Licence professionnelle assistant de gestion import–export IUT de Auch
+ Modifier sa page personnelle. + Connectez-vous Avec votre navigateur, rendez-vous surhttp://gramata.univ-paris1.fr et cliquez sur le lien : « Se connecter.
Plan de la rencontre 8 –Retour sur les cours précédents –Conception dun site WWW –Outils de développement de sites WWW Word Introduction à Netscape Composer.
Convertir un fichier en format .pdf
Tout savoir sur la synchronisation des mails, contacts et calendrier sur Windows Phone Lire cette présentation en mode plein écran.
Patron TRUCS ET ASTUCES!
Lorsque vous créez un document, il faut faire attention au poids des images (le nombre d’octets), si vous devez le diffuser par mel. Chaque image est un.
I NTÉGRER UNE IMAGE GIMP DANS W EEBLY Stéphanie Cloutier Simone Gagné-Raynauld Nathalie Pépin Victoria Sobey.
TracenPoche Insérer une figure TepWeb >.  Contenu de l'archive tepweb.zip Contenu de l'archive tepweb.zip  Quelques notions de html Quelques notions.
Insérer une image venant d’Internet
12/081 Amicale Laïque Poisat Téléchargez le logiciel à l’une des adresses suivantes :
Par JJ Pellé le 28 décembre 2012 Musique : générée par synthétiseur Yamaha PSR 8000.
Rechercher, appliquer créer et enregistrer un modèle sur WORD
Centre d’échange d’informations sur la Convention sur la Diversité Biologique Bienvenue dans le cours sur l’ajout d’une page web sur un site web développé.
KIWAPP IS A B2B FULL-STACK APP-MANAGEMENT TOOL KIWAPP EN QUELQUES ETAPES Octobre 2014.
François PESTY Pharmacien, Institut Supérieur de Gestion Consultant ITG / Didacticiel pour les.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
Pour une présentation orale
Le site-en-kit pour les locales 2. Créer des pages.
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
Comment utiliser FrontPage?
Présente Conception d’un petit site Web. 2 4-nov-03© Préambule Cette présentation fait suite à celle intitulée « Imaginer, concevoir, mettre.
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
Design et intégration d’images et de graphiques
F 5 cliquer sur le CD pour le son indiqué DIAPORAMA MANUEL >>>>> INSERSION de VIDEOS sur FORUM REBELLES.
Cliquez pour modifier le style du titre
OUTIL Webform Comment mettre une position pour analyse. Par la suite, le contributeur pourra transformer ses webforms selon sa convenance.
Introduction à CmapTools par Jacques-Antoine V-Lemay 3 septembre 2008 par Jacques-Antoine V-Lemay 3 septembre 2008.
Image en jpeg Le format jepg est très utilisé car il ne prend que très peu de place. Ce diaporama va vous expliquer comment placer une image dans les albums.
GEORGETA BĂDĂU CRÉATION ET GESTION D’UN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.2.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
Newsletter : Utilisation de MailChimp
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
Conception des pages Web avec
Aller sur puis cliquer sur signupwww.box.net.
Vous voici dans notre site « laboratoire » pour la démonstration AJOUTER UNE PAGE Cliquez sur ENTREZ ICI pour accéder à la partie administration.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Formation.
Une police de caractères pour personnes ayant une dyslexie
AJOUTER UN FICHIER. Quand on active le mode édition, en dessous de chaque section apparaît « ajouter une activité ou une ressource » Cliquer dessus pour.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Gabriel Dumouchel, doctorant Université de Montréal Atelier Jouvence 2011.
Transcription de la présentation:

Créer une page web en quelques clics Directement dans Collab en utilisant l’option “Create HTML Page” En utilisant des logiciels extérieurs Frontpage (MS Office) iWeb (MAC) - http://www.apple.com/ilife/iweb/ Des logiciels payants ou gratuits disponibles en ligne Dreamweaver (399$): http://www.adobe.com/products/dreamweaver/ Pagebreeze (gratuit) : http://www.pagebreeze.com/ Evrsoft (gratuit) : http://www.evrsoft.com/ Etc….

COLLAB : allez dans “Ressources” et ouvrez le dossier “Projets_des_etudiants”

Pour créer une page web directement dans COLLAB, ouvrez le dossier de votre thème, et dans “Add”, sélectionnez “Create HTML Page”

EDITEUR HTML Vous allez utiliser le petit éditeur HTML pour créer une page Web Vous pouvez utiliser l’option “Templates” pour vous aider à organiser la page

TEMPLATES/MODÈLES (1) Vous n’avez plus qu’à placer vos propres TEMPLATES/MODÈLES (1) Vous n’avez plus qu’à placer vos propres Exemple de “Templates” : ici le modèle images et liens et votre propre texte “Image and Title” a été sélectionné

TEMPLATES/MODÈLES (2) Si vous décochez (uncheck) “Replace actual contents”, vous pouvez ajouter d’autres modèles dans la même page web – Ici le modèle “Two Column Template” a été rajouté

AJOUTER UN LIEN Pour ajouter des liens, sélectionnez le texte  cliquer sur “Insert/Edit Link”  tapez l’URL puis “OK”

AJOUTER UNE IMAGE Vous devez d’abord télécharger (upload) l’image dans votre dossier dans “Resources” Puis allez dans “Insert/Edit Image” “Browse Server” allez dans votre dossier et sélectionnez l’image

MODIFIER UNE IMAGE Faites un clic droit sur l’image MODIFIER UNE IMAGE Faites un clic droit sur l’image vous pouvez alors modifier la taille de l’image et cliquez sur “Image Properties”  rajouter une bordure…

COLLER/PASTE UN DOCUMENT – “Paste from Word” (1) Sous WORD, sélectionnez votre texte et faites CTRL+C Utiliser l’option “Paste from Word”pour importer du texte écrit avec le logiciel WORD

MODIFIER LE DOCUMENT - Ajouter une ligne horizontale - Utiliser les caractères spéciaux (accents…) - Changer la taille du texte Etc… Quand vous voulez sauvegarder le document, cliquez sur “Continue” IL EST TOUJOURS POSSIBLE DE MODIFIER LE DOCUMENT PLUS TARD

SAUVEGARDER LE DOCUMENT Nommez le document: projet_[thème]_accueil OU projet_[thème]_[titre du projet personnel] Vous pouvez décrire la page en quelques mots, puis cliquez sur “Finish”

LE NOUVEAU DOCUMENT APPARAIT DANS VOTRE DOSSIER Pour visualiser le document, Vous pouvez le modifier en allant cliquez sur le lien dans “Actions” puis “Edit Content”

VOUS AVEZ CRÉÉ UNE PAGE WEB VOUS AVEZ CRÉÉ UNE PAGE WEB! Vous pouvez la modifier quand vous voulez en allant dans COLLAB  “Resources”  “Actions”  “Edit Content”

CRÉER UNE PAGE WEB AVEC “PAGE BREEZE” Installez gratuitement Page Breeze sur votre ordinateur : www.pagebreeze.com

Sélectionnez un modèle/template Allez dans le dossier “Templates” et choisissez dans la liste

AJOUTER UNE IMAGE Vous devrez mettre cette image dans votre dossier sous COLLAB Cliquez sur l’icone “Insert Graphic” et sélectionnez votre image

AJOUTER DU TEXTE ET DES LIENS Pour modifier les liens du modèle, double-cliquez Vous pouvez taper directement votre sur les liens et modifiez leur nom ou allez texte ou faire des copier-coller sur “Insert/edit Hyperlink”

AJOUTER DES LIENS (2) Ajoutez un lien interne vers une autre page. OU AJOUTER DES LIENS (2) Ajoutez un lien interne vers une autre page OU un lien externe en ajoutant une URL en sélectionnant un fichier AJOUTER DES LIENS (2)

LIENS VERS D’AUTRES PROJETS DE RECHERCHE DANS COLLAB 1) Le fichier doit d’abord être téléchargé (uploaded) dans “Resources” 2) Ensuite allez dans “Resources”, faites un clic-droit et 3) collez le lien dans “External URL” “Copy Link Location” ou “Copy Shortcut”

SAUVEGARDEZ LA PAGE ET TÉLÉCHARGEZ-LA SOUS COLLAB AVEC TOUS LES DOCUMENTS CONTENUS DANS LA PAGE (images, graphiques…) 2) Dans COLLAB, allez dans votre dossier dans “Resources” “Add”  “Upload Files” 1) Nommez le document: projet_[thème]_accueil OU projet_[thème]_[titre du projet personnel] Sauver-le sur votre ordinateur 3) Faites “Browse” et sélectionnez le document (page web, image…) - Vous pouvez changer le nom du document affiché dans “Display Name”  “Upload Files Now”

LE NOUVEAU LIEN APPARAIT DANS VOTRE DOSSIER SOUS COLLAB Cliquez sur le lien pour voir la page (n’oubliez pas de télécharger les documents annexes ; images, vidéos…)

VOUS AVEZ CRÉÉ UNE NOUVELLE PAGE WEB