créer une page web en quelques clics
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/1.jpg)
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 ligneDreamweaver (399$): http://www.adobe.com/products/dreamweaver/
Pagebreeze (gratuit) : http://www.pagebreeze.com/ Evrsoft (gratuit) : http://www.evrsoft.com/
Etc….
![Page 2: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/2.jpg)
COLLAB : allez dans “Ressources” et ouvrez le dossier “Projets_des_etudiants”
![Page 3: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/3.jpg)
Pour créer une page web directement dans COLLAB, ouvrez le dossier de votre thème, et dans “Add”, sélectionnez “Create HTML Page”
![Page 4: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/4.jpg)
EDITEUR HTMLVous allez utiliser le petit éditeur HTML pour créer une page Web
Vous pouvez utiliser l’option “Templates” pour vous aider à organiser la page
![Page 5: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/5.jpg)
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é
![Page 6: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/6.jpg)
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é
![Page 7: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/7.jpg)
AJOUTER UN LIENPour ajouter des liens, sélectionnez le texte cliquer sur “Insert/Edit Link” tapez l’URL puis “OK”
![Page 8: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/8.jpg)
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
![Page 9: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/9.jpg)
MODIFIER UNE IMAGEFaites un clic droit sur l’image vous pouvez alors modifier la taille de l’image et cliquez sur “Image Properties” rajouter une bordure…
![Page 10: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/10.jpg)
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
![Page 11: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/11.jpg)
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
![Page 12: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/12.jpg)
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”
![Page 13: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/13.jpg)
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”
![Page 14: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/14.jpg)
VOUS AVEZ CRÉÉ UNE PAGE WEB!Vous pouvez la modifier quand vous voulez en allant dans COLLAB
“Resources” “Actions” “Edit Content”
![Page 15: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/15.jpg)
CRÉER UNE PAGE WEB AVEC “PAGE BREEZE”
Installez gratuitement Page Breeze sur votre ordinateur : www.pagebreeze.com
![Page 16: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/16.jpg)
Sélectionnez un modèle/templateAllez dans le dossier “Templates” et choisissez dans la liste
![Page 17: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/17.jpg)
AJOUTER UNE IMAGEVous devrez mettre cette image dans votre dossier sous COLLABCliquez sur l’icone “Insert Graphic” et sélectionnez votre image
![Page 18: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/18.jpg)
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”
![Page 19: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/19.jpg)
AJOUTER DES LIENS (2)
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
![Page 20: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/20.jpg)
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”
![Page 21: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/21.jpg)
SAUVEGARDEZ LA PAGE ET TÉLÉCHARGEZ-LA SOUS COLLAB AVEC TOUS LES DOCUMENTS CONTENUS DANS LA PAGE (images, graphiques…)
1) Nommez le document: projet_[thème]_accueil OU projet_[thème]_[titre du projet personnel] Sauver-le sur votre ordinateur
2) Dans COLLAB, allez dans votre dossier dans “Resources”
“Add” “Upload Files”
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”
![Page 22: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/22.jpg)
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…)
![Page 23: Créer une page web en quelques clics](https://reader035.vdocuments.net/reader035/viewer/2022062518/5681447b550346895db1123e/html5/thumbnails/23.jpg)
VOUS AVEZ CRÉÉ UNE NOUVELLE PAGE WEB