MINI-SITES du RESEAU des Apec ILE de FRANCE

MODE d’ EMPLOI

de l’ADMINISTRATION

des pages des APEC

http://www. http://www.fuse.asso.fr/idf/admin/ est l’adresse d’accès à l’administration

1. Sélectionner la ville2. Entrer le mot de passe 3. Valider

L'association des parents vous souhaite la bienvenue...sur son nouveau site... 

CONTENU ACTUEL : N’HESITEZ PAS à l’EFFACER * ( ou rédiger votre propre contenu au dessus devant la marque ♦ ):

____________ .. ♦

* sauvergarde à disposition sur le site : pas de risque de pertes d’informations

  APEC de ___

L'association des parents …sur son nouveau site... 

Sur l’éditeurRésultat sur la page

MISE EN PAGE (CORPS du TEXTE)1. Taper, modifier votre texte2. le sélectionner2. le mettre en forme (taille, couleur, centrage…) grace aux icones de l’éditeur

OUVREZ DEUX FENETRES pour VERIFIER VOTRE TRAVAIL

EVITER de RESSAISIR du TEXTE déjà EXISTANT

Comme ce sera détaillé ultérieurement, la boîte à outils utilisée permet de fabriquer un « code » sans en connaître ni la syntaxeni les règles souvent rigides et complexes…

Les documents numériques dont vous disposez, au format Word parexemple sont également « enrobés » d’une couche de codes invisibles« à l’œil nu » et il est nécessaire de les en dépouiller pour les réutiliserpour éviter de présenter à nos lecteurs des « hiérogriphes »…

Au delà de la « prise en main » de l’éditeur, vous allez sans doute reprendre des textes existant soit dans les productions antérieures,soit en vous inspirant de ce qui existe sur le site d’autres APEC, notamment Antony, Fontenay et Orsay qui ont des sites complets.

INSISTONS sur ce POINT : la démarche de mise en place du site régional est une occasion de confronter nos expériences !

Comment procéder ?- on peut utiliser le « bloc notes », petit éditeur rustique qui; lorsqu’on y copie du texte codé; le ramène à sa plussimple expression. Si on recopie ce contenu dans l’éditeur,il est parfaitement exploitable

- on peut aussi copier directement le texte dans l’éditeur et prendre soin de le ‘nettoyer’ avec le petit utilitaire.(sélectionner le texte collé et cliquer sur l’icône de l’éditeur

- dans certains cas, en particulier si la partie copiée provient du site ile de France, il n’y aura pas besoin de ces précautions, lecodage étant compatible et reconnu. Les illustrations et la misezn page sont reconnus par le système.

DANS TUS LES CAS, NE FAITES PAS L’ECONOMIE DE VERIFIER LE RESULTAT sur votre PAGE APEC

L'association des parents vous souhaite la e...sur son nouveau site... 

APEC de

POUR OBTENIR D’AUTRES EFFETS ….

1. INTRODUIRE UNE SEPARATION

L'association des parents vous souhaite la ...sur son nouveau site... 

APEC de

1. INTRODUIRE UNE LIGNE de SEPARATION

POUR OBTENIR D’AUTRES EFFETS ….2. INTRODUIRE UNE PIECE JOINTE

Après avoir enregistré votre contribution :

Indiquer ici le nombre de pièces jointe puis cliquer sur le boutons « Ajouter des documents »

1

Choisir dans l’organisation de votre disque le fichier à joindre puis donner un nom « parlant » avant de cliquer siur le bouton

POUR OBTENIR D’AUTRES EFFETS ….3. FAIRE UN LIEN avec une page WEB

1. Sélectionner dans le texte une zone de caractère : ex.

2. Cliquer sur l’icône de l’éditeur :

3 renseigner l’adresse du liendans la fenêtrequi s’uvre.puis cliquer sur le bouton « OK »

NOTA . Le lien peut correspondre à une page d’un site externe, du site IdF, d’un ou encore d’un ocument trouvé dans Google, d’une photo…

POUR OBTENIR D’AUTRES EFFETS ….

4. INSERER UNE IMAGE, UN LOGO, UNE PHOTO

1. Choisir l’emplacement où doit Être positionnée l’image.

2. Choisir l’icône de l’éditeur

3a pour une image issue d’un fichier de votre disque dur, cliquer sur « télécharger »

4. Choisir le fichier dans l’arborescence de votre disqueAvant de cliquer sur le bouton« envoyer vers le serveur » vous êtes-vous assuré(e) que votre fichier n’est pas trop volumineux ? (200 kO est généralement suffisant pour une lecture agréable sur Internet

3b Vous pouvez aussi utiliser des images existant sur un site Internet exemple lien

copier l’adresse

5. Choisir la taille De l’image et la positon de celle-ci vis à vis du texte que vous choisirez pour l’accompagner

6. Vous pouvez mettre au point votre équilibre entre texte et image : - en adaptant la taille de l’image à l’aide de la souris - en cliquant sur l’image pour redéfinir la taille ou la position de l’image

POUR OBTENIR D’AUTRES EFFETS ….

5. LISTES – SOMMAIRES

 • Présentation:• Pourquoi adhérer:• Service aux adhérents

EXEMPLE

1. Présentation:2. ourquoi adhérer:3. Service aux adhérents

OU

Le texte lui même peut être misen forme, par paragraphe grâce aux icones de l’éditeur.

Mais on peut, de plus, avec le système des « ancres », donnerfournir en tête de lpage un sommaire, permettant d’obtenir par un click sur une ligne du sommaire le détail de la rubrique :

POUR OBTENIR D’AUTRES EFFETS ….

6. LIEN dans la PAGE : « ANCRE »

Pour aiguiller le lecteur vers la partie pertinennte de la page, on utilise une « ancre », c’est à dire un lien interne à la page ».EXEMPLE : positionné en bas de page de la partie « publique », nous définissons une ancre (un repère) :

bas-page

et la « baptisons » afin de pouvoireffectuer par la suite un lien direct ers cet emplacement

<p style="text-align: center;"><img src="/docs/note de musique.jpg" style="width: 30px; height: 31px;" alt="" /><span style="font-size: larger;"><strong>&nbsp;</strong></span><span style="font-size: larger;"><strong>Ar</strong></span><span

Vous pouvez accéder au « code » fabriqué par l’éditeur en cliquant sur l’ icônesituée en haut et à gauche de l’éditeur !

POUR EVITER DES EFFETS INDESIRABLES.SAUVEGARDER – à chaque « grosse mise à jour » la « SOURCE »

Sélectionnez l’intégralité du code, et copiez le dans un fichier « bloc-notes » (format txt que vous irez classer précieusement avec un nom explicite : en cas de besoin, vous pourrez « restaurer » cette version en recopiant votre code …

L ’ ESPACE ADHERANT – SON MOT de PASSE

Pas de recommandation particulière en ce qui concerne la pageréservée aux adhérents de votre APEC : elle se gère de la mêmemanière que votre page « publique ».

Vous pouvez à tout moment changer vous-même le mot de passe :

La partie « gestion des documents » est utile quand vous voulez établir un lien avec un des documents (tous les documents de la base de données su site ile-de-France : y compris ceux des autres APEC y sont signalés).Vous pouvez ouvrir ces documents par un simple click sur son titre, etobtenir son adresse internet en cliquant sur le bouton droit de la souris

MAINTENANT, A VOUS DE JOUER…

Ce petit mode d’emploi n’est pas exhaustif, Il a la seule ambition de vous aider à oser vous lancer en vousmontrant qu’administrer une page Web est à votre portée : l’éditeur est à peu près similaire à celui d’un logiciel de traitementde texte ou d’une messagerie électronique …

Peut-être allez-vous tâtonner un peu avec certaines fonctions plusélaborées comme l’insertion d’images, mais cela vaut le coup defaire l’investissement de savoir l’utiliser : cela rend votre page bienplus attractive pour le visiteur !Pour autant, n’hésitez pas à demande de l’aide si vous n’arrivez pasà réaliser une étape ou une autre par vous-même : nous sommes uncertain nombre à pouvoir vous aider, et d’autres seront peut-être unjour contents de vous trouver pour les dépanner à votre tour !

Dialogue aussi sur les contenus : certaines des pratiques des APEC De la région vous inspireront sans doute de nouvelles idées, de nouvelles actions au sein de votre association…