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

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

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

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

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…

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

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 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/templateAllez dans le dossier “Templates” et choisissez dans la liste

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

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”

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

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”

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”

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

VOUS AVEZ CRÉÉ UNE NOUVELLE PAGE WEB