Le tuto de Gagea

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

Oui, par lien inactif c'est exactement ce que je voulais dire (un lien qui ne pointe sur aucune page, comme le lien Accueil ou le lien Contact). Merci Chinon, maintenant je saurai le faire.
J'ai rajouté target="_blank" aux 3 liens externes et personnellement je préfère. Tu me diras Fabrice ce que tu en penses toi-aussi.
Je me demande toujours pourquoi, sur cette page d'exercices, si on ne rajoute pas cet attribut quand, dans Firefox, on ferme l'onglet on retombe sur la page "plan du chapitre" et non pas sur la page des exercices. Mystère, c'est pourtant une page html comme une autre ?
"hacks" est pour moi un mot nouveau. Je vais me renseigner sur sa signification. Merci et à bientôt.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

J'en pense que tu fais un boulot formidable... donc it's fine for me!

Un hack (hacking , hacker), c'est faire un usage détourné de l'existant en bien ou en mal.

Dans le cas cité, IE ne voit pas les // comme commentaire, cela permet de lui faire voir du code que les vrais navigateurs ne verront pas. A utiliser avec très grande modération!

Code : Tout sélectionner

border: 1px dotted blue;
// border : 2px dashed red;  /* boite en rouge sur IE,  en bleu sur  vrais navigateurs */
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

Bonjour Fabrice,
Comme la grande image du résultat final obtenue par clic sur la vignette ne s'affichait pas correctement à tous les coups et que dans ce site imagehotel.net j'y ai vu des annonces un peu porno, j'ai récupéré cette grande image dans un de tes messages du forum, je l'ai placée dans le même dossier que la vignette et la feuille de style et je l'ai publiée. Tout va bien maintenant.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

:oops: hé ben, en v'la du propre...c'est le piège avec adblock, il nous cache tout cela! Surtout que d'habitude, en particulier sur le forum, je colle l'adresse directe vers l'image. Pour une fois que j'avais besoin de la vignette, j'ai cédé à la facilité en copiant leur code...et pan sur les doigts!

Sinon, as-tu trouvé le crime de "lèse-majesté" (forme et fond) qu'il y a dans mon code?
Un indice: en lisant la page, on peut le voir!
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

C'est peut-être la classe encadre. Tu aurais sans doute pu nommer cette classe .p_special (paragraphe spécial) car si un jour on ne veut plus que cette classe soit encadrée le nom p_special conviendra toujours.
En ce qui concerne les images d'un site je les ai toujours récupérées dans mon dossier de site et publiées avec les pages. C'est en lisant les messages du forum que j'ai appris qu'on pouvait faire autrement.
Il n'y a que pour le forum que je me sers d'un lien pointant vers un site qui héberge des images. Que faut-il penser de cette méthode pour les images d'un site ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Très bien, tu as gagné un bonhomme de neige qui t'attend au Markstein. Il est de première fraîcheur! :lol:

Pour les images d'un site web, elles doivent être intégrées à son site de préférence. Mais pour les images ponctuelles peuvent avoir des sources "moins contrôlés".
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

Fabrice.Tres.Net a écrit :Ce mini tuto permet de montrer et de se familiariser au css via webdevelopper et Firefox 8-)
Bonjour Fabrice et bonjour à tous,
Je n'ai pas trouvé, dans Cascades, le style : text-indent: 50px;
Où peut-on trouver des styles supplémentaires à ceux proposés dans Kompozer. Par exemple existe-t-il un style pour mettre une lettrine au début de chaque paragraphe ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Bonsoir Gagea;

A priori, avec Kascades, il faut ajouter directement la règle text-indent dans l'onglet général.

Pour la lettrine, il suffit de créer une règle de style pour la première lettre, par exemple pour un paragraphe p:first-letter, pour un titre h2:first-letter,...
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Bonjour Gagea,

à cette page: http://josar.free.fr/tutoKompozer/feuil ... o_css.html
"chapitre": comprendre les feuilles de styles
§ Mode opératoire
Pour lancer l'édition des css de webdevelopper sous Firefox, il suffit de taper <CTRL+E>, puis de modifier le contenu css.

il semble que ce soit <ctrl+maj+E> au lieu de <CTRL+E> par défaut, mais tu as peut être changer ce raccourci par le menu options de webdevelopper?
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

Bonjour Chinon
Cette page, c'est Fabrice qui l'a faite pour que je puisse l'inclure dans mon site. J'ai peut-être remplacé, dans son texte, Ctrl+Maj+E par Ctrl+E, si à l'époque, Ctrl+E chez moi fonctionnait et pas Ctrl+Maj+E.
Malheureusement, actuellement, aucun de ces 2 raccourcis ne fonctionne, sans que je sache pourquoi (je n'ai rien touché dans le menu Option de WebDev). Mais ce n'est pas grave puisque je peux accéder à l'édition des CSS par le menu. C'est pas trop long !
Je pense que le mieux sera de supprimer dans le texte de Fabrice, l'indication du raccourci. Chacun trouvera celui qui fonctionne chez lui, s'il y en a un qui fonctionne.
J'en profite pour demander à Fabrice, quand il en aura l'envie et la possibilité, de pondre le 2ème exercice dont il avait parlé pour les positionnements. Je n'ai pas encore la compétence pour le faire.
C'est bientôt l'époque des cadeaux. Merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Il peut y avoir un conflit avec ctrl+maj+E car c'est aussi le raccourci pour ouvrir la fenêtres des préférences d'adblock+, pour ceux qui l'ont installé.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Message par Gagea »

Ce n'est pas le cas pour moi. Je n'ai pas installé Adblock+ sur mon nouveau PC.
J'ai modifié le fichier de Fabrice. Chacun trouvera son raccourci pour Éditer les CSS.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Bonjour les amis,
Comme j'ai AdBlock sous Linux et Windobe et que j'utilise que les raccourci, je n'avais même pas fait attention que le menu donne le raccourci avec CTRL Maj E!

Concernant la démo sur le positionnement, je suis déçu par le côté "dynamique" qui n'est pas très parlant, du classique reste mieux.

Si j'ai un peu de temps j'essaierai de faire quelque chose, la difficulté étant de rester simple tout en donnant la bonne base.
Gagea
Iguane
Messages : 627
Inscription : 20 juil. 2008, 10:25

Tuto inaccessible

Message par Gagea »

Bonjour à tous,
Je viens d'avoir une réponse du service Assistance Free.
Cher utilisateur,
Vous n'accédez plus à votre page perso.
Votre page perso appartient à un serveur qui est actuellement en maintenance. Votre page devrait être à nouveau accessible sous peu.
Nous vous remercions de votre patience le temps de ce traitement.
Je reste à votre entière disposition pour toute information complémentaire et je vous souhaite une bonne après-midi.
Cordialement.
Mohssine, Service Mailer Free

Il faut donc patienter quelques jours.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
Un tuto pour débuter avec Kompozer : Initiation Internet : Kompozer et CSS
Un tuto d'exercices : Apprendre Kompozer
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Tuto inaccessible

Message par Ymai »

Gagea a écrit :patienter quelques jours.
Glups... :oops:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.5) Gecko/2008121621 Ubuntu/8.04 (hardy) Firefox/3.0.5
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités