1 / 23

Créer une page web en quelques clics

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

strom
Télécharger la présentation

Créer une page web en quelques clics

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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….

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

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

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

  5. 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é

  6. 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é

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

  8. AJOUTER UNE IMAGEVous 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

  9. MODIFIER UNE IMAGEFaites un clic droit sur l’image vous pouvez alors modifier la taille de l’imageet cliquez sur “Image Properties”  rajouter une bordure…

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

  11. 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

  12. SAUVEGARDER LE DOCUMENTNommez 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”

  13. 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”

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

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

  16. Sélectionnez un modèle/templateAllez dans le dossier “Templates” et choisissez dans la liste

  17. AJOUTER UNE IMAGEVous devrez mettre cette image dans votre dossier sous COLLABCliquez sur l’icone “Insert Graphic” et sélectionnez votre image

  18. AJOUTER DU TEXTE ET DES LIENSPour 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”

  19. 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)

  20. LIENS VERS D’AUTRES PROJETS DE RECHERCHE DANS COLLAB1) 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”

  21. 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”

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

  23. VOUS AVEZ CRÉÉ UNE NOUVELLE PAGE WEB

More Related