docCréer rapidement et facilement une page pour un chien
download 
Plainte Transcription
Créer rapidement et facilement une page pour un chien
Créer rapidement et facilement une page pour un chien vendredi 30 septembre 2011 22:16 (Il est préférable de travailler dans l'administration du blog avec Firefox.) Un billet est généralement constitué de 3 parties: - Titre (par exemple le Nom du chien) - Extrait (par exemple les infos sur le chien: date de naissance, parents.. ) - Contenu (Toutes les informations que nous souhaitons afficher au sujet de notre chien) Une 4ème partie pourra être constituée d'une galerie de photos. Ajouter une galerie photos fait l'objet d'une fiche spécifique. Le sujet ne sera donc pas abordé ici (voir la fiche Dotclear_creer_billet_avec_galerie_photos.pdf) 1- Je commence la rédaction de mon nouveau billet On commence en cliquant sur Nouveau billet. Je le rédige en mode wiki pour lui donner une mise en forme (titres en gras et police plus grosse, etc) en profitant des commandes spécifiques au mode Wiki (voir à ce sujet la fiche Dotclear_toute_la_syntaxe_wiki.pdf) - Titre = Nom du chien - Extrait = Infos sur le chien (date de naissance, parents.. par exemple) - Contenu = Toutes les informations que nous souhaitons afficher au sujet de notre chien. Par défaut, ce seront les résultats d'exposition, le pedigree et des photos du chien. Titre et Extrait ne posent pas de problème rédactionnel particulier. Le contenu, et notamment l'intégration d'un pedigree, donc un tableau avec une trentaine de Créer rapidement et facilement une page pour un chien Page 1 Le contenu, et notamment l'intégration d'un pedigree, donc un tableau avec une trentaine de cellules et autant de noms, va peut-être se révéler compliqué sachant que les commandes Wiki ne sont utiles que pour la mise en forme de texte en agissant sur le texte lui-même. Mais alors, comment allons nous faire? Procédons méthodiquement: Nous voulons afficher les résultats d'exposition, le pedigree et des photos du chien, soit 3 paragraphes. Matérialisons ces paragraphes en écrivant leur nom auquel nous appliquons un style "titre de niveau 2" Ce qui va donner ceci en mode Wiki (voir illustration ci-dessus): !!!!Principaux résultats en exposition: !!!!Pedigree: !!!!Photos: Je mets tout de suite les éventuels résultats d'exposition que je vais ordonner selon une liste à puces. Devant chaque ligne, un * est ajouté correspondant à la puce de la liste. J'enregistre mon travail mais je laisse mon billet en attente (il n'est pas terminé). En effet, il me reste le plus difficile à faire... Créer le pedigree du chien.! Créer rapidement et facilement une page pour un chien Page 2 2- Ajouter facilement un pedigree dans un billet Collie-online a pensé à tout et facilite la récupération d'un pedigree. Il existe un bouton dans chaque pedigree affiché sur Collie-online qui permet d'éditer le code source du pedigree. C'est ce code que nous allons récupérer et copier dans notre billet dans le paragraphe "Pedigree" Aller sur Collie online, rubrique pedigrees. Afficher le pedigree du chien (si le pedigree n'est pas dans la base.. Pas d'autre solution que de me le communiquer pour ajout). Le pedigree affiché à l'écran, il y a en haut à droite un discret petit bouton <html> permettant d'afficher dans une nouvelle page le code source de ce pedigree. Cliquez sur <html>, le code est affiché dans la nouvelle fenêtre. Il apparait 2 fois: Le code pour blog, ou le code pour ajouter à un site indépendant. Ne nous intéresse que le code pour blog.! Vous avez encore le choix entre le code avec mise en couleur des cellules ayant des noms identiques, ou code sans colorisation des cellules. Créer rapidement et facilement une page pour un chien Page 3 Vous pouvez enfin récupérer le code de la, ou des photos disponibles avec le pedigree. Vous afficherez alors ces photos directement sur le blog.! Que faut-il faire? Nous avons affiché le code source de notre pedigree dans une page, et nous avons notre billet en cours de rédaction dans une autre. Revenons à notre billet: Convertir en xhtml le billet pour y insérer le code source du pedigree tout en conservant la mise en forme faite en mode wiki Attention: le changement de format de texte (wiki -> xhtml) fait perdre le titre du billet.. Il faut le réécrire Allons sur la page contenant le code source du pedigree: Récupérer le code du pedigree: sélectionner avec la souirs le code de l'une des 2 séries (avec couleur ou sans couleur) et le copier (code sélectionné, faites CTRL C au clavier). C'est le code compris entre les titres en bleu qui commence par <div...> et se termine par </div> Passez en mode source le contenu du billet (vous étiez en mode visuel). Vous remarquerez que la mise en forme faite en Wiki est conservée en mode xhtml Créer rapidement et facilement une page pour un chien Page 4 Mode visuel: Et le mode source correspondant au code réellement lu et interprété par le navigateur: Vous allez repérer votre titre de paragraphe sous lequel il va falloir y copier le code source du pedigree. <h2>Pedigree:</h2> Nota: <h2> correspond au style "titre de niveau 2" appliqué en mode Wiki. <h2> est une balise html permettant d'appliquer une taille particulière à un texte. Les balises vont de <h1> (taille la plus importante) à <h6> (taille la plus petite). Le paragraphe suivant (Photos) suit immédiatement le paragraphe Pedigree. Pour faciliter l'insertion, faites quelques retour à la ligne afin de bien les séparer et de ne pas risquer Créer rapidement et facilement une page pour un chien Page 5 Pour faciliter l'insertion, faites quelques retour à la ligne afin de bien les séparer et de ne pas risquer d'en effacer un lors du copié/collé. <h2>Pedigree:</h2> <h2>Photos:</h2> Juste sous <h2>Pedigree:</h2>, collez le code du pedigree en faisant CTRL V au clavier. Enregistrez, le billet est revenu en mode visuel.. Vous devez voir apparaître le pedigree dont vous venez de copier le code dans la zone Contenu: Si c'est le cas, Bravo, vous venez en quelques clics d'intégrer le pedigree du chien dans le billet. Et les photos alors? Pour les photos, nous allons rester en mode visuel. Positionnez le curseur sous le titre du paragraphe Photos, là où elles devront être affichées quand la page sera en ligne. Cliquez sur Image externe dans le bandeau d'outils. Un champ de saisie vous permet de renseigner une url: Créer rapidement et facilement une page pour un chien Page 6 Collez-y celle correspondant à la 1ère photo: http://www.collie-online.com/pedigree/photos/charlie_brown_of_connemaras_highlands.jpg Vous l'avez récupérée dans la page qui affiche le code source du pedigree: Dès que vous aurez collé le code et validé par le bouton OK, la photo va s'afficher aussitôt dans le champ rédactionnel du billet. Faites quelques retour à la ligne sous la 1ère photo afin de ménager une zone vide entre les 2 photos (sinon elles seront collées). Et recommencez la même opération: cliquer sur Image externe dans le bandeau d'outils et copiez la seconde url http://www.collie-online.com/pedigree/photos/charlie_brown_of_connemaras_highlands_1.jpg Enregistrez, c'est terminé.! Mettez en ligne votre billet... Créer rapidement et facilement une page pour un chien Page 7 Vérifiez et admirez votre travail réalisé en quelques minutes seulement. Vous avez un lien en haut de votre billet (Voir ce billet sur le site) qui permet d'aller directement sur la page créée: La page est affichée. Tout est là..! Infos, résultats d'exposition ou texte spécifique, photos et le pedigree mis en forme avec chaque nom cliquable vers son pedigree qui sera affiché en popup. Créer rapidement et facilement une page pour un chien Page 8
