Formation Site Web Animation Pédagogique Ecole de Dommartin.

Présentation au sujet: "Formation Site Web Animation Pédagogique Ecole de Dommartin."— Transcription de la présentation:

1 Formation Site Web Animation Pédagogique Ecole de Dommartin

2 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

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

4

5 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

6 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

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

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

9 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

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

11 - Voici l'interface du logiciel :

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

13

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

15

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

17 - 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é …

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

19 - Modifier l'aspect du tableau :

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

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

22 - Insérer des liens : vers un autre site

23

24 - Insérer des liens : vers une adresse mail

25 - Insérer des liens : vers un fichier

26

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

28 - Visionner sa page :

29 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

30 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

31 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 ? -...

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

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