GuppY. Administrer son. portail Web avec. 2 Publier un article. Sommaire :

Transcription

1 Administrer son GuppY portail Web avec 2 Publier un article P. 2 Edition des boîtes P. 3 Ecriture d un article P. 4 Insertion d une image P. 5 Mise en forme du 1

2 Avertissement Le présent manuel s adresse avant tout aux écoles du réseau tic22 bénéficiant d un hébergement et d une version de Guppy pré-installée. Il a pour fonction de permettre à un utilisateur novice d acquérir les premières bases liées à l administration d un site en ligne. Publication d accès à l administration du site Entrez votre mot de passe puis cliquez sur connexion. Site officiel : Nota : Le mot de passe par défaut est «pass». Il est recommandé de le modifier dès la première connexion. Etape 1 : Edition des boîtes GuppY met à notre disposition 2 boîtes permettant d y afficher l ensemble des articles disponibles. Ceux-ci sont organisés par rubriques et accessible par un simple «clic» sur l intitulé sélectionné. Sélectionnez les boîtes à afficher en déterminant leur emplacement vertical ainsi que leur positionnement (droite ou gauche) sur la page écran. Etape 2 : choix des Intitulés de boîtes Sélectionnez votre item dans la liste des boites disponibles puis saisissez le titre de votre choix... 2

3 Etape 3 : Répertorier un article puis sur le lien Identifiez la rubrique de votre article. Choisissez un titre. Sélectionnez la boîte d affichage. Etape 4 : Ecrire un article Guppy est doté d un éditeur de texte intégrant tous les outils permettant une mise en forme rapide et aisée de contenus. Outils de mise en forme du texte. Fonctions Copier / Coller. Insertion de liens hypertextes. Insertion et propriétés d images. Insertion, Modification et mise en forme de tableaux. L écriture en ligne est souvent conditionnée par la qualité de la connexion Internet à la disposition du rédacteur. De ce fait, il est souvent préférable, dans un premier temps, de privilégier une écriture hors ligne au moyen d un logiciel de traitement de texte traditionnel. Un simple copier/coller permettra ensuite, d intégrer la totalité de votre production dans l éditeur de texte GuppY. La mise en page initiale sera dans ce cas scrupuleusement respectée. Nota : l usage de polices de caractères «exotiques» est à proscrire! En effet, leur affichage est inhérent à leur existence sur l ordinateur du lecteur. De ce fait, il est indispensable, dans le cadre d une publication Internet, de privilégier les caractères standards : Arial, Verdana, Times New Roman... N oubliez de cliquez sur Enregistrer afin de valider votre texte! 3

4 P. 4 Insérer une image Images et textes L insertion d images dans un article n est rendue possible que par leur existence dans l espace d hébergement du site. Il est donc indispensable de les y importer avant toute tentative d exploitation dans un. Etape 1 : Importer une image Déroulez le menu Répertoire Tout espace Guppy possède plusieurs répertoires de stockage pour les fichiers importés. Celui que nous retiendrons est le répertoire Img. Le menu Parcourir vous permet de localiser et de sélectionner l image sur votre disque dur. Il vous reste plus qu à la charger sur le site. Votre fichier vient alors incrémenter la liste des images disponibles. Etape 2 : Insérer une image dans un texte Choisissez dans la liste, l article à modifier en cliquant sur l icône Edit. Insérer une image, de manière à afficher le contenu de votre répertoire Img Choisissez votre image dans le menu déroulant. Par un glisser/déplacer, positionnez celle-ci à l emplacement choisi sur votre texte. Validez en cliquant sur Enregistrer. 4

5 P. 5 Mettre en forme le Etape 4 : Mise en forme définitive L éditeur de texte Guppy offre de multiples possibilités pour une mise en forme sophistiquée de vos articles. L alignement gauche et droite ainsi que le centrage de vos images est obtenu par l action sur l un des boutons de justification de texte de la barre de tâches de l éditeur GuppY. Pour un habillage plus précis de l image, il sera nécessaire d avoir recours à l icône Propriétés de l image. Choisissez dans le menu déroulant l option d alignement souhaitée puis validez en cliquant sur OK. 5