Download - Créer une page web en quelques clics
![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