Formation Site Web Animation Pédagogique Ecole de Dommartin

Programme de la formation Mercredi n°1 1- Explication du fonctionnement: global Mercredi n°2 3- Retour sur les réalisations 4- Bilan en commun 2- Essais de réalisations 5- Mise en place des pages créées 6- Création d'un tutoriel

1-Fonctionnement d’un site web: Comment ça marche ? Hébergement Ordinateur Perso Box, accès Internet Relai Wifi Connexion Fil Connexion Wifi

Cf lienlien Son hébergeur: Où stocker notre site? Son adresse internet: Comment accéder au site? Faire un site: En local En ligne Les techniques: Le code pour les experts Des logiciels : Dreamweaver, Kompozer,... Guppy and co Les règles et les droits

2- Les sites : Ecole du bout du monde Le site A Tic et Tac Le site Essai sur les sites Le site Essai Ecole Les écoles des Circos

3- Le Html: comment ça marche? - Le HTML est un langage de programmation, mais Dreamweaver permet de créer des pages sans connaître les codes.

4- Le Html: quelques règles de base... - pour nommer une page : jamais d'espace, jamais d'accent, … - avant de commencer, bien penser à ce que l'on veut...

5- Le Html: créer une page pas à pas... - Ouvrir le dossier DREAMWEAVER présent sur le Bureau - Créer un nouveau dossier dans le Dossier CLASSE - Insérer les photos, images, dessins, textes, … nécessaire pour la création de la page

- Lancer le logiciel Dreamweaver : À partir du bureau, À partir du menu Démarrer- Tous les Programmes- Macromédia,

- Voici l'interface du logiciel :

- Commençons par créer une nouvelle page :

- Modifions l'aspect général de la page :

- Créons notre page : Le plus simple est de créer un tableau de 3x3, cela permettra de bien organiser sa page.

- Ecrire le texte : Commençons par donner un titre à la page Ensuite on met en forme le titre comme dans un traitement de texte habituel... avec moins d'options Police de caractères Taille Gras Italique Centré …

- Ecrire le corps du texte : Choisir une cellule et noter le texte de la page. On peut effectuer du copier-coller depuis un document Word, Open Office ou Internet, mais on perdra la mise en forme. On peut ajouter, supprimer, fusionner et fractionner des lignes Titre Corps du texte

- Modifier l'aspect du tableau :

- Insérer un objet : Insérer un objet

Il f audra parcourir les dossiers et choisir le fichier : Il faut que le fichier soit dans le dossier créé au début !

- Insérer des liens : vers un autre site

- Insérer des liens : vers une adresse mail

- Insérer des liens : vers un fichier

- Créer plusieurs pages et les relier entre elles: Recommencer la procédure depuis le début … avec un nouveau nom de page

- Visionner sa page :

6- Essais et réalisations: Choix d’un thème à travailler Ou compléter la fiche AIDES : -Site aideSite aide - Les sites des CirconscriptionsLes sites des Circonscriptions

7- Bilan des réalisations: -Visionner les différentes pages créées -Commentaires sur les difficultés, les réussites, les modifications,... -… -Aller plus loin : photofiltre … réduire les images flashslideshow... insérer un diaporama flash

8- Mise en ligne des réalisations: -Démonstration de la mise en ligne des pages créées -Comment transférer les pages chez l'hébergeur ? -Qui fait quoi ? -...

9- Architecture du site: Où insérer les pages créées ?

10- Bilan en commun et tutoriel  Les difficultés  Les astuces  Les sites d’aide  Le tutoriel