Home

N|VU par ses utilisateurs, utilisatrices

Contents

1. gt L article suivant as peut tre un d but de r ponse ta demande Des PNG transparents m me pour IE gt Internet Explorer ne comprend pas la transparence appliqu e dans des images PNG C est une lacune de ce navigateur gt Je suppose que tu utilises le format png libre La solution la plus simple consiste utiliser le format gif propriaitaire mais ceci implique une perte de qualit le format gif ne g re que 256 couleurs gt Une autre solution consite patcher IE l aide d un script java sur ton site The PNG problem in Windows Internet Explorer gt Note il existe une solution simple et plut t efficace Le fichier iepngfix htc par Angus Turnbull IE5 5 PNG Alpha Fix v1 0 by Angus Turnbull http www twinhelix com Maintenance V rification de la validit des hyperliens e Jusqu pr sent pour un contr le de l ensemble des liens j utilisais le site du web design group Mais mon site a beaucoup grandi et comporte maintenant beaucoup de liens et je d passe les capacit s de ce site Quelqu un aurait il une autre astuce gt Le W3C propose un service appel Link Checker pour valider les liens contenus sur un site web Ce service est aussi disponible sous Firefox via l extension Web Developer gt Plus le site est grand plus il y a des liens plus ce service mettra du temps pour la validation D un autre c t ce n est pas une op ration qu il faut r p ter en co
2. Dans la s rie Les tutoriels libres pr sent s par le site FRAMASOFT NIVU par ses utilisateurs utilisatrices ze n tutoriel Suppl ment de No l Logiciel Nvu Auteur s Lindows Inc Plateformetls Linux Windows Mac Version 1 Licence mpl gpl lgpi Site http nvu com Par Les utilisateurs utilisatrices de Nvu assembl par jean marc juin fun sun D cembre 2005 Framasoft Partir de Windows pour d couvrir le libre http www framasoft net Tutoriel Framasoft Table des mati res 1 1 N vu par ses utilisateurs utiliSsatriC eS coocoooooooooooooooooooooooouoonnoounonannnnnnunnnnnnus 4 Nvu G n ralit s cici ciiiiciiiccciicciiiccciicccicccciccciccccicccciccccincncincnincnnasnennannennnnnanennnnnnannenennnnnnnnnns 4 LINE pre ee EEEREN ARANA RARA AA CAUNA AE cA An AAC ARAN ERR AAA ART REA h Rire 4 Vorone Ge E UE S i S e E E e EA E ee e EA Y A e u e A E X E EE A EEE 5 Le Tonctonnement de INVUES nan R E AR aE 5 SUES CIEES AVEC NN ete de Dee eo et do te 5 EE COde AN 2220264506030404 A E E E bea 5 Grands d butants les bonnes adresSEeSs ccccccccccciiiiiiiiiiiiiiiiiciiiciiiiccciiiiiiccccccicccccccnicicccccnnicicnccnnanencnennnnanennnnnenea 5 Qu est ce que c est ae a en D a ee D 6 Un texie une photo puis qu TEXTO ccna aaa Ea EE EESE Aa aa 7 Dimensions dune page WeD 20224ic2ce290025bicpcesiitaacicn025040 hecto
3. Changer les couleurs de fond et de bordure e J utilise Nvu J ai envie de faire un site avec un kit graphique Un webmaster m a autoris utiliser la trame d un de ses kits graphiques seulement j aimerais changer la couleur de fond des tableaux Pour mettre une texture et le style des bordures gt Tout simple l aide de l diteur CSS Il suffit de d finir ou modifier la d finition pour lt table gt et ou lt td gt voire lt tr gt Si tu ne ma trises pas encore tout fait l diteur CSS je puis proposer http info sio2 be NVU 2 10 php Http www framasoft net 22 55 Tutoriel Framasoft S lectionner Supprimer la balise Modifier la balise Code HTML Styles internes Propri t s du texte Mod les r Propri t s des bordures IL Propri t s du Fond Classes Propri t s de la boite Propri t s avanc es Propri t s audio EEE ESC SE CESSE Illustration 15 modifier le propri t s de fond du tableau S lectionner Supprimer la balise Modifier la balise Code HTML Styles internes Propri t s du texte Mod les Propri t s des bordures IL Propri t s du fond tal ro Classes Propri t s de la boite Fropri t s avanc es Propri t s audio lt table gt Re Illustration 16 modifier les propri t s de bordures du tableau Les images Miniatures et liens e Tu as une petite image imagel et tu veux que quand l utilisateur clique dessus a l envoie ve
4. Il faut avoir en t te que le site que vous cr ez sur votre disque dur devra tre reproduit en entier sur le serveur de publication nous verrons plus bas de quoi il s agit Autrement dit l arborescence compl te de votre site devra y tre reproduite telle quelle Exemple mon site dossier mes images fichier pg Http www framasoft net 45 55 Tutoriel Framasoft fichier2 pg tmes pages html fichier html fichier2 html Mon mes repr sentent des dossiers fichiers les fichiers logique l arborescence c est donc l ensemble des fichiers et des dossiers dont le dossier racine est mon site C est tout cela qu il faudra reproduire pour la publication de votre site chez un fournisseur d acc s Sinon cela ne fonctionnera pas Votre disque dur et votre site internet sont deux choses diff rentes sachant que dans certains cas je les ai redimensionn es en utilisant NVU gt Le redimensionnement de l image avec Nvu ne modifie pas le poids de l image originale Il vaut mieux retravailler avec un diteur d images appropri comme gimp pour retravailler vos images e De plus ce dossier sera t il accessible par hasard des internautes ou est il en quelque sorte mis part comme un dossier de r f rence gt Non Votre fournisseur d acc s vous offre un espace personnel prot g le serveur de publication par un mot de passe donc seuls les administrateurs du site
5. votre fond de page rose est d fini sur une hauteur de 521px votre contenu est plus long donc vous aurez une partie non colori e qui correspond au blanc observ Je vous propose de ne pas d finir une hauteur de page C est la meilleure solution Vous pouvez mettre une couleur de fond de page qui n a rien voir avec la hauteur de la page mais s adaptera en fonction du contenu M ta tags e Bonjour Je viens de finir un site avec Nvu la mise en page a t tr s facile mais je rencontre un probl me de meta tag Je voudrais ajouter toutes les pages des meta tag pour le r f rencement avec Nvu j ai le titre et la description automatiquement mais je ne sais pas comment ajouter des mots cl s lorsque je passe par un site qui cr e les meta un fois que je les mets dans Nvu plus rien ma page a des erreurs Merci de m clairer sur le probl me gt Vous pouvez ventuellement lire le tutoriel Nvu modulaire o est d taill e l utilisation de HTMLheader qui vous permettra de travailler avec l ent te des pages HTML plus facilement Je vous conseille la version 0 01 qui fonctionne mieux que la version 0 03 actuelle a Add a META 7 TITLE a META B Ef Base Comment Ep Title Meta properties M Link pi i H style EIRE gt gt gt ISN Language Direction content Ceci est une page d essai QK Annuler Illustration 6 Ins rer des meta tags suppl mentaires Http www framasoft net 1
6. 1 http equiv eontent type gt lt title lt title lt fhead lt hbhody gt lt h3 gt Qu est ce que le code lt fh3 fhody z lt fhtmL Illustration 2 Interface mode source Un texte une photo puis du texte e Je d bute en informatique je n y comprend pas grand chose par contre je souhaite cr er un site pour l association dont je suis le tr sorier j ai Http www framasoft net 7155 Tutoriel Framasoft t l charger Nvu derni re version quand j ouvre une page il ne m est pas possible ou du moins je ne trouve pas la solution pour faire cohabiter sur une m me ligne Un texte sa droite une photo puis encore du texte gt Pour r soudre le probl me lorsque vous ins rez une image je suppose que vous poss dez la version fran aise du programme Apr s avoir indiquer le chemin de votre image cliquez sur l onglet Apparence puis portez votre regard vers Placement du texte d roulez le menu et l vous pourrez choisir l emplacement de votre texte par rapport l image gauche droite en bas en haut au centre gt Bonjour Un seul petit conseil Avant de vous lancer dans la cr ation d un site via NVU je pense qu il serait utile d apprendre les rudiments du langage HTML Il existe des tutoriaux tr s bien faits sur le net par exemple sur http www allhtml fr Je pense que cela pourrait grandement vous aider comprendre le fonctionnement d un site ainsi que de
7. 1 0 finale Voil maintenant tu sauras pourquoi PR ou RC Le fonctionnement de Nvu e Dans le forum Geckozone j ai bien aim la discussion sur fonctionnement de Nvu A lire Sites cr s avec Nvu Bonjour Pouvez vous me donner des adresses de site creer avec le logiciel NVU pour me rendre compte de ce que l on peut faire avec Merci gt R pertoire de sites cr s avec NVU Le code HTML Grands d butants les bonnes adresses Je n arrive pas importer un texte sur un fond image et quand j y arrive je ne suis pas s r d avoir bien fait car je n arrive pas manipuler le texte pour le formater par rapport au fond qui peut m aider grand merci d avance Vivement qu il existe un tuto pour wysiwyg et pour les nuls comme Http www framasoft net 5 55 Tutoriel Framasoft moi gt En ce qui concerne les tutos est ce que celui ci peut vous aider Initiation progressive au logiciel NVU pour d butants Bonjour je souhaiterai int grer des infobulles sur des images mais aussi des liens Je ne trouve pas comment faire sur NVU gt Je vous donne l adresse de Goofy un des correcteurs du tuto sur nvu qui a crit un tuto sur le surjet Tutoriel pour annoter un texte en infobulles e Bonjour Nous proposons une documentation quelques exemples sur l utilisation de Gimp et NVU images dans une page perso pour les utilisateurs d butants Lien http www aljacom com qg
8. NVU qui est un tr s bon logiciel Je dis a par exp rience J enseigne la cr ation des sites aupr s d tudiants Bon courage Et en cas de soucis n h sitez pas utiliser les forums e Solution possible 1 avec dtd de transition s lectionn e au moment de l insertion de l image Propriet s de Mae o P nny aligu ltr fabulas mel ex ced admoc un detra odus deterr ta Te is fi Espacement A te est auten gauche et droite l pixels nocrituim te En haut et en bas pixels En haut quatos ad ti Bordure l pixels AU centre iderint ut En bas olestiae mat gauche droite Aper u de l image Taille r elle Largeur 00 Hauteur 300 Edition avanc e OK Annuler Aide Illustration 3 Image et texte avec dtd de transition Solution possible 2 avec dtd stricte 2 tapes Http www framasoft net 8 55 CFE definition utinam opt scripta Te detraxit e1 placerat c lt cu Fer lor Normal E lt body gt lt img gt S lectionner Supprimer la balise Modifier la balise Code HTML Styles internes Mod les I Classes Propri t s avanc es Tutoriel Framasoft ttr fabulas mel ex Sed admodum detra o nec ut posse reformidans Nonummy odus deterruisset Cum te diam persec hendunt vocent aliquip nonummy per el diam quidam te at cum stet conver Propri t s du texte Propri t s des bordures Propri t s du fond P
9. Si votre image est raccordable il faudra jouer sur les valeurs r p tition horizontale verticale Pour que l image soit fixe ind finiment d cocher la case l image d file avec la page gt Note Pour l insertion se reporter l illustration 15 Pour que l image se r p te ind finiment voir le dialogue ci dessous Http www framasoft net 29 55 Tutoriel Framasoft Couleur m Gpacit A D C transparent Image ae chic moquette _Z bmp Parcourir R p tition Horizontalement et verticalement F L image d file avec la page Position Gauche Centrer Droite Haut Centrer Bas Annuler Aide Illustration 21 image texture r p t e l infini Attribuer des propri t s de style une image Je souhaite utiliser Nvu pour d velopper un site Web j ai d j exp riment Web Creator 2 5 et Site web light 3 mais je souhaite promouvoir l open source et j ai un soucis Comment ins rer des images sur un mod le de page de Nvu ou une page d ailleurs et la positionner librement sans avoir la placer comme un caract re qui se met dans du texte gt IL y a un truc simple pour positionner l image l o bon vous semble dans une page C est attribuer des propri t s de style la balise image Il suffit d ouvrir l diteur Css dans le menu Outils puis de cr er une feuille de style et ensuite ins rer img qui correspond la bal
10. ailleurs un des mainteneurs du composer le tout est sous tri licence MPL GPL LGPL comme tout les produits issue de la Mozilla foundation D ailleurs Nvu se base sur le composer de Mozilla et il est pr vu que le code de Nvu soit r int gr dans le CVS de Mozilla Donc il n y a pas de quoi s inqui ter au sujet du fait que Nvu soit Http www framasoft net 4 55 Tutoriel Framasoft libre Par contre la licence MPL pourrait permettre un fork proprio comme netscape par exemple linspire pourrait ajouter des extensions non libres mais le code original restera sous GPL donc libre Versions de Nvu PR e Nouvelle version dispo 1 0 PR mais pourquoi PR pourquoi pourquoi gt PR signifie preview Release ou tr s approximativement avant version Ce n est pas la 1 0 finale elle sert de test les testeurs rapportent tous les bugs qu ils trouvent ceux ci sont corrig s et si Daniel Glazman veut faire un ultime test apr s avoir corrig ces bugs si en les corrigeant il n en a pas cr ou si un ou deux ont chapp la vigilance des testeurs il sortira peut tre une 1 0 RC ou Release Candidate soit version candidate avant de sortir la 1 0 finale qui dois tre en th orie exempte de tout bug d o ces tests pointilleux Voil c est un syst me assez habituel de versions regardes Firefox par exemple les d veloppeurs ont sorti deux Preview Release puis deux Release Candidate avant de sortir la
11. des niveaux utilisateurs des renvois en zone en fonction de types utilisateurs etc mais a marche Formulaires Cr ation de formulaires Bonjour Je voudrais faire un formulaire genre bon de commande ou devis ou contactez moi dans une page et que ce formulaire arrive sur ma messagerie quand un visiteur l aura remplie et cliquer sur un bouton envoyer comment faire dans Nvu si quelqu un peut m aider Merci gt Il faut pour cela faire un formulaire o dans le champ action tu Http www framasoft net 53 55 Tutoriel Framasoft mette une page crite dans un langage de script Ce langage est bien souvent du php cool c est libre et gratuit ou de l asp beurk c est pas libre et payant Et c est dans cette page que tu vas r cup rer les champ de ton formulaire l aide du langage de script et envoyer tout a sur ton adresse Dis nous quel langage tu choisis et on pourra s rement t aider gt ventuellement un coup d oeil sur ce bel exemple http mammouthland free fr cours css cours6 ph gt un petit lien Gestion de formulaires envoi et scripts e Bonjour tous Ma question va sans doute para tre un peu stupide beaucoup Je viens de cr er un formulaire avec NVU c est assez facile vrai dire Mais comment faire pour que le bouton validation que J ai cr la fin envoie bien le contenu du formulaire vers mon adresse mail Merci de votre aide gt Ce n e
12. e J ai plac une image en fond d cran Petit soucis sur Nvu elle appara t sous forme de mosa que idem sur Firefox Mais pas sous IE Comment faire pour que mon site ait la m me apparence quelque soit le navigateur utilis Pourquoi appara t elle sous forme de mosa que sur NVU gt Note voir aussi l illustration ci dessus gt un petit no repeat dans les css suffirait Ex body background macouleurdefond url monimage png no repeat center center fixed si tu ne veux pas centrer le background tu peux mettre les dimensions Http www framasoft net 37 55 Tutoriel Framasoft en pixels ou pourcentage horizontal vertical Ex 70 200px Bords arrondis e je suis nouveau dans la concept Web et je cherche avoir des bords arrondis sur mes box mais impossible d y arriver Comment faire Merci gt Ce n est pas tout fait l endroit pour ce genre de question les forums d Alsacr ations seraient plus adapt s par exemple mais je r pond vite fait solution bateau tableau 9 cellules si largeur du bloc central dynamique ou trois divs si largeur du bloc central fixe avec des images de fond pour chaque pas glop l attribut moz border radius par exemple dans cette page de framasoft il doit y avoir un moz norder radius 6px m thode conforme aux sp cifications CSS qui autorisent les diteurs de logiciel cr er des fonctionnalit s pour en tester l
13. faire en php en perl etc En cherchant sur internet tu trouveras des scripts gratuits copier coller dans ton html Sinon en voici une base qui pourra t aider et qui est ins rer dans ton code html dans body en appelant le php par lt puis la fin du script en le fermant par gt Premi re tape vous cr ez un formulaire Question L arc cosinus c est une herbe aromatique A mettre entre balises form et form form name formulaire method post action lt PHP SELF gt gt input type radio name choix value oui gt oui input type radio name choix value non gt non input type radio name choix value pas gt ne sait pas Http www framasoft net 47 55 Tutoriel Framasoft input type submit value Validez votre r ponse gt form Jusque l tout ce qu il y a de plus classique exception faite des caract res presque cun iformes lt PHP SELF gt qui sont tout simplement une r f rence au script PhP plus bas Deuxi me tape vous cr ez 3 fichiers texte C est quoi un fichier texte Ouvrez votre bloc notes choisissez Nouveau tapez le chiffre 0 ou rien du tout enregistrez ce fichier avec l extension txt Fa tes ceci 3 fois le premier sera nomm oui txt le deuxi me non txt et le troisi me pas txt Troisi me tape vous recopiez et placez dans la page HTML qui contient d j votre formulaire ce code PhP que j ai simplifi et d c
14. html sans la r gle lt a href mapagel html gt Mon lien lt a gt a text decoration none Avec la r gle CSS pour changer le style du lien lt a href mapagel html gt Mon lien lt a gt gt Dans la barre d tat de Nlvu donc tout en bas de ta fen tre apparaissent toutes tes balises HTML S lectionne ton texte soulign parce que muni d un lien une balise va alors passer en gras Fais donc un clic droit sur cette balise et s lectionnes Style interne gt Propri t du texte Dans la fen tre qui s ouvre choisi la d coration du texte qui te convient par exemple normal si tu ne veux plus du soulignement g n ralement associ au lien HTML S lectionner Supprimer la balise Modifier la balise Code HTML Styles internes Modeles Propri t s des bordures ID Propri t s du fond Normal r Classes Propri t s de la boite Propri t s avanc es Propri t s audio lt body gt lt a gt Fxtraire et cr er in shele n n rinne Illustration 11 enlever soulignement lien 1 Http www framasoft net 18 55 Tutoriel Framasoft Text properties Couleur paisseur de la police Mon d finite Style Mon d finie Casse du texte Mon d finie GER Alignement Mon d finie D coration du Texte KI D Ligne au dessus Barr Soulign Clignotant whisky au juge blond qui fume Cr er un ok Annuler ai
15. image sur fond noir Est possible ou dois je surdimensionner l image pour tre s re qu on ne voit pas les r p titions L autre probl me est que lorsque je fais des corrections sur les blocs par le menu styles internes genre largeur minimum que je transf re sur le site je retrouve bien mes correction si Je vais sur le site par safari je suis sur mac donc mais elles sont ignor es si j y vais avec internet explorer Si je mets ces corrections via une css j ai le m me probl me Que dois je faire Merci gt Pour le 2e PB si j ai bien compris la question Vider la m moire cache dans pr f rences puis quitter et relancer internet explorer J ai vid la m moire cach de IE mais cela ne change rien Par ailleurs je sais que ce probl me n est pas propre mon IE mais se retrouve sur d autres ordinateurs qui naviguent avec IE donc je voudrai une solution qui me permette de retrouver mes correction sur n importe quel IE Par contre pour le premier probl me j ai trouv qu en collant l image dans le bloc div avec les styles internes propri t de fond puis en allant modifier l adresse dans le code source en changeant l adresse absolue en url adresse relative ne pas oublier les parenth ses cela marche et je pouvais avoir une image fixe sans r p tition en fond avec en dessous un fond noir en cas de grand cran Je cherche toujours r soudre le probl me de la prise en compte de mes corr
16. la r ponse est appuy e par une capture d cran de Nvu Toutefois il se peut que la r ponse en image diff re l g rement de la r ponse crite Ce qui est plut t normal La r ponse en ligne n est pas la m me qu une r ponse tudi e t te repos e pendant la pr paration du document Le but de ce tutoriel est de cr er une sorte de m mento de guide de l utili sateur de l utilisatrice mis N v u par ses utilisateurs utilisatrices m mes En quelque sorte un document de travail d o son aspect un peu brouillon volontaire Ce petit guide est un compl ment indispensable tout tutoriel Il se peut que j ai oubli une intervention importante veuillez m en excuser De m me tous les messages post s ne sont pas repris dans leur int gralit et je n ai pas mention n les noms des intervenants intervenantes La mise en page est plut t sobre Pages enregistr es au 19 12 05 AU passage merci vous tous vous toutes Nvu Gene ralites Linspire et la licence Quelqu un peut il m expliquer Nvu est libre alors qu il est issu d une distribution propri taire Linspire L un est encourag et je le comprends je suis d ailleurs de tr s pr s son volution alors que l autre est controvers http www framasoft net article2231 html gt Linspire ne fait que sponsoriser Nvu qui est developp par Disruptive Innovations la soci t de Daniel Glazmann un ancien de Netscape c est d
17. pas d couverte de NVu Construire sa premi re page web si vous d butez et ne savez pas comment faire Et le mien ici m me avoir quelques un minimum de connaissances pour approfondir e la cr ation d une nouvelle page ma page s affiche avec une taille de 1233 px en largeur pleine largeur et 0 z ro px en hauteur J tends la dimension en hauteur jusqu 521 px pour voir la totalit de ma page gt Pourquoi faire cela alors que la hauteur de la page est calcul e automatiquement en fonction de ce que vous mettez dedans Si par exemple je mets un fond de page de couleur rose et qu ensuite je fasse des insertions d image et ou du texte etc j arrive d passer 521 px en hauteur et l en bas d cran j ai du blanc qui vient s afficher en compl ment de mon fond de page rose gt M me logique Vous pouvez d finir une couleur pour le fond de la page ce qui n a rien voir avec ce que mettez dedans L aussi l adaptation est automatis e Je suppose que l explication est que la page un dimensionnement et que par mes textes et insertions je d passe la taille requise Quelle est cette taille gt Effectivement si vous d finissez une hauteur fix e 521px et que ce que Http www framasoft net 10 55 Tutoriel Framasoft vous mettez dedans est plus grand que 521px forc ment cela d passera et cr era un espace plus long que pr vu En conclusion
18. 0 0 0 puis j indique l adresse de l image url monimage pg puis Je ne veux pas de r p tition no repeat Exemple 2 Il y a un dossier g n ral nomm monsite puis l int rieur un dossier IMAGES un autre pour les fichiers CSS La solution est tout aussi simple La page HTML se situe dans le dossier monsite l adresse sera lt img src IMAGES mon image jpg gt gt Pour un fichier CSS qui se trouve l int rieur du dossier CSS Il faudra sortir du dossier CSS puis aller dans le dossier IMAGES body background rgb 0 0 0 url IMAGES monimage jpg no repeat Vous trouverez une description plus d taill e des adresses relatives dans le tuto NVU zen tutoriel que vous trouverez sur ce site gt note Ins rer une image avec sur fond noir Http www framasoft net 36 55 Tutoriel Framasoft Con To CS LJ Background properties Couleur LJ Gpacit transparent R p tition Pas de r p tition L image d file avec la page Position C Centrer Droite Haut Centrer C Bas Annuler S lectionner Supprimer la balise Modifier la balise Code HTML Styles internes Propri t s du texte Mod les Propri t s des bordures ID Propri t s du fond Horn Classes Propri t s de la boite q Propri t s avanc es Propri t s audio lt body gt m j F ue Extraire et cr er un style g n rique Illustration 22 Ins rer une image sur fond noir
19. 1 55 Tutoriel Framasoft Se rep rer dans le code modes normal et source Bonjour a tous Je vais essayer d tre le plus clair possible dans ma question Lorsque je suis en mode normal et que je passe en mode source je passe un temps fou a retrouver ma ligne n y a t il pas un moyen pour que en mode normal soit afficher le num ro des lignes comme en mode source Merci beaucoup car s il y a un moyen je vais gagner des heures de recherche gt Deux trucs simples Pourquoi ne pas ins rer des lignes de commentaires Elles n apparaissent pas en mode normal mais en mode source si et favorisent un rep rage visuel plus simple tant en mode normal qu en mode source _ Il m arrive aussi d utiliser la recherche touches ctrl f dans la page source en inscrivant l occurrence ou le mot expression retrouver Les mod les ou template e bonjour j ai 14 ans et je me d brouille pas mal en informatique mais bon je ne suis pas parfait et je cherche un moyen d installer un template sur gt Tout d pend de ce que vous souhaitez faire Vous pouvez cr er un mod le ou template avec Nvu par exemple Si j ai bien compris vous souhaitez r cup rer un mod le sur le net et le retravailler pour l adapter votre site Normalement il ne devrait pas y avoir de probl mes si l extension du fichier est htm ou html Les mod les lus et compris par NVU ont l extension mzt Si le template n a pas la bonne extension il faudr
20. ILLA FIVE HOME Firefox url puis ditez votre nvu xxx defaut pref js et y rajouter les lignes user pref network protocol handler app http path to the shell script user pref network protocol handler app https path to the shell script user pref network protocol handler app ftp path to the shell script user pref network protocol handler app file path to the shell script Test et approuv Tsly de Linux Pour Les Nuls Http www framasoft net 42 55 Tutoriel Framasoft Lancer plusieurs navigateurs avec Nvu Faut il obligatoirement avoir Mozilla comme navigateur pour cr er son site avec nvu Ainsi que firefox thunderbird et chepaquoi encore ou bien peut on garder IE ou les deux gt Nvu est bas sur le moteur de rendu HTML gecko et s appuie plus particuli rement sur la version de gecko pour firefox Le rendu obtenu avec NVU n a pas besoin en toute logique d tre v rifi sous Mozilla Firefox Ils fonctionnent avec le m me moteur de rendu que NVU En ce qui concerne IE il vaut mieux l avoir parce que le moteur de rendu MSHTML n est pas le m me donc il peut y avoir des variations dans le rendu Je vous propose d installer l extension launchy qui r cup rera automatiquement tous les navigateurs sur votre pc vous pourrez ainsi tester votre travail dans le navigateur de votre choix partir de NVU Vous n avez pas besoin de Thunderbird qui est un logiciel de messageri
21. Tr s bien fait et simple d approche Pour des exemples de bouton une seule adresse openclipart des tonnes de clipart gratuit et libre de droits donc vous pouvez en faire ce que vous voulez IL y a plusieurs s ries de boutons pr fabriqu s De plus si vous poss dez un programme qui lit le format svg comme sodipodi par exemple c est un plus car certains des auteurs ont directement cr des lots en mode svg notamment pour des boutons web plut t pratique Il suffira simplement de d grouper le lot avec sodipodi pour r cup rer chaque bouton Sinon vous trouverez tout ce qu il vous faut au format png pr t l emploi Diff rence entre png et svg Avec le format svg quelle que soit la taille du dessin l image est toujours la m me uniquement des coordonn es math matiques si je ne me trompe pas tandis qu avec les formats clasiques png jpg gif le dessin tant une s rie de pixels plus ou moins remplis il y aura des diff rences suivant la taille C est pour cela que chaque clipart d openclipart existe dans les deux formats le svg tant le plus pratique bien entendu Possibilit de retravailler compl tement le dessin Donc utiliser sans mod ration Le multim dia Ins rer une animation e J aimerais ins rer une animation dans ma page web Quels logiciels sont Http www framasoft net 31 55 Tutoriel Framasoft compatibles avec Nvu Je ne trouve pas de possibilit avec Flash mais il y en a peut t
22. VU et j avoue que je ne m y retrouve pas pour les feuilles de style Est ce que vous pouvez me fournir une piste pour avancer dans mon projet svp Merci Je suis moi m me grand d butant mais je trouve ces deux sites particuli rement utiles clairs et d taill s Alsacr ations et Openweb gt Peut tre ceci http info sio2 be NVU 2 m me si cela fait un peu publicit Peut tre cela vulgarisera t il un peu les choses avant de replonger dans l excellent tutoriel mentionn et d aller nettement plus loin Mais il n y aura pas de miracle le code produit par Frontpage est vraiment particulier gt Bonsoir aux Habitants de la Belle Province Les feuilles de styles ne sont pas la seule possibilit d optimiser le code et permettre la mise jour d un site en se passant des cadres La fonction Include sous PHP peut permettre des r sultats assez similaires comme cela est rappel ici sur l excellent site d Alsacr ations L on peut consulter ce petit article pour un exemple concret de mise en page avec Include Mais si PHP n est pas disponible sur le serveur qui h berge le site les feuilles de style permettront aussi de se passer de cadre et m me des tableaux comme expliqu dans ce _ tuto PS Un autre site accessible aux d butants CSS c est Mamouthland le pays ou l ducation est moins ch re Menu dynamique en CSS e Je souhaiterais int grer un menu dynamique mon site local mais je ne sais pas comment
23. a bidouiller un peu et remplacer l extension non comprise par NVU par html par exemple Ayez bien conscience que cela peut cr er quelques probl mes de lecture Si vous vous y connaissez un peu v rifiez la source de votre template s il n y a que des balises HTML il ne devrait pas y avoir trop de probl mes sinon rep rer les balises non conformes Les probl mes viendront d elles Faites une copie du fichier enlevez ces balises non conformes sur la copie sauf si ce sont des scripts du type javascript ou des balises php et regardez comment le mod le se comporte ensuite Quant frontpage je ne connais pas ce programme Http www framasoft net 12 55 Tutoriel Framasoft Z F cd al els Moreau WF iF Enregistrer Publier Mawigateur Lien Document dans un nouvel onglet Document dans une nouvelle Fen tre Plus d options Ouvrir une page Web Quel type de Fichier souhaitez vous cr er 7 CO Document vide cr er un document XHTML _ OTO stricte Nouveau document utilisant un mod le Entrez l adresse Web URL ou le mod le local que vous souhaitez ouvrir Parcourir QQ Mod le vide Cr er dans Un nouvel onglet E Quwrir Annuler Illustration 7 Ins rer ou cr er un mod le template je cr e un mod le avec Nvu Il me satisfait Je cr e des pages partir de ce mod le Mais si par exemple je rajoute une page sur le mod le qu il n y avait pas sur les autres pages est ce qu
24. a pertinence du moment que l attribut est pr c d d un nomdel diteur par contre a ne marche qu avec les navigateurs de la suite mozilla le cadre aura des coins droits sous IE ou Safari Faire un roll over e NVu permet il de faire du rollover et du changement d image lors d un click sur le lien pour les boutons d une page gt Bonjour NVU g rant tout fait bien les CSS il n y a aucun probl me pour g rer ce genre de techniques Exemple http css alsacreations com Tutoriels et articles divers roll over css image unique Images maps avec CSS Bonjour est il possible de cr er des images map avec NVU J aimerais qu un clic sur diff rentes parties d une image me permette de me diriger vers d autres fichiers du site Si ce n est pas possible quelle m thode me conseillez vous Gimp gt Pour cela il y a un tutoriel int ressant sur alsacr ations Http www framasoft net 38 55 Tutoriel Framasoft Transparence images PNG et Internet Explorer J ai eu beau chercher dans tous lesmessages je n ai pas trouv de r ponse ma question lorque j ai une image de fond sur laquelle j applique une certaine transparence a ne marche pas avec IE Avec IE ma couleur de fond appara t compl tement alors qu avec mozilla par exemple j ai bien la transparence souhait Help Quelqu un a t il la solution mon probl me pour pouvoir visualiser correctement mes pages sous IE
25. a solution revient modifier la r solution de l cran Si vous tes en 800x600 passez en 1024x768 G n ralement le Http www framasoft net 44 55 Tutoriel Framasoft probl me se r gle de lui m me Transferts de Fichiers Probl mes et solutions La fameuse erreur 530 Bonjour Avec NVU depuis quelque temps le transfert de fichiers sur mon site par le bouton ou la fonction publier choue surtout lorsqu il s agit de transf rer des images Il est alors affich 530 Sorry the maximum number of clients 2 for this user are already connected Ces m mes fichiers se chargeaient auparavant sans probl me Que puis je faire pour retrouver la fonctionnalit normale de publication Merci gt d j eu mais j ai trouv une parade l enregistrer sous s il n y a pas de xhtml 2 Publier ou publier sous en v rifiant bien le chemin d acc s de la publication Cependant je travaille toujours sur Nvu mais je n enregistre plus rien je publie uniquement sinon c est vrai que lorsque l on ouvre un fichier il rame pour les photos gt Note une erreur de Nvu ou du fournisseur d acc s Transfert disque dur vers le fournisseur d acc s Je suis en train de cr er un site avec NVU 1 0 J ai plac mes images dans un dossier sp cifique sur mon disque Je voudrais savoir s il suffit simplement que je publie ce dossier sur le web pour qu elles apparaissent correctement sur mon site gt
26. age ind pendantes pour chaque balise HTML est bien plus souple qu un jeu de cadres me semble t il C est une question d opinion de choix et d accessibilit Les liens Ouvrir un lien dans une nouvelle page Euh Suis pas s re d tre au bon endroit Excusez moi d avance si je d range P Question je souhaite qu un lien s ouvre dans une nouvelle fen tre et pas dans la fen tre active comment dois je faire Merci 11111111 D gt ahref http www adobe fr products acrobat readstep2 html target blank o target blank est une cible qui n existe pas dans Http www framasoft net 14 55 Tutoriel Framasoft ton arborescence Au fait tu peux appeler toto ou machinchose comme cette liaison n existe pas le navigateur va ouvrir une nouvelle fen tre gt J ai finalement trouv dition avanc gt onglet attributs html gt target comme attribut et blank par d faut comme valeur Tr s content Tr s content Tr s content e Forcer un lien s ouvrir dans une nouvelle fen tre Bonjour Tout est dans le titre J ai le m me probl me pour les liens textes comme pour les liens images Merci d avance gt de m moire si je ne m abuse Dans les propri t s avanc es du lien HTML 1 Taper target dans le formulaire de gauche 2 taper blank dans celui de droite il s affiche automatiquement pense 3 Valider et voil Http www fra
27. aire con code strip tags trim HTTP POST VARS con code 1 con pass md5 strip tags trim S SHTTP POST VARS con pass if S validpwd Contr le du mot de passe Sconn mysql connect DBHOST DBUSER DBPASS mysql select db DBNAME rech SELECT FROM TBPW WHERE login con code rs mysql query rech or die mysql error if row mysql fetch array rs extract row if pass con pass SHTTP_SESSION VARS etat log connecte HTTP SESSION VARS code log login mysql free result rs mysql close conn 51 55 Http www framasoft net Tutoriel Framasoft if validpwd if SHTTP SESSION VARS etat log connecte header Location i page prot g e il gt lt DOCTYPE HTML PUBLIC W3C DTD HTML 4 01 Transitional EN http www w3 org TR html4 loose dtd gt lt html gt lt head gt lt meta http equiv Content Type content text html charset iso 8859 1 gt lt title gt Connexion lt title gt lt head gt lt body gt lt form action login php method post gt lt div align center gt lt div gt lt table width 366 border 0 align center gt lt tr bgcolor FF0000 gt lt td colspan 2 gt lt div align center gt Connexion lt div gt lt td gt lt tr gt lt tr gt lt td gt amp nbsp lt td gt lt td gt amp nbsp lt td gt lt tr gt lt tr bgcolo
28. cccccnnenencccennnancnnnnnenencccnnnnnnees 25 Cr er un lien image qui ouvre une nouvelle fen tre ssssssiiesssseeeereeeeeereeeeeeeeneneseeeeeneenees 26 IMAGES E EE EE e EE A E E ea a en ae tie a EE ne lattes AA 27 Images et fen tres pop UP hdtes esmetensenr san descase semer ane none as teen ne denses ten ecetenms ee ice manette cec nn tele nas 29 Images el cellul s d un DIS a anses sans Eaa E caserne nr er parko Ear EA A T AEAEE SONE ques ca 29 Attribuer des propri t s de style une image iii rrrnneseerenneseereenessereenessnnes 30 CS OS AE 22702 E 100022027 0002 E 2 A0 E61 4 2102201009621070 31 BIDOU OL CASSER ee se D ec ee M D ne 31 ES ROIS EEE RO AE 3 0052274 20200 E E10 001 E A SA 2100 REE 2404 31 ins rer Vne AIO e ieni i a A E a d N Nel 31 SSSR E E E EEEE 32 Inserer de la 0 0 2e RS 32 SE A E ERA AE A A E E E A AE A PEE P ER T 32 IS SSP SOA ee D a 32 MR a a a E in 33 Passer de frontpage frame Nvu style CSS iieeessseereneeneneseeeeeneenneeeeeeenenenneseeeennennes 33 Ment doynamique En OSS E ia r EE EER a EA a E AE EER E AT E a te eine tai ete cases lee A cn e A dense 2A daa VAR 34 Image en fond de page ou background image sise 34 SOS ATOS 2900 2A20 10022 REAL 200 EN RDO 1070 38 Fare UA vol OVET saai REA AEE EEEE E EEA ARIA AAS NEEE EERE EEE ERRAR RAE mn 38 images maps av c COSsen a 2602000 E EE A E E A R ENARTAR ARCAS Nanci 38 Transparence images PNG et Internet Explorer sisi iiiiisiiii
29. connaissant le mot de passe pourront acc der ce dossier Sinon c est le navigateur qui se connecte sur votre site qui se charge de lire ce qu il y a sur votre site en lecture seule uniquement donc aucune modification n est possible Supprimer des pages du site bonjour pourriez vous me venir en aide voici mon probl me je n arrive pas a supprimer des pages sur mon site que j ai cr avec nvu Par exemple dans la fen tre dition de site gauche mon site _ essai essai image Comment supprimer les pages essai essai2 image de mon site Http www framasoft net 46 55 Tutoriel Framasoft Dans le gestionnaire IL y a un bouton supprimer repr sent par une croix Donc s lection du fichier et supprimer Gestionnaire de sites Voir Tous les fichiers Cr o Mom Derni re modification FH poemes Mon Apr 04 2005 131 E stylist Sun Dec 18 2005 21i HHE vieilles pages inutiles Sun Aug 28 2005 01 E 7plaies htm Thu Sep 01 2005 231 gt acguis1 htm Thu Sep 01 2005 23 Jd acguisz htm Fri Sep 02 2005 00 0 de acquis3 htm Illustration 24 supprimer un fichier du site Nvu et langages de scripts Javascript PHP R aliser un sondage avec PHP e je voudrai savoir si on peut faire un sondage avec NVU si oui comment merci d avance pour vos r ponse gt Salut Tu dois cr er ton sondage part et int grer le code sous NVU dan ta page html Tu peux le
30. de lien vers une a adresse I trati 12 t lien 2 courriel ustration enlever sourgnement iien mail bonjour novice j ai du mal a trouver comment faire un lien vers ma boite e mail quelqu un peut il m aider autre chose je suis en train de construire des pages dont les images seront amen es a evoluer assez souvent pour changer une image sur mon site serais je oblig e de refaire ma page ou suffira t il de changer l image gt Pour le lien vers ta boite mail lit ceci pour pr venir le spam de t envahir http caspam org cas cryptemail html Sinon pour changer une image il suffit effectivement simplement de remplacer l ancienne par une nouvelle du m me nom gt Bonjour Il faut ins rer un lien puis dans la fen tre inscrire sous adresse mailto votre adresseliici fr C est tout Http www framasoft net 19 55 Tutoriel Framasoft Lien texte mon lien Emplacement du lien Entrer l adresse d une page Web un fichier local une adresse lectronique ou s lectionner une ancre ou un titre dans cette liste ubu duchame La valeur ci dessus est Une adresse lectronique L URL est relative l adresse de la page Parcourir Illustration 13 cr ation d un lien courriel Cr er un lien de t l chargement Bonjour Je souhaite savoir comment cr er un lien vers un t l chargement et non vers une nouvelle page ou adresse mail on clic et hop une bo te de dialogu
31. e il ne vous servira rien dans la cr ation d un site t bd n Launchy Source Couper diteur ouvrir dans Mozilla Firefox J D Ouvrir dans Internet Explorer Ouvrir dans Opera o Voir la source dans Notepad z g voir la source dans OpenOffice org E Options Illustration 23 launchy lancer la page courante dans plusieurs navigateurs Quel navigateur par d faut e Puis je substituer K meleon Firefox pour l utiliser avec Nvu Dans le simple but d all ger si si encore le poids des logiciels install s sur ma machine de d veloppement gt Sans aucun probl me Firefox et NVU ne sont pas li s tu peux tout fait cr e ou dite tes pages web avec NVU et les visualiser avec le navigateur de ton choix Firefox Mozilla K melon Camino Opera IE Bon d veloppement Http www framasoft net 43 55 Tutoriel Framasoft Th mes ou skins disponibles pour Nvu e salut tous Je voulais savoir si il existait des th mes pour Nvu ou skins si quelqu un a une r ponse voire une adresse merci d avance Tu trouveras ton bonheur ici le forum de geckozone consacr Nvu en fran ais Nvu et Mac e Essayant d installer NVU en Fran ais sous OSX je me trouve devant l impossibilit de visualiser les tutoriels en pdf et donc d y trouver les instructions d installation au lieu d un texte j ai une suite de caract res martiens j ai pourtant install la fonte req
32. e height 0 width 0 gt lt object gt gt Pour IE et Firefox lt attention ici commande fond sonore pour IE gt lt bgsound src mamusique mid loop 1 gt lt attention ici fin de la commande fond sonore pour IE gt lt attention ici commande fond sonore pour Firefox gt lt object type audio midi width 0 height 0 data Mamusique mid gt lt param name filename value Mission mid gt lt param name autostart value true gt lt param name loop value true gt lt object gt lt attention ici fin de la commande fond sonore pour Firefox gt HTML et CSS Passer de frontpage frame Nvu style CSS e Bonjour J essaie de comprendre NVU dans ses caract ristiques mais j avoue avoir des difficult s comprendre les feuilles de style avec CSS Mon probl me est celui ci Je vous r f re un site web que j ai con u avec Frontpage 2000 www cyclonesgranby ca Ce site fut construit avec des cadres qui selon mes lectures sur les normes W3C ne sont pas tellement bienvenus sur le web Actuellement je suis sous Mandrake Linux et j aimerais reconstruire le site en utilisant NVU Je veux faire Http www framasoft net 33 55 Tutoriel Framasoft dispara tre les cadres mais j ai beaucoup de difficult s comprendre comment je vais faire pour y arriver afin de pr senter des pages similaires celles con ues sous Frontpage J ai lu votre tutoriel N
33. e langage HTML Une protection par mot de passe n cessite d autres techniques d autres langages pour tre mise en place Nvu ne te sera donc d aucune utilit dans ce domaine mais il reste excellent pour cr er un site Pour ta protection soit tu t orientes vers le htaccess soit par une routine en PHP via un formulaire Tu trouveras pas mal d informations sur le net ce sujet gt Une routine PHP est un petit programme qui va te permettre de r cup rer les informations entr es dans un formulaire login mot de passe et que tu compares avec les donn es que tu as dans ta base ou dans un simple fichier texte Dans tous les cas il faut crypter tes donn es Http www framasoft net 50 55 Tutoriel Framasoft notamment via la technique des Hash et planquer tes fichiers de mani re ne pas avoir de mauvaises surprises Ne rien crypter et laisser les fichiers accessibles c est comme laisser la cl sous le paillasson Les questions de s curit demandent un minimum de connaissance au niveau du web et de la programmation gt Exemple cr er une routine avec Mysql etPHP gt MySQL Tu cr es par exemple une base avec une table TBPW contenant les comptes avec les champs login pass stock en MD5 PHP Utilises les sessions Script de Login sch ma simplifi gt lt php session start gt lt php if HTTP POST VARS submit lt gt Svalidpwd False R cup ration Variables Formul
34. e le lien rajout se rajoutera aussi aux autres pages que j ai cr es partir du mod le gt La r ponse est malheureusement n gative Les mod les de NVU sont limit s de ce point de vue gt Une solution alternative possible prendre la d marche l envers Je cr e une page mod le Je l appelle et l ouvre J apporte les modifications n cessaires et je la dissocie de la page mod le Et ainsi de suite pour toutes les autres pages du site cr es partir du mod le Http www framasoft net 13 55 Tutoriel Framasoft Ww Fichier Edition Affichage Insertion Format A nriz Ctri z Refaire Ctrl Nouveau Couper Ctrl X Copier Ctrl C Coller Ctrl Coller sans mise en Forme Effacer Supprimer R m Tout s lectionner Ctrl 4 L Rechercher et remplacer Ctrl F Rechercher nouveau Ctrl G Rechercher le pr c dent Ctrl Maj G v rifier l orthographe Ctrl K Dissocier du mod le Param tres des sites de publication Illustration 8 Dissocier une nouvelle page d une page mod le Les frame e Je voudrais savoir si l on peut faire des jeu de cadre avec Nvu comme sur Dreamweaver Si oui comment gt La r ponse est non Cette technique tend devenir obsol te en ce qui concerne le respect des standards du web Nvu respecte les standards du web d finis par le w3c Cependant avec la technique HTML CSS autrement dit donner des propri t s CSS de mise en p
35. e s ouvre et demande d enregistrer le fichier qui va tre t l charg si un topic existe pas trouv gt IL suffit comme pour les autres liens de suivre la proc dure suivante Ins rer gt Lien ou Ctrl L au lieu d un lien vers un document ou d un mailto taper ftp LeSIteFTP LeCHemin LeDocument gt Il faut aussi bien faire attention ce qu il n y ai pas de target _blank dans les liens vers vos fichiers documents Tableaux Statique ou div Bonjour est il possible de cr er un tableau statique D s que je rentre un texte ou une image mon tableau s adapte Alors que dans propri t s avanc es j ai ins rer manuellement les dimensions gt J ai regard ce probl me Je n ai pas trouv de solution ce que vous souhaitez Peut tre quelqu un une en aura Vous pouvez effectivement donner des dimensions votre tableau Celles ci sont soit en pixels soit en pourcentage Mais vous ne pouvez pas obtenir un tableau fixe compl tement statique Entendons nous bien Vous pouvez placez o bon vous semble votre tableau dans la page mais les cellules s adapteront Http www framasoft net 20 55 Tutoriel Framasoft automatiquement au contenu C est ce qui a fait le succ s des tableaux en mati re de mise en page pour le Web Une proposition de solution autre que le tableau Il suffit de cr er un bloc Un bloc c est un cadre auquel vous pouvez donner tr s pr cis ment
36. ections par IE gt La solution est relativement simple pour mettre une image en fond sans r p tition et une couleur noire Comme elle a un bord noir j ai imagin de cr er un fond noir et de coller l image en fond dans un grand bloc div par les styles internes propri t du fond sans r p tition Je vais au plus vite Clic droit dans la barre des t ches sur la balise body gt styles internes gt propri t s du fond Quand le dialogue est ouvert Choisir une couleur pour le fond choisir son image Puis dans le champ r p tition choisir Pas de r p tition Pour le probl me de l adresse relative Bien conna tre l arbre de son site Comment s appelle le dossier g n ral Y a t il des sous dossiers pour les images les fichiers CSS les fichiers HTML Ou y a t il juste un seul dossier g n ral Une fois que l on conna t bien l arbre de son site il est tr s facile de trouver l adresse relative d une image Prenons deux exemples simples Exemple 1 Http www framasoft net 35 55 Tutoriel Framasoft Il n y a qu un seul dossier g n ral Dans celui ci se trouvent tous lesz fichiers images HTML CSS Nous appelons le dossier g n rale mon site La solution est simple je souhaite ins rer une image dans une page HTML lt img src mon image jpg gt Idem dans un fichier css body background rgb 0 0 0 url monimage jpg no repeat gt Je choisis une couleur noir pour le fond rgb
37. er le texte s installe mais impossible de le mettre en forme ni la couleur du texte ni la couleur du fond Merci de me conseiller gt Tout d pend du choix de balisage avec lequel vous travaillez sous Nvu Si vous travaillez en XHTML 1 strict certains des l ments de l interface graphique sont automatiquement d sactiv s Normal pour ce type de balisage et vous devez utiliser la place l diteur de style CSS inclu dans Nvu Si vous ne connaissez pas cette m thode de mise en page passez directement dans le menu outils p f rences et s lectionnez param tres de pages puis cochez les cases suivantes langage html 4 01 DTD de transition Vous aurez acc s l ensemble de l interface graphique DTD Stricte de Transition et l interface e Dans les pr f rences avanc es lorsque je choisis autre chose que html4 de transition je ne peux plus cr er de nouvelle page ni m me diter la page en cours Un red marrage de Nvu en mode XHTML transition ou strict ne me permet plus d avoir de page ditable Une solution gt Il faut savoir qu avec Nvu et le mode strict certaines parties de l interface graphique sont automatiquement d sactiv es Pourquoi Parce que en mode strict ne doivent appara tre sur la feuille HTML uniquement les balises HTML Http www framasoft net 41 55 Tutoriel Framasoft Tout ce qui est autre que balises HTML par exemple les informations de style seront trait s avec l di
38. iisisrreneeseereneeeseeeeneseeeennnn 38 Maintenance RSR ER PURE PRE RE houe a enerne a nepr aana Rh CI AA nN 39 V rification de la validit des hyperlieNS iiiccccciiiiiiiiiciiiiiccciiiiiiiiciciiiiiicciciiriccccccccircccccceccceccnnnnenccncenneneeccnnnnannnens 39 V rifier la validit des adresses li es ss iiissssssereeeeenesssreeeeeennessseeeeeneneeesseeeennes 39 COMPOSER Ce 39 SCENE PE E E E E 20 11 G 002 0 E NES 40 Fen tre diteur CaSCade cciciiiiiciiicciiiciciiciciciciicicicccicccicccciicccececiccnceccncicenenenencnnenenenceaecenencenecennncnnencnnennns 40 D m 14 31101216 28121122 NY Re due den ones de ca ton EE Se E AE a erial 41 DID Stricte de Transition et l interface in cent cena t ent EEE acces creuse te E dE ed te e ENEE EES EEEE 41 Lancer un navigateur sous PIS 0080029002066000 saines bee dos cdi dm a nt indien 42 Lancer plusieurs navigateurs avec NN ae a ei ane On a D ee a io eenn Eene 42 Http www framasoft net 2155 Tutoriel Framasoft Quel navigateur Dar delat PAR AA SR ER ES D NS d D D 0 d a eee 43 Th mes ou skins disponibles pour Nvu iii iiniseereseeneseeeeneeeeeneeeeeneeeeeeeeeeene 43 NAFEA oee T E A0 E00 227 9201 2 20000 10 2 M094 BE 2 221007 2 10290A 87 A Y 2A E N ERE E EEIE PSE 44 Transterts de Fichiers Probl mes 6t Solutions in dant unten nee De al ada 0o 44 BEREA DIE E O E A A ne EOCENE R nn ne a een A E E E du teen en 44 Transfert disque d
39. imp Cordialement Sylvie Alexandre e Si vous avez une question concernant NVU utilisation probl me vous pouvez aller faire un tour sur cette section du forum de geckozone consacr e NVU Les deux mod rateurs sont les traducteurs officiels de NVU en fran ais et il a galement de bons connaisseurs de NVU dont je ne fais pas partie p gt Forum francophone actif sur NVU Qu est ce que c est gt Le code est le langage utilis par les navigateurs afin qu ils soient capables de lire correctement une page Web On parle alors de code source Le code utilis pour internet ou Web est le HTML pour crire un programme le code utilis est le langage C Ceci pour dire qu il existe plusieurs formes de codes Avec NVU il faudra cliquer sur l onglet lt HTML gt source ou Balises Vous devriez obtenir quelque chose de similaire cela Exemple lt html gt Http www framasoft net 6 55 Tutoriel Framasoft lt head gt lt meta content text html charset ISO 8859 1 http equiv content type gt lt title gt Ma page d accueil lt title gt lt head gt lt body gt lt p gt Voici ma page d accueil lt p gt lt body gt lt html gt sans classe Largeur variable C D 4 Add 8 META TITLE lt DOCTYPE html PUBLIC MS W3C DTO XHTML 1 0 Strict EM lt html xmlns http WUWU W3 org 19997 xhtml lt head meta content text html charset 150 5859
40. ise et d attribuer les valeurs de positionnement que vous d sirez Une m thode simple est g n ralement de positionner l image en float dans l diteur Css s lectionnez l onglet boite puis flottante choisissez gauche ou droite Cela vous assure un positionnement de l image qui se calera en fonction du texte comme dans un journal par exemple gt Tu choisis ton image et apr s tu cliques sur la punaise dans la barre des taches de Nvu et la tu peut placer ton image o tu veut J ai eu ce m me probl me mai j ai trouv ce petit bouton et a ma sauver la vie gt Note voir l illustration 14 Http www framasoft net 30 55 Tutoriel Framasoft Les gifs anim s Comment peut on ins rer une animation GIF ou Flash sur une page Web gt Tu peux ins rer un Gif anim en suivant la m me m thode que pour ins rer une image classique Menu insertion puis image Par contre m me si tu te places dans l onglet aper u l image reste fixe Utilises l ic ne navigateur pour voir le r sultat anim gt Pour flash c est du code ins rer dans la source au niveau souhait entre les balises body et body http www salemioche net flash2 php Biblioth que d images e Bonjour Je cherche sans trouver la possibilit de cr er mes propres boutons Ou tout simplement charger des exemples de boutons gt Pour savoir comment faire un bouton partir d un lien il faut lire cet article d openweb
41. lien doit s ouvrir et s lectionnez dans une nouvelle fen tre exemple en code source lt a href images photol png title Titre de la photo 1 target blank gt La photo un lt a gt Pour obtenir le m me r sultat mais avec une image il faudra remplacer le texte du lien par une image et a marche Exemple 2 code source lt a href images photol png title Titre de la photo 1 target _blank gt lt img src imagettes photol png alt Le titre de la photo 1 gt lt a gt Http www framasoft net 26 55 Tutoriel Framasoft Cependant pour des raisons plut t pratiques que logiques il vaut mieux commencer par ins rer l image avec Nvu puis de s lectionner l image et de cr er le lien ensuite Soit ic ne Image et son dialogue pour ins rer confortablement l image s lection la souris ic ne Lien et son dialogue pour cibler le lien gt Autre solution lt a href image2 jpg target blank gt lt img src imagel jpg title cliquez moi gt lt a gt le target _blank indique au navigateur d ouvrir l image dans une nouvelle fenetre Inconv nient ton visiteur devra fermer cette fenetre pour revenir la page qui l a ouverte Pour cela dans NVu 1 s lectionne ton texte 2 clique sur lien 3 parcourir 4 images dans le menu d roulant type de fichier 5 s lectionne ton image 6 clique sur plus de propri t s 7 cette image doit s ouvrir dan
42. m y prendre Effet recherch en passant la souris sur un lien un exe un texte appara t cot dans un cadre pour d crire le contenu du lien description de l application Merci gt Pour a une seule adresse pas de exe du CSS Alsacr ations gt L effet recherch n est pas vraiment ce qu on appelle un menu dynamique C est plut t le Anathomy menu visible au bas de cette page qui correspondrait le mieux l effet rechercher PS j adore le menu voir Image en fond de page ou background image Bonjour Je souhaite mettre une image en fond de page Si je le fait par format puis couleur et fond de page j y arrive tr s bien mais mon Http www framasoft net 34 55 Tutoriel Framasoft image selon la taille de l cran se r p te et ce n est pas tr s r ussi Comme elle a un bord noir j ai imagin de cr er un fond noir et de coller l image en fond dans un grand bloc div par les styles internes propri t du fond sans r p tition Mais Je ne peux pas le mettre en adresse relative il n y a pas de choix propos comme dans couleur et fond de page Le rendu dans le navigateur est satisfaisant mais d s que je publie et le met sur le site l image est perdue Ce qui est logique vue que je suis en adresse absolue et si je supprime manuellement le d but de l adresse qui renvoie mon disque dur l image dispara t Comment dois je proc der pour mettre en fond de page une
43. masoft net 15 55 Tutoriel Framasoft Editeur des p oprietez avanc es Attributs courants pour lt A gt attributs HTML Style interne v nements JavaScript Attribut valeur href http lframasoft net Cliquez sur un item ci dessus pour modifier sa valeur Supprimer Attribut Valeur Annuler aie S lectionner Supprimer la balise Modifier la balise Code HTML Stwles internes Mod les IC Normal r lt body gt lt a Propri t s aw Illustration 9 lien dans une fen tre cible avec les propri t s avanc es gt S lectionnez le mot ou l expression que vous souhaitez transformer en lien Puis cliquer sur le bouton Lien Un dialogue s ouvre Inscrivez l adresse du lien dans le champ pr vu cet effet Puis Cible choisir Le lien doit s ouvrir dans une nouvelle fen tre Http www framasoft net 16 55 Tutoriel Framasoft Attention Forcer le lien s ouvrir dans une page ne fonctionne pas avec une d claration de document en mode stricte prendre le mode transitionnel Proprietes du lien Lien texte Un lier Emplacement du lien Entrer l adresse d une page Web un Fichier local une adresse lectronique ou s lectionner une ancre ou un titre dans cette liste ln framasoft net La valeur ci dessus est une adresse lectronique L URL est relative l adresse de la page Parcourir 4 Moi
44. masoft net 21 55 Tutoriel Framasoft cliquer sur dissocier du texte la petite punaise c t de largeur variable Une rose des vents appara t Cliquez dessus et positionnez votre texte o bon vous semble Cela devrait r gler votre probl me Commencez par un texte court du genre mon texte histoire de bien comprendre le principe de fonctionnement Pour plus tard il faudra envisager de cr er des menus de navigation je suppose partir de listes non ordonn es puis de les placer en fonction de leur bloc Pour saisir visuellement la notion de bloc allez dans le menu Affichage de nvu puis cliquez sur Mise en vidence des blocs Exemple Le m canisme de fonctionnement est relativement simple m me s il n est pas simple aborder du premier coup On consid re une s rie de balises HTML pour une liste regardez dans le mode source de nvu lt ul gt lt li gt menu 1 lt 1i gt lt li gt menu 2 lt li gt lt ul gt Lorsqu on veut placer dans la page html ces balises on consid re alors que les balises correspondent des blocs placer par rapport d autres Cette notion de bloc est intimement li e la notion de CSS qui est la partie mise en page des balises HTML Les balises HTML ne s occupent pas de la mise en page mais uniquement de la structure du texte ins rer Ce sont des notions qui sont abord es dans le tuto plus en profondeur avec des liens pour tout savoir sur ce syst me de pr sentation
45. meter ani tien 10 VS E EE o a 900 0 E VE 22 E AT ta er nd E nl 11 Se rep rer dans le code modes normal et source iii iiiiiiiiieseirreesseerreeeseeeeeeneseeenne 12 Les Modeles ou template ne pD AA AH ARA eTO EAE BEEREN ONERE NE r i Are d Rime Rn A PRC ii 12 ES A A A E 0 E E A0 EEE A E EEE EE 1021000 E04 14 SSA OS A N A A E21 14 Ouvrir un lien dans une nouvelle PAYEL icccccccciiiiccccciiiicciciciricccccccriiccccccnicccccccnniscccecnnanesccnnnnnancnnennenencccnnnnnncnnnnnnnnnnnnne na 14 Enlever le soulignement d un l N c c ic nt a ce ed a De din 17 ei A ARRA 18 Cr er un lien vers une adresse courriel Mail cccccciiiicciciiiiiiiiicciiiicciciccicicccccicicicccccniiccccnnnareeccnennencennennenenccnnnnnenees 19 Cr er un lien de t l chargement is ieeenessseereeneenessseeeeeeeeneseeeeenenenneseeeeeeeennnssnns 20 TaESA 797050 200720 200000202 21 A E02 222 22000000 12210 00750256 010023 20 SES LE S TE LS LE SR PE a E 22 E 20007 2100020902 6002 11900275 2002027 02 RENE A 20 COE DEVE 2 E PEE A0 2101 EN EOEE YE 20 Tableau SCENE ae nn a und tonne node 21 Changer les couleurs de fond et de bordure siennes 22 SAONE LOS 700 0A 0022741 0272022002220220 ARE 27009027 2070220647216217 0099007228072206 10071075 0005272 Y RAE EEE 20220054 CEEO TE 23 MifiatUres TE A RARA aen Te 23 Cr er un lien dans une image image MapP iiicciciiciiiccccccriiiccccccirccccccccrieccccnnan
46. n une minute et en plus de pr f rence en format Windows m dia ce qui donne peu pr s 7Mo ceci pour avoir une bonne qualit Si quelqu un pouvez m expliquer une marche suivre pour qu un d butant la comprenne je serais tr s reconnaissant Je remercie la personne par avance gt Salut Ce site explique tr s bien comment faire http www divxmethode com modules icontent index php paqe 91 Ins rer du Flash e Est il possible d ins rer un objet flash avec la version 1 0 de nvu gt Je vous renvoie au forum de geckozone consacr nvu o il y a toutes les explications pour ins rer du flash sur cette page Http www framasoft net 32 55 Tutoriel Framasoft Ins rer un fond sonore e Bonjour tous tes quelqu un sait il comment ins rer un fond sonore sur une page web avec NVU gt Moi Je colle ce code a marche pour IE et Firefox du moins sous Windows lt object type audio mpeg width 0 height 0 data mamusique mp3 classid CLSID 22d6f312 b0f6 11d0 94ab 0080c74c7e95 id mediaplayerl gt lt param name filename value mamusique mp3 gt lt param name autostart value true gt lt param name loop value false gt lt embed type application x mplayer2 pluginspage http www microsoft com Windows Downloads Cont ents Medi aPlayer filename mamusique mp3 autostart True showcontrols false showstatusbar False showdisplay False autorewind Fals
47. ns de propri t s tiquettes Technorati _ Ce lien est une tiquette Technorati Cible Le lien doit s ouvrir Illustration 10 lien dans une fen tre cible l insertion du lien Enlever le soulignement d un lien Comment on fait pour enlever le soulignement de texte sous un liens merci beaucoup je ni arrive vraiment pas meme en cliquand sur le caractere u soulingnier au dessus qui et avec l italic i et le b qui veut dire gras aidez moi svp merci beaucoup gt Enlever le soulignement des liens est une erreur commise assez souvent car on pense que ce n est pas toujours joli et qu un lien sans soulignement mais de couleur diff rente par rapport au texte sera mieux J ai longtemps fait cette erreur Cependant pensez une personne qui est daltonienne Cette derni re est incapable de bien distinguer la diff rence entre des nuances de couleurs et par cons quent ne sera pas capable de distinguer le texte du lien La seule chose faire c est de laisser justement le lien avec le texte soulign C est le moyen id al pour bien distinguer un lien du reste du texte De plus en laissant le soulignement du lien vous respectez les r gles li es l accessibilit Si vous tenez absolument enlever le soulignement du lien il faudra Http www framasoft net 17 55 Tutoriel Framasoft appliquer une r gle de style qui va indiquer que le soulignement pour tous les liens soit enlever Voici la r gle Le code
48. ntinu Une fois de temps en temps a devrait suffire non V rifier la validit des adresses li es e salut tous j ai un petit probl me sous Internet Explorer mes boutons de navigation ne marchent pas comment faire gt Essaie simplement de ne pas laisser d espace dans nouveau dossier renomme plut t en nouveau dossier pour viter les aventures Une petite Http www framasoft net 39 55 Tutoriel Framasoft modification des liens et tout va bien pour les serveur Web et les navigateurs Compteur de visites Peut on installer un compteur de visiteurs avec NVUI 0 Je pr cise que je suis d butante gt Les compteurs sont g r s par les fournisseurs d acc s comme Free ou Wanadoo etc Ce sont eux qui g rent dans leur base de donn es le nombre de fois qu on vient se connecter sur ton site Bien souvent ils permettent d utiliser ce comptage via une ligne de code ajouter dans ta page html il faut pour cela passer en mode source Pas de panique je ne suis pas tr s fort mais j ai fait comme a J ai mis via le mode normal les texte suivant Nbre de visites Puis tu passes en mode Source et l tu ins res ce que ton site te demandes d ins rer Vois par exemple le lien suivant en ce qui concerne Free http support free fr web pperso compteur qui nous demande d ajouter cette ligne l emplacement idoine lt img src http perso0 free fr cgi bin wwwcoun
49. ompos au maximum pour plus de lisibilit lt switch choix case oui fichier fopen oui txt r Ssond fgets fichier 255 Ssond fclose fichier fichier fopen oui txt w fwrite fichier S sond fclose Sfichier break case non Sfichier fopen non txt r Ssond fgets fichier 255 sond fclose S fichier fichier fopen non txt w fwrite fichier sond fclose fichier break case pas fichier fopen pas txt r sond fgets fichier 255 sond fclose fichier fichier fopen pas txt w fwrite fichier sond fclose fichier break gt Ce script PhP va permettre tout simplement de tester la valeur du bouton radio coch par l internaute et selon cette valeur d incr menter d ajouter 1 tel ou tel fichier txt Quatri me tape vous affichez les r sultats en ins rant ce code au sein m me de la page HTML l o vous voulez voir appara tre les r sultats du sondage lt fichier fopen oui txt r sonda fgets fichier 255 fclose fichier fichier fopen non txt r sondb fgets fichier 255 fclose fichier fichier fopen pas txt r sondc fgets fichier 255 fclose fichier tot_sond sonda sondb sondc echo Nombre de oui Ssonda echo Nombre de non sondb echo Nombre de ne sait pas sondc echo Nombre total de vo
50. r 333333 gt lt td width 122 bgcolor 333333 gt lt div align right gt Code Utilisateur lt div gt lt td gt lt td width 277 gt lt input name con code type text id con code maxlength 20 gt lt td gt lt tr gt lt tr bgcolor 333333 gt lt td gt lt div align right gt Mot de passe lt div gt lt td gt lt td gt lt input name con pass type password id con pass maxlength 20 gt lt td gt lt tr gt lt tr gt lt td gt amp nbsp lt td gt lt td gt amp nbsp lt td gt lt tr gt lt table gt lt p align center gt lt input name RAZ type reset id RAZ value Remise amp agrave Z amp eacute ro gt Http www framasoft net 52 55 Tutoriel Framasoft lt input type submit name submit value Connexion gt lt p gt lt form gt lt php if validpwd 0 if HTTP POST VARS submit lt gt gt lt p align center gt lt font color FF0000 gt lt font size 1 gt lt strong gt Mauvais codes de connexion lt strong gt lt font gt lt font gt lt p gt lt php gt lt body gt lt html gt gt Au niveau de ta page prot g e lt php session start gt lt php if G SHTTP SESSION VARS etat log lt gt connecte AND QGS SHTTP SESSION VARS code log lt gt xxxx header Location login php gt Suite de la page C est simple a doit tre am lior avec
51. r u de l image Taille r elle Largeur z0 Hauteur 300 dition avanc e Annuler Aide Illustration 17 transformer une image en lien Http www framasoft net 24 55 Tutoriel Framasoft Cr er un lien dans une image image map e Bonjour je voudrais savoir s il est possible de cr er un lien a l int rieur d une image Car je n arrive pas a trouver la solution gt C est ce que l on appelle des Images Map C est une pr paration faire avec un logiciel tierce The Gimp2 par exemple ou OpenOffice pour comprendre le principe Sur l image vous cr ez une zone sensible laquelle vous attribuez un lien Autant de zones que vous d sirez S lection 1 E http fan Framasoft net Illustration 18 image map avec gimp Http www framasoft net 25 55 Tutoriel Framasoft COTE ET EME vEHlimetr r lt irrselts Adresse http fan Framasoft net http han Framasoft net 0 00 em 0 00 cm 6 87 cm x 10 30 cm Illustration 19 image map avec Openoffice org Cr er un lien image qui ouvre une nouvelle fen tre Premi re question je n ai pas vu d option permettant d ouvrir l image dans une nouvelle fen tre Est il possible depuis une image de faire s ouvrir une nouvelle fen tre Cela est possible avec un lien par exemple Lorsque vous cr ez votre lien Un dialogue appara t Cliquez sur plus de propri t s un cadre cible apparait Cochez Le
52. re gt Un tutoriel consacr Gimp et Nvu crit par Sylvie Alexandre qui s int resse tout ce qui est insertion et fabrication d images en lien avec Nvu tuto Gimp et Nvu Ins rer du mp3 e Bonjour Je travaille l dition d une page Web avec Nvu et je souhaite mettre en ligne des fichiers mp3 Ces fichiers sont pour l instant stock s sur mon disque dur Je les ai envoy sur le serveur ftp Maintenant j aimerais cr er des liens pour chaque titre de chansons qui figure sur ma page Web afin que les internautes puissent les couter Mais je n arrive pas cr er ces liens Que dois je inscrire dans la fen tre liens J utilise le bouton parcourir mais je ne trouve pas mes fichiers mp3 sinon sur mon disque dur Enfin je m y perd un peu et ma question n est surement pas tr s clair Mais je n ai pas r ussi obtenir de 1 aide qui la plupart du temps s adresse des utilisateurs de PC J ai un Mac Merci gt Pour obtenir de l aide Forum sur Geckozone par exemple http qeckozone org forum viewforum php f 20 Sur le site internet tu veux sans doute que les gens t l charges tes mp3 qui sont d j en ligne pas ceux de ton disque dur Il faut donc faire un lien vers l adresse de tes mp3 sur le net http mp3 mp3 ou EED A f u u a 6 ww mp3 mp3 Ins rer de la vid o Bonjour tous Je cherche d sesp r ment mettre en ligne des extraits vid os de enviro
53. ropri t s de la boite Propri t s audio Extraire et cr er un style g n rique Ettr fabulas mel ex Sed adi sumo eloquentiam pro nec dolores nam ea utinam opti Box properties Affichage Mon d finife visibilit Flattante Gauch Position Mon d finie D bordeme Maximale gt Illustration 5 image texte avec dtd stricte tape 2 Http www framasoft net 9 55 Tutoriel Framasoft Dimensions d une page web e Je voudrais savoir s il possible de choisir les dimensions d une page web mes pages font 800 600 et quand je les publie je me retrouve avec une grosse marge grise toute moche et je ne veux pas que mes pages soient plus grandes comment changer a sous nvu gt La dimension d une page Web ne se choisit pas C est votre cr ation qui doit s adapter automatiquement la dimension de la fen tre de l utilisateur Le plus simple est de donner une taille de police relative en em par exemple l aide de l diteur CSS Une taille de 1 em est la taille par d faut Ainsi votre page s adaptera automatiquement quelle que soit sa grandeur 800x600 1024x768 Par exemple je travaille en 1280x1024 et je peux vous dire que je remarque vite les sites qui ne poss dent pas de taille de police proportionnelle la hauteur de la page Trois tutos pour vous aider suivant votre niveau de connaissance vous les trouverez sur ce site G rer un site avec Nvu premiers
54. rs une autre image image2 en grande taille gt le plus simple c est encore de mettre un lien vers ton image et non vers une page contenant l image Ex lt a href image2 jpg gt lt img src imagel jpg title cliquez moi gt lt a gt Http www framasoft net 23 55 Tutoriel Framasoft Inconv nient ton visiteur devra cliquer sur le bouton Retour de son navigateur pour revenir la page pr c dente Pour faire cela dans NVu c est tr s simple il te suffit de mettre comme lien sur ton image non pas un fichier html mais ton fichier JPI gt S lectionner l image et cliquer sur le bouton lien le dialogue d insertion image s ouvre sur la fen tre de lien ensuite ins rer l adresse du fichier W 2 suppl ment Ede noel Hle Fichier Edition Affichage Insertion Format Tableau Outils Aide Z 2 H Q 9 d 09 Nouveau Quvwrir Enregistrer Publier Nawigateur Ancre Lien Image Tableau Formulaire S ABI cars casse Diners 28 9 Add 8 META TITLE a META suppl ment kde no l H Sans titre El supplmt 946 9px T btr fabulas mel ex Sed admodum detracto an In vel di Propri t s de l i Fan Y Emplacement B Entrer l adresse d une page Web un Fichier local une adresse s lectionner une ancre oU un titre dans cette liste _ La valeur ci dessus est une adresse lectronique L URL est relative l adresse de la page Parcourir Ape
55. s le script est un fichier externe j exemple dateetheure js Il faut inscrire dans la partie head ceci lt script type text javascript src dateetheure js gt lt script gt Attention de bien respecter le chemin pour src source o se trouve le script Deuxi me cas le script est un fichier interne Http www framasoft net 49 55 Tutoriel Framasoft Par exemple il commence par Function date Il suffit d inscrire ceci dans la partie head puis ins rer le script l int rieur lt script type text javascript gt CRIE Ins rer le script en question ici gt lt script gt Voil ce n est pas plus difficile que cela Le petit plus utile Tout le monde n active pas n cessairement JavaScript pour de multiples raisons Il faut donc signaler quoi sert ce script ceux celles qui n ont pas activ JavaScript Juste apr s la balise lt body gt mettre par exemple lt noscript gt Le script utilis sur cette page donne l heure et la date lt noscript gt Cr er une page avec acc s prot g e Je suis novice dans la cr ation de site et j ai choisi Nvu pour son apparente simplicit d utilisation Seulement voil je cherche ins rer dans ma page d accueil un mot de passe pour prot ger le reste du site et je ne trouve pas dans les tutoriel de m thode pour le faire gt Nvu te permet de cr er tes pages leur aspect graphique et contenu via l
56. s Classes lt body gt lt p gt lt img gt Illustration 20 Ins rer un v nement Javascript dans une image 28 55 Http www framasoft net Tutoriel Framasoft Images et fen tres pop up Deuxi me question J aimerais que la fen tre s adapte la photo Est ce que c est possible Cela est possible mais demande quelques connaissances en Javascript Il faudra utiliser la m thode de la fen tre pop up Il existe d autres m thodes mais plus complexes Exemple d apprentissage simple pour r aliser une fen tre pop up Si vous avez beaucoup d images plus d une vingtaine pourquoi ne pas se servir d une galerie de photos automatis e Voir le lien ci dessous galerie photos Images et cellules d un tableau e Bonjour je ne trouve pas le moyen de mettre une image de fond dans une cellule plus pr cis ment une image background de celle ci pour que m me si il y a retour la ligne de la cellule en tapant du texte cette image s affiche ind finiment suivant la hauteur du texte j esp re ne pas tre trop brouillon merci d avance Z gt Je ne vois qu une solution il y en a peut tre d autres attribuer la cellule en question une classe s lectionner la cellule clic droit puis Propri t s Avanc es et Attribut choisir classe et valeur mettre img par exemple Puis avec l diteur CSS attribuer img le point indique une classe dans l onglet Fond une image d arri re plan
57. s une nouvelle fen tre gt Note Combiner l illustration 17 cr ation du lien avec au choix l illustration 9 ou 10 insertion d une cible Images et Javascript Tu as des images et tu veux que quand l utilisateur clique dessus celle ci se substitue une autre sans charger d autre page gt Avec un petit bout de Javascript lt img src imagel jpg title cliquez moi onClick this srce mage2 jpg gt Inconv nient il faut que tes images aient la m me taille sinon a ne sera pas beau Autre solution Http www framasoft net 27 55 Tutoriel Framasoft lt img src imagel jpg title cliquez moi onMouseOver this srce image2 pg onmouseout this srce imagel jpg gt Diff rence l image ne change que lorsque l utilisateur la souris au dessus elle revient en place lorsqu il carte la souris i v _ Faragraphe P _ l W m l ga nul Bo cn H Editeur des propri t s avanc es sans classe E i mess Attributs courants pour lt IMG gt Add a META Attributs HTML Style interne v nements JavaScript H suppl ment Ke noel SRG Attribut valeur onclick this sre imagez jpg Cliquez sur un item ci dessus pour modifier sa valeur Supprimer Attribut valeur Annuler Aide S lectionner Supprimer la balise Modifier la balise Code HTML Stwles internes Mod les IC Normal ro Balise
58. st pas possible en html Il faut utiliser un CGI programme install sur le serveur en php par exemple http www nexen net Attention certains fournisseurs d acc s limitent voir interdisent les imels chez free 200 imel par jour maxi L autre solution consiste ouvrir le client mail thunderbird de la machine cliente ton visiteur Utilise pour cela le mien mailto mon adresse moi subject Le tout tant programm en javascript Nvu Modulaire e je d bute et je bloque sur un point du tut Nvu Modulaire page 12 paragraphe 3 3 pour la r solution de la localisation d un menu fixe Proc dure d installation Placer les deux fichiers suivants ie7 standard js et ie7 ie5 js dans le fichier scripts de votre site Quel est ce fichier Scripts O le trouve t on gt L adresse d ie7 est dans le paragraphe pr c dent Votre question correspond au paragraphe 3 3 j Proc dure d installation Le r pertoire scripts se situe dans l image suivante la 6 C est une configuration exemple qui sert pour l ensemble du tutoriel Cette configuration inclut un r pertoire g n ral et plusieurs sous r pertoires dont le r pertoire scripts Chaque sous r pertoire pouvant servir l tude d un point du Http www framasoft net 54 55 Tutoriel Framasoft tutoriel Cette configuration est expliqu e dans la premi re partie du tuto nvu standard e Dans ce tutoriel l auteur indique qu il faut avoir la
59. t cgi df login dat gt Pour reprendre ci dessus mon exemple en mode source cela donnerait si mon nom de login est toto Mode Source bla bla bla lt br gt lt br gt Nbre de visites lt img src http perso0 free fr cgi bin wwwcount cgi df toto dat gt lt br gt lt br gt bla bla bla _ Fin Mode Source Voila j esp re que c est plus clair Donc c est pas NVu qui ins re ou g re les compteurs mais ton fournisseur qui g re et te dis quoi ins rer dans ton code Http www framasoft net 40 55 Tutoriel Framasoft Interface Nvu Fen tre diteur cascade Juste un petit souci avec nvu Lorsque j ouvre la fen tre style css et que j arrive au choix de la couleur de la police la fen tre est trop courte et je ne peux pas avoir le choix des couleurs Chez moi avec un cran 17 pouces aucun probl me gt J ai eu moi aussi le pb avec mon affichage configur en 800 600 Si l affichage est configur en 1024 768 cela arrange beaucoup les choses De Frontpage vers Nvu J ai d j cr un site avec frontpage et actuellement je le transfert sur NVU 1 0 pour 70 des pages j ai aucun probl me que se soit sur le texte les tableau photos etc a se passe tr s bien je fais juste un copier coller mais pour les 30 restant je ne comprend rien je vous explique Ma page contient norm ment de texte donc je ne veux pas tout retaper lorsque Je fais un copier coll
60. tes tot_sond 7 gt Http www framasoft net 48 55 Tutoriel Framasoft Cinqui me tape il est souhaitable d enregistrer votre page HTML ainsi con ue avec l extension php Enlever le calendrier Javascript int gr Comment enlever le calendrier sur mon aper u il n y ai pas mais sur le site si comment l enlever merci gt Le calendrier est s rement un script en php ou autre Javascript langage qu il faut supprimer manuellement en le retrouvant sur l onglet source Ins rer du code Javascript Bonjour au monde libre Mon fiston a r cemment t l charg NVU 0 9 pour confectionner sa page perso Il voudrait ins rer un code Java script date et heure sur ses pages Je suis plut t habitu Dreamweaver j avoue que Je bloque pour lui venir en aide Merci de vos lumi res Sur le tuto j ai pas trouv de r ponse moins que gt Bonjour Eventuellement lire le tuto nvu modulaire consacr HTMLheader qui traite de l insertion de scripts avec cet outil fort sympathique Il permet d ins rer des scripts dans la page directement en mode graphique Sinon l insertion de scripts n est pas tr s dure Il y a deux possibilit s D abord aller dans le mode HTMLsource de Nvu puis rep rer l en t te de la page HTML soit head Il faut inscrire le script l int rieur de la partie lt head gt donc avant la balise de fin lt head gt d une mani re g n rale Premier ca
61. teur CSS cascades et plac es dans l ent te de la page non plus m langer avec les balises HTML comme le mode transitionnel le permet A retenir Mode Strict du HTML pur uniquement les informations de style sont s par es des balises HTML donc avec NVU certaines parties de l interface graphique sont automatiquement d sactiv es Mode de transition Tout est activ avec NVU pour l interface graphique On peut ins rer dans les balises HTML des informations concernant le style Lancer un navigateur sous Linux Bonjour tous J ai install la derni re version de NVU dans home x et elle fonctionne normalement Je peux m me publier Par contre il m est impossible d avoir un aper u dans un navigateur firefox mozilla Firefox est install galement dans home x et mozilla en racine Je n ai galement pas acc s Site Web FAQ Forums Si quelqu un sait o comment avec quoi param trer gt La r ponse est sur le site officiel Adaptez la solution votre config il faut cr er un fichier script n oubliez pas de le rendre executable contenant bin sh export MOZILLA FIVE HOME votre repertoire firefox export LD _ LIBRARY _ PATH LD _ LIBRARY _ PATH SMOZILLA _ FIVE _ HOME get URL to load url 1 z url amp amp url about blank try xremote first SMOZILLA FIVE HOME mozilla xremote client openURL url amp amp exit O if xremote failed then launch the browser exec SMOZ
62. uise avec le livre des polices Que faire Quelqu un peut il m aider gt Chez moi aussi quand je l ouvre avec Aper u Mac OS X Mais tout va bien quand j utilise Adobe Reader 6 02 gt Perso je n ai pas eu de soucis pour lire le tutoriel sous MAC C est la version PDF que tu as t l charg e ou bien le fichier OpenOffice Idem le MAC lit le PDF par d faut avec l aper u a donne un r sultat pas terrible Si c est a a peut se r soudre en t l chargeant la derni re version d Acrobat Reader gt Bonjour une simple pr cision le pdf peut tre une image mais il peut galement tre un fichier texte d un type un particulier car il conserve la mise en page N h sitez pas charger la police propos e par l auteur de ce tutoriel ou choisir une police de substitution proche dans les param tres de votre lecteur de fichier pdf Cela arrangera grandement les choses e J aimerais cr er un site perso je suis d butante Je me suis lanc e dans Nvu mais j ai un probl me d affichage lorsque j ouvre l diteur de css Je ne peux pas acc der certaines commandes situ es tout droite La fen tre ne se dimensionne pas correctement et coupe les commandes les plus droite Je ne sais d o vient ce bug et ce que je peux faire Je suis sur Mac OS 10 3 9 Quelqu un pourrait il me d panner Merci gt Je ne connais pas mac cependant Je sais que sous pc il existe plus ou moins le m me probl me L
63. une taille fixe donc statique Voici le code titre d exemple Imaginons que nous voulons un bloc de 100 pixels de c t s lt div style width 100px he ight 100px border 1px solid rgb 0 0 0 gt contenu texte ou image lt div gt Nous venons de d finir sa taille en utilisant des propri t s de style CSS Pour le visualiser nous lui avons donn un bord de 1px de couleur noire Ensuite il suffit de le placer dans la page o vous voulez Voici l adresse d un tutoriel si vous ne savez pas comment faire positionner un bloc dans une page sans classe MS Largeur variable Add 8 META TITLE H suppl ment de noel Illustration 14 cr er un bloc statique Tableau et menu de navigations e J attaque tout juste sur NVu et je tourne d j en rond J ai cr un tableau qui doit jouer le r le de menu et voila impossible de trouver comment crire c t En gros je peux crire avant apr s mais pas sur les c t s gt Note Pour l utilisation de la punaise voir l image 14 ci dessus gt Bien qu utiliser un tableau pour cr er un menu ne soit pas la meilleure solution Pour le moment je vous propose d tudier ce cas Nous sommes d accord que vous souhaitez crire l ext rieur du tableau non pas l int rieur En dessous du tableau crivez votre texte Puis ensuite il suffit de Http www fra
64. ur vers le fournisseur d acc s rrr errr errr errr Serr rSEEECOEEEOEEEEEEEEEEEEEE EEEE EEEE rEr enrere 45 Supprimer des pages du Sile eurima aoa E E E A E E E A TEE Oa 46 Nvu et langages de scripts Javascript PHP Lie tes ententes ane sens 47 R aliserun sondage avec PAPERS SR a E Mons re tte T dr nee me E ete antenne Ont date I Pre N 2 a 47 Enlever le calendrier JavascriptimM dgr iss sin na ann Mdr ani tnt einen NN sed ran 49 serer QU code JaVasenbt 2 66 2824602 A eE E T T MAR SA CAASA RN K AGAR deM 6050 AOS ARREN AA RAAR HA COT Sid A2 49 Cr er ne page avec ACCeS DOI nn Toe seta dere NCA eA Ma a CAL NAL dc Ao Cu an A gt AR 50 BUG DA ALU SE use RE A A AAN A TT o A AC OA Aui AO RL 0 00 O ADA E u A Ar IN oo 53 Cr ation de 101 Mol aire S u s cssi Se e C Se matin titine A TA CU CD it ee AL c 16 53 Gestion de formulaires envoi et scripts iiiiiiisseiseeceenecceececcececenncecennceceeeeeceneeeensseene 54 Nyu Modula E recria E a Sens de etes ares ne dan ent ani nue 2111010010227105 00012214 nant 54 Http www framasoft net 3 55 Tutoriel Framasoft 1 N vu par ses utilisateurs utilisatrices Voici un tutoriel un peu sp cial un suppl ment de no l Il y a les tutoriels vus par leurs auteurs et celui vu par les utilisateurs et utilisatrices de Nvu J ai assembl ici quelques unes des questions les plus courantes ou pertinentes recueillies partir des multiples questions post es sur Framasoft Quand cela est possible
65. version 0 01 de htmlheader or cette version est introuvable sur le net Pouvez vous m aider trouver cette version Je vous remercie d avance e Voici l adresse o vous pouvez la trouver htmlheader0 01 Http www framasoft net 55 55

Download Pdf Manuals

Related Search

Related Contents

OPERATION AND MAINTENANCE MANUAL FOR  Dell Brocade 6520 Quick Start Manual  GE 25841 Cordless Telephone User Manual  MXR7900CF-B User Guide      Step-by-Step Procedure for Performing Temperature    Montage- und Bedienungsanleitung Installation and  for iPhone 6  

Copyright © All rights reserved. Failed to retrieve file