Créer une page web en quelques clics

Présentation au sujet: "Créer une page web en quelques clics"— Transcription de la présentation:

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) - Des logiciels payants ou gratuits disponibles en ligne Dreamweaver (399$): Pagebreeze (gratuit) : Evrsoft (gratuit) : 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 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

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

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 LIEN Pour ajouter des liens, sélectionnez le texte  cliquer sur “Insert/Edit Link”  tapez l’URL puis “OK”

8 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

9 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…

10 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

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

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 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 :

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

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

18 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”

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

20 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”

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 COLLAB Cliquez 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