• Aide de Netedit 7.x •
Cette Aide contient des images *.PNG.
Pour l'utiliser, veuillez conserver la
visionneuse HTML intΘgrΘe
- Index alphabétique
- Présentation.
- Installation
- Barre d'outils personnalisée et Options
- Fenêtre Principale & Barre d'outils.
- Utilisation du logiciel
- Netedit 7.x / 32 bits: spécificités
- Le projet - Lancer Netedit
- Boîte de dialogue: Nouveau fichier Html
- Boîte de dialogue: Balises Meta
- Boîte de dialogue: Image
- Images réactives
- Boîte de dialogue: Fichier son
- Son, vidΘo: balise "Embed"
- Boîtes de dialogue: Fichier HTML muni de frames
- Analyseur de code et Aide des balises HTML
- Raccourcis clavier
- Désinstallation
- Statut du programme Netedit
et: Remerciements
Aide de Netedit - ©Sébastien Morey & Claude Charries - 1999~2002.
Dernière mise à jour: 30 / 12 / 2001.
• Présentation •
est un éditeur de code HTML. Muni de ses nombreux assistants, il vous aidera dans la conception de pages Web. Cependant, il ne s'agit nullement d'un environnement de développement graphique, mais bien d'un outil qui créera du code pur. En effet, il devient vite rébarbatif de taper des lignes de code pour
insérer un tableau, par exemple. Netedit le fera à votre place. En lui indiquant le nombre de lignes et de colonnes,
vous verrez les lignes s'écrire toutes seules...
Nota!
Le HTML est en perpétuelle évolution. C'est pourquoi Netedit sera mis à jour et de nouvelles versions seront proposées. Inscrivez vous sur ma page :
http://www.toilefrancophone.net
où vous trouverez à remplir la lettre d'information pour être prévenu(e).
• Fenêtre Principale & Barre d'outils •
Utilisation

Veuillez cliquer sur les menus, boutons et fenêtres pour atteindre les rubriques ou paragraphes.
• Netedit 7.x - Spécificités •
- Aspect.
- Fonctions étendues: visionneuse HTML intégré. -Recherche de mot(s) - Casse - ...
- Langues: Changer de langue...
- Caractéristiques particulières
- Informations diverses...
- Boîtes de dialogue.

Barre d'outils personnelle
• Aspect •
L'aspect de la fenêtre principale est peu différent de celui des versions 16 bits. La structure graphique générale a été conservée dans la mesure du possible... L'utilisateur ne sera donc pas trop désorienté par cette nouvelle version.
Il y retrouvera les mêmes menus, boîtes de dialogues d'ouverture de projet, le cadre escamotable de l'arborescence de ce projet, etc.. Seule la barre d'outils est légèrement différente.
Retour spécificités
• Fonctions étendues •
Visionneuse HTML intégré: certainement un des ajouts le plus important dans Netedit 7.x!
Caractéristiques de la visionneuse:
- Bonne gestion des textes en HTML 4.0,
- Affichage des images, respect des couleurs.
- Gère les balises "sons" <BGSOUND.
- Chargement rapide des fichiers, affichage quasi plein-écran...
- Les images PNG sont gérées.
- Remarque: la visionneuse doit normalement être fermée après chaque prévisualisation de fichier.
- On peut aussi la réduire en icône, et la relancer avec ALT+TAB au clavier.
Il est indispensable d'enregistrer le fichier auparavant, soit par le bouton "Enregistrer",
soit par le bouton "Prévisualisation".
La fonction "Recherche de mot(s)..." a été ajoutée. Elle est accessible depuis le menu "Edition".
Raccourci clavier: CTRL+F11; pour l'occurence suivante de la chaîne de caractères recherchée: CTRL+F12.
La chaîne recherchée est enregistrée; elle reste affichée dans le champ de saisie; on peut ainsi la chercher dans un autre fichier du projet.

Version 7.1 et suivantes: choix de la casse (tout en MAJUSCULES ou tout en minuscules) pour l'écriture des chemins et des noms de fichiers annexes "sons" et "images". Pour effectuer ce choix, appuyez sur le bouton
"Options"
à l'extrémité droite de la barre de boutons personnalisable.
Choisir l'onglet "Editeur"
Cocher la case adéquate.
Nota: il y a une troisième option, l'écriture réelle interne de Windows ®
Cette fonction réduit notablement les problèmes de transfert vers un serveur UNIX.
Important: Dès le début de la conception d'un projet (site, aide etc....), choisissez un style de casse et veuillez ne plus en changer! Le style "Tout en minuscules" est recommandé.
Retour spécificités
• Caractéristiques particulières •
- Gestion des noms de fichiers longs dans la norme des Windows® 9x / NT. Ainsi, l'extension HTML peut être utilisée pour vos fichiers.
- La taille d'un fichier HTML n'est pas limitée!

- Vous pourrez ainsi créer de gros fichiers uniques, par exemple pour des cours, des fichiers d'Aide etc., en utilisant des liens hypertexte avec les balises:
Texte ou image qui est la cible (endroit du texte à atteindre) depuis un lien "fichier" classique:
Texte ou imageOu, pour un lien vers un autre fichier:
Texte ou image
- Ce type de lien est toujours plus rapide: il n'y a aucun autre fichier à charger...
- Quand vous appuyez sur le bouton
pour prévisualiser le fichier, celui-ci est automatiquement enregistré!
Retour spécificités

• Changer de langue •
Depuis Netedit 7.1, vous pouvez
changer de langue pour l'ensemble du logiciel!
Comme indiqué sur l'image ci-dessus, ce choix s'effectue par le bouton
à droite de la barre d'outils personnalisable
onglet "Langue" sur la première fenêtre par défaut, qui est celle des boutons personnalisables.
Vous obtenez l'écran ci-dessus.
Cette boîte de dialogue vous propose trois champs:
- Fenêtre principale, avec des fichiers / langues *.mn1
- Fichier ouvert, avec des fichiers / langues *.mn2
- Boîtes de dialogue, avec des fichiers / langues *.dlg
- Tous les fichiers de base fournis (francais.* et english.*) sont placés dans le sous-répertoire "Langue" de Netedit.
- Les langues supplémentaires sont placées en sous-répertoire, p.ex.: "italiano".
Pour changer:
- Appuyez sur "Parcourir" pour le premier type de fichier de langue,
- Une boîte spéciale d'ouverture de fichier s'affiche:

- Ouvrez le fichier désiré,
- Recommencez les mêmes opérations pour les deux autres champs,
- Cliquez sur "OK"
- Fermez Netedit puis relancez-le pour enregistrer ces nouveaux paramètres.
Nededit est alors dans la nouvelle langue.
Nota: tous les fichiers "Langues" sont des fichiers de format "texte", faciles à éditer, personnaliser et traduire! Il suffit de respecter la construction de chaque ligne de la forme:
- xyz$Texte1|Texte2
- Texte1 détermine le texte de l'info-bulle,
- Texte2 est facultatif; il s'affiche dans la barre d'état et peut Ωtre différent.
- Conservez la barre | entre "Texte1"' et "Texte2".
- Il ne doit pas y avoir de ligne vide,
- Le caractère "&" valide la lettre qui le suit comme raccourci-clavier; veillez à éviter les doublons dans un même menu / sous menu.
- Les lignes de titres / commentaires / séparation de menus commencent par: //Texte...
Retour α: Boutons persos.
- Depuis les fichiers de base "francais.*" ou "english.*", les utilisateurs européens peuvent donc traduire Netedit dans leurs propres langues...
- Faites une copie de sauvegarde des fichiers originaux! Il est pratique pour cela de créer un sous répertoire pour les conserver.
- Pour chaque nouvelle langue, il est commode de créer un sous-répertoire par exemple: <Spanish> pour l'espagnol.
- Toute traduction peut être envoyée α l'auteur (en fichier ZIP, SVP!) et sera hautement appréciée, merci!
Retour spécificités
• Informations diverses •
- La commande "Transformation automatique" pour écrire directement les codes des caractères accentués présents au clavier se trouve maintenant dans le Menu HTML
Caractères.
- "Créer un sous/répertoire" se trouve dans le menu "Fichier"
"Nouveau"...
- Pour les boutons de la barre personnalisable, vous pouvez utiliser des bitmaps 16x16 pixels
en
256 couleurs. Le téléchargement contient les deux collections (16 et 256 couleurs).
- Pour obtenir la boîte de dialogue "Son en boucle", allez dans le menu:
HTML
"Effets"
Multimédia...
- La barre de boutons personnalisée peut être cachée; allez dans le menu:
"Options"
"Barre personnelle". Décochez la case "Visible" en tête du sous-menu.
- La touche "F8" du clavier ouvre une boîte de dialogue pour écrire un lien vers un fichier local; le chemin complet s'écrit automatiquement.
Peut aussi être lancé depuis le bouton "Liens"
Menu
"Fichier F8".
Retour spécificités
• Ligne de séparation •
Pour obtenir la boîte de dialogue: Menu HTML
"Style"
"Ligne de séparation".
- Pour obtenir des lignes colorées, cochez la case et pressez le bouton Couleur,
- vous obtenez la palette habituelle.
- Si vous préférez toutes les lignes de la même couleur, vous pouvez écrire une instruction dans la balise <STYLE> comme:
HR { color:couleur }
- Pour choisir l'alignement, utilisez la liste déroulante.
- Les paramètres sont enregistrées pour l'utilisation suivante sauf la couleur.
Retour spécificités
• Boîtes de dialogue •

• Version 7.1 •

• Lien vers un fichier local: "F8" •

Avec cette boîte, le chemin complet est automatiquement écrit dans le lien.
Retour spécificités

Retour spécificités
• Barre d'outils personnalisée •
Boîtes de dialogue "Options"
English page
Configuration des boutons: boîte de dialogue.
Cette barre se compose de 19 boutons personnalisables. C'est à dire que l'on peut associer à chaque bouton un texte. En cliquant sur le bouton, on va afficher du code dans la fenêtre d'édition: caractère spécial ou code de balise souvent utilisés. Au premier lancement, les boutons apparaissent dans la fenêtre principale avec de simples numéros.
Pour configurer un bouton:
- Appuyez sur le 20° bouton
: la fenêtre "Boutons personnalisés" s'affiche.
- Cliquez sur le numéro correspondant au bouton choisi.
- Tapez le code désiré dans le champ d'édition.
- Choisissez une image en cliquant sur "Image" (une boîte de dialogue s'ouvre).
- Le bouton "Effacer Image" permet d'effacer l'image du bouton sélectionné.
- Le bouton "Tout effacer" permet d'effacer toutes les données relatives à un bouton (texte associé et image).
- Cliquer sur "Valider".
- Cliquer sur"OK".

Pour créer les info-bulles correspondantes pour vos boutons:
- Éditez le fichier "langue\francais.mn1",
- Aller α la section: //Boutons de la barre personnelle,
- Les lignes sont dans l'ordre: 501$ = bouton N° 1
519$ = bouton N° 19.
- Veuillez suivre
les instructions pour l'Θcriture dans ce fichier.
- Nota: si vous configurez plusieurs boutons, ne cliquez sur "OK" qu'après avoir configuré le dernier bouton!
- Remarque: si vous écrivez une balise / anti-balise avec un bouton, vous devrez replacer le curseur entre la balise et son anti-balise!
Ci dessous, les caractères ASCII supérieurs avec lesquels vous pouvez programmer des boutons; ceux qui existent au clavier, tels que les voyelles accentuées françaises... etc. sont directement écrits codés par Netedit. Pour les autres, la forme est:

Pour Win95 avec mise α jour des polices,
€ Θcrira le caractΦre 
Menu "HTML
"Caractères"
"Autres"
"Euro".

Retour à: Fonction "Chercher"...
- Si vous ne voulez effacer/modifier qu'un seul bouton, choisissez ce bouton en cliquant dessus, effacez/modifiez le contenu de la fenêtre d'édition puis validez.
- Remarque:
Taille de l'image pour un bouton = 16x16 pixels - *.BMP - 16 ou 256 couleurs.
- Collection gratuite disponible sur mon site: http://www.toilefrancophone.net rubrique "Mes freewares" - Netedit.
• Autres fenêtres des options •
- "Visionneuse d'image"permet de choisir une visionneuse pour les images à incorporer à votre page. Les choix sont:
Visionneuse interne de Netedit (recommandée),
Visionneuse par défaut de Windows: celle associée aux extensions GIF, JPG, PNG. Pour *.BMP, ce sera le programme associé, généralement MS-Paint®.
Remarque: avec ce choix, les dimensions de l'image ne sont pas automatiquement inscrites sur le fichier! Il faut les noter et les Θcrire "α la main" si nécessaire.
Autre de votre choix... MΩme remarque que ci-dessus.
L'onglet "Visionneuse HTML" permet de choisir:
- La visionneuse interne de Netedit (doit être fermée après chaque prévisualisation),
- Le navigateur par défaut de Windows,
- Une autre visionneuse "hors ligne" ou navigateur de votre choix.
- Nota: pour les utilisateurs d' Opera.®

- En cliquant sur l'onglet "Editeur",
on peut saisir un E-mail par défaut, accessible depuis
le menu Html
Liens
E-mail par défaut.
- On peut aussi y valider / invalider la boîte "L'astuce du jour" qui apparaît au lancement, après l'écran d'accueil.
- On peut encore y choisir la casse pour les fichiers annexes.
- Avec l'onglet "Langue", on peut choisir
la langue pour l'ensemble du programme.
- L'onglet "Écriture" donne le style d'écriture pour les tableaux:
Indentation intelligente, chaque ligne commence avec un retrait variable.
Pas d'indentation, toutes les lignes commencent alignées à gauche (réduit la taille du fichier).

Aide de Netedit - ©Sébastien Morey & Claude Charries - 1999~2001.
• Désinstallation •
Si vous aviez téléchargé l'archive auto extractible, vous n'avez qu'à lancer "Désinstaller" dans le groupe de programme qui a été créé.
Dans l'autre cas (archive".ZIP"), supprimer tout simplement le répertoire et les raccourcis éventuels que vous avez créé. Supprimez le fichier "netedit.ini" dans votre répertoire <Windows>.
• Balise EMBED •
English page
Cette balise va vous permettre d'insérer du son et du multimédia dans votre page. Elle a l'avantage d'être reconnue sous IE et Netscape. L'utilisation est relativement simple et ne présente pas de difficulté majeure. Pour obtenir la boîte de dialogue ci-dessous:
Menu "HTML"
"Effets"
"Multimédia"
"Multimédia IE4 et NS: Embed".

Vous devez tout d'abord spécifier un fichier de type MID, WAV, MOV ou AVI.
Ensuite diverses options s'offrent à vous:
- L'alignement du composant,
- Le composant est-il caché ou non? Nota: cachez pour un simple son.
- La hauteur et la largeur de la fenêtre de visualisation pour une animation.

Voir aussi: Son en boucle
Aide de Netedit - ©Sébastien Morey & Claude Charries - 1999~2001.
• Analyseur de code •
English page.

L'analyseur de code de Netedit est relativement puissant. Cette fonctionnalité permet de détecter les erreurs dans du code HTML norme 4.
Accessible depuis le menu "Commandes", ou au clavier: Ctrl+F9.
Plusieurs règles sont respectées :

- toute partie de code en commentaire est ignorée.
- un commentaire débute par <! et prend fin au > suivant. C'est d'ailleurs pour cette raison que les symboles "<" et ">" doivent être codés quand utilisés comme symboles mathématiques en clair dans le texte.
Dans Netedit, ces symboles se situent dans le menu: "Html
Caractères
Autres".
- les scripts des différents langages comme Javascript ou VBscript seront tout simplement ignorés.
Voici ici une liste des messages qui peuvent apparaître dans l'analyseur de code et aussi un commentaire pour chaqun:
- Avertissement: il existe une très légère anomalie, qui n'influe pas sur l'affichage quel que soit le navigateur. Exemple:
</b> n'est pas identique à <B>, simple différence de casse…
- X- Son anti-balise est attendue : indique à partir de quelle ligne et de quelle colonne l'anti-balise de X, c'est à dire /X est attendue. Si l'anti-balise existe dans votre fichier, c'est que l'imbrication des balises n'est pas respectée.
X Y /Y /X est correct tandis que X Y /X /Y est incorrect! Il se peut aussi que vous ayez écrit deux fois l'antibalise par exemple Y X /X /X /Y. Dans ce cas, l'analyseur va vous demander l'antibalise de Y à l'endroit où se situe le deuxième /X.
- X- Balise inexistante : il y a sûrement une erreur dans l'écriture de la balise. Elle n'appartient pas au dictionnaire de balises de Netedit.
Nota: certaines balises obsolètes mais encore trΦs utilisées (comme XMP ou COMMENT) sont acceptées par l'analyseur.
- X- Couleur attendue : le codage de la couleur est sûrement faux.
Une couleur doit se situer entre des guillemets de ce type " ". Elle doit être de la forme #RRVVBB où:
- RR est la quantité de rouge,
- VV est la quantité de vert,
- BB est la quantité de bleu.
- Pour chaque terme de ces quantités, la valeur est comprise entre 0 et 255
et codée en hexadécimal: de 0 α F.
- Vous pouvez aussi utilisez un codage par nom en anglais (par exemple "purple"), mais là aussi, ce nom doit être entre guillemets; on peut l'écrire tout en minuscules, majuscules ou mixte.
- X- Paramètre non valide : cette erreur survient pour un paramètre d'attribut. Par exemple, l'attribut ALIGN attend un paramètre de type "center" et pas une couleur!
- X- Fichier image attendu : indique qu'un fichier image au format GIF, JPG, PNG ou même BMP est attendu comme paramètre de l'attribut X.
- X- Le # est associé à un nombre héxadécimal et non a une couleur définie pas son nom : pour une couleur donnée, il faut choisir soit le codage en héxadécimal, soit un codage par nom mais pas un mélange des deux. Exemple: #purple est faux!
- X- Un seul caractère est attendu : indique que l'attribut X ne peut être spécifié que par un paramètre de longueur 1 caractère. Exemple:
<OL TYPE="A"> … </OL>
- X- Un nom de langage est attendu : pour la balise <SCRIPT LANGUAGE="L">, "L" doit être un langage de programmation connu : Javascript, VBScript et PHP sont reconnus.
- X- Un signe < est attendu : vous avez certainement oublié de coder le signe >.
- X- Un signe > est attendu : vous avez certainement oublié de coder le signe <.
Bien sûr, il se peut très bien que votre code fonctionne dans un navigateur...
- Mais l'avez vous essayé avec d'autres?
- L'analyseur de Netedit se veut proche de la norme HTML 4.0 et une petite erreur dans votre code peut très bien rendre vos pages illisibles dans de nombreux navigateurs.
- Si vous êtes cependant sûr de votre code et si Netedit vous indique une erreur, n'hésitez surtout à me prévenir à cette adresse :
webmaster@toilefrancophone.net
avec le fichier en question et une capture d'écran, car bien sûr Netedit peut toujours présenter des bugs…

• Les frames •
English Page

Cette nouvelle boîte de dialogue à onglets permet de créer une structure de frame complète très simple. Il faut de toute façon éviter l'imbrication des frames, sinon vous serez vite perdu.
Pour obtenir cette boîte:
Menu Fichier ou bouton
Boîte déroulante
Cliquer sur: Fichier HTML muni de frames.
Ce qui est possible dans cette boîte:
- Titre de la page,
- la taille des cadres,
- les fichiers pour les frames,
- la disposition des frames,
- pour les anciens navigateurs, un texte de substitution.
• Les frames •
Un frame (cadre) est une fenêtre dans la fenêtre principale du navigateur.
Pour définir un écran en deux parties, on utilise les balises:
<FRAMESET> et <FRAME>
Dans la boîte de dialogue suivante, il faut choisir si vous voulez partager l'écran en deux parties dans le sens vertical ou horizontal. De plus vous pouvez spécifier la taille que doit faire la première fenêtre par rapport à l'autre.


• Les frames •
Dans cette boîte de dialogue, on choisit quel fichier va apparaître dans le frame.
Pour l'obtenir: Menu HTML
Structure
Frame
"Frame".

• Fichier HTML •
English page

Cette boîte de dialogue vous permet de créer la structure générale du fichier HTML.
Pour l'obtenir, utilisez le bouton
de la barre d'outils, et cliquez sur l'icône: Fichier HTML dans la boîte de dialogue présentée:
Cette boîte permet de créer sept types de fichiers
- Remplacez ["Choisissez_un_titre"] par un titre à votre convenance qui s'affichera dans la barre supérieure du navigateur.
- Cocher ensuite les cases dont vous désirez obtenir le code. Il y a six cases. En les cochant, vous rendez possible l'appui sur les boutons correspondant. En cliquant sur ceux ci, vous pouvez ainsi choisir la couleur pour le fond, les liens, liens actifs, liens visités et le texte. Par défaut, les valeurs sont dans l'ordre précédemment indiqué:
Blanc, bleu, rouge, violet et noir.
- Enfin le dernier bouton permet de choisir l'image de fond de votre page. Attention: cette image remplace la couleur du fond. Il est cependant utile de conserver une couleur de fond, dans le cas où le visiteur aurait désactivé l'affichage des images.
- Cliquer ensuite sur "OK" pour continuer.
- Pour changer les couleurs par défaut -ou tout autre code de couleur déjà écrit dans le fichier-, utilisez l'outil "Insertion d'une couleur" accessible depuis
le bouton:
de la barre d'outils.

• Choix des images •
English page Aller à: Image réactive
Cette boîte de dialogue très étudiée permet de choisir une image à insérer dans la page.
Pour l'obtenir, appuyez sur le bouton
de la barre d'outils.
Le choix du fichier est classique.
- Il y a un champ "Texte de substitution" qui permet de remplir l'attribut "ALT...". Si le visiteur a désactivé l'option d'affichage des images, ce texte apparaîtra.
- Le champ "Border" est accessible uniquement si la case a été cochée. Il peut être utile de remplir ce champ: si votre image sert de lien et que vous ne voulez pas de cadre autour, mettez la valeur "0" (zéro).
- Les deux autres champs permettent de spécifier les hauteurs et largeurs des images. Cela se fait automatiquement.
Vous avez aussi les possibilités suivantes:

- Choisir / Utiliser des *.BMP,
- Conversion des images Gifs en Jpg en choisissant la qualité.
- Choix direct et affichage des fichiers "PNG".
- Conversion des fichiers GIF en PNG.
Remarque: si vous placez plusieurs images sur la même ligne, la largeur totale occupée ne doit pas excéder ~ 93% de la largeur d'écran (596 pixels pour une définition de 640X480 pixels), sinon la dernière image passera à la ligne! Cela n'est pas dû à Netedit, c'est une limitation des navigateurs et visionneuses HTML.

• Installation •
Suivant le fichier téléchargé, vous avez trois possibilités:
S'il s'agit d'une archive ".ZIP" simple:
- Décompresser le fichier zip.
- Lancer "Netedit.exe" pour activer le programme.
- Il est pratique de créer une icône sur le bureau de Windows 9x®, ou dans un Groupe de Windows 3.x®.
- Cette archive est celle des versions 16 bits.
Archive ZIP avec installeur:
dΘcompressez l'archive comme ci-dessus, et lancez le fichier "Setup.exe".
S'il s'agit du fichier auto-extractible ".EXE":
Lancez ce fichier, et suivez les instructions données par les dialogues successifs...
ATTENTION : Netedit nécessite l'écriture sur disque, il doit donc être utilisé
sur disque dur ou disquette.
• Balises Meta •
English page
Les balises Meta permettent de spécifier le fichier. Elle ne sont pas obligatoires mais elles permettent de référencer votre page correctement dans les moteurs de recherches.
La boîte de dialogue qui se présente à la création d'un nouveau fichier permet de définir ces balises Meta:

Il y a huit cases à cocher. Si vous ne cochez pas une case, le champ d'édition qui y est associé est inaccessible. La balise Meta n'apparaîtra pas dans le fichier.
En revanche, si vous avez coché la case, vous devrez remplir le champ d'édition associé, sinon la balise Meta ne s'écrira pas dans le fichier.
Voyons les différentes balises:
- Auteur: l'auteur de la page,
- Mots-clés: les mots clés associés à la page,
- Description: description en une ligne de la page,
- Visite des moteurs: permet aux robots des moteurs de recherche de revenir après x... jours. Vous devez donc remplir ce champ par un entier (nombre de jours),
- Copyright: vous devez y spécifier les outils (logiciels) que vous avez utilisé pour créer cette page (aussi bien pour le code que pour les images, sons...),
- Date de création,
- Langue: la langue utilisée.
- E-mail: l'adresse E-mail que vous voulez associer à cette page.
- Enfin une dernière balise est intégrée automatiquement: elle indique le logiciel avec lequel la page a été réalisée; ici: Netedit.
• "Le projet": lancer Netedit. •
Définition et organisation de votre construction de site au démarrage de Netedit.
English page
• Définition d'un projet •
Aller α: Nouveau fichier HTML
- Un projet est défini par un répertoire unique.
- Si, dans un projet, vous ouvrez un fichier qui n'appartient pas à ce répertoire, Netedit ne proposera que l'arborescence du projet en ce qui concerne les fichiers annexes "son" et "images" dont vous pourriez avoir besoin pour ce fichier "hors-projet".
• Lancer Netedit •

- Au démarrage, seuls les menus "Fichier" et "?" sont disponibles, c'est normal.
Vous devez ouvrir un projet. Pour cela, Netedit vous proposera une première boîte de dialogue:
"Choix du répertoire-projet".
- Pour l'obtenir:
icône
"Ouvrir projet" de la barre d'outils ou menu "Fichier".
- Vous ne devez absolument y sélectionner que le répertoire principal de votre site ou du travail à exécuter (tel qu'une Aide de logiciel comme celle-ci...).
Par exemple: si votre projet de site est placé dans le répertoire <C:\mon-site>, n'ouvrez que ce répertoire dans cette première boîte de dialogue.
- N'ouvrez jamais aucun sous-répertoire dans cette première boîte sous peine de perturber le fonctionnement de Netedit: les chemins des fichiers annexes "sons" et "images" situés dans des sous répertoires ne sont pas écrits complètement dans ce cas (seul le nom de fichier est écrit).
- Nota: Si vous écrivez un(des) fichier(s) d'Aide destiné(s) à être compilé(s) en format *.CHM, d'utilisez pas d'images situées dans des répertoires "en dessus" de l'arbre, comme: ../../img/machin.png. Ce genre de chemin ne fonctionne pas en *.CHM.
- Dès que vous avez appuyé sur "OK, la fenêtre principale du programme s'ouvre.
- Dans la partie gauche,
un cadre contient l'arborescence de votre répertoire-projet: vous pouvez alors y ouvrir un sous-répertoire, si la page où vous voulez travailler y est placée. Avec un clic-droit sur l'arbre,
vous obtenez un petit menu pour créer un sous-répertoire.
Le(s) fichier(s) contenu(s) dans le répertoire (ou sous-répertoire) ouvert s'affiche(nt) en liste dans la partie supérieure du cadre. Par un double-clic, le fichier "*.HTM" ou "*.HTML"choisi vient se placer dans la fenêtre. Avec un clic-droit, la liste s'actualise.
Le cadre peut ensuite être escamoté par le bouton
qui y est placé.
- Tout l'espace de la fenêtre étant disponible, vous pouvez alors agrandir celle du fichier
pour travailler "à l'aise"!
A tout instant, vous pouvez rouvrir le cadre avec le petit bouton
qui se trouve dans la bande gauche de la fenêtre principale. Vous pouvez alors ouvrir un second, troisième... fichier du projet.
Tous les menus sont disponibles dès qu'un fichier est ouvert.
-
Vous pouvez ouvrir ou créer un fichier de format *. TXT, *.CSS, *. DIZ ou similaire sans aucun inconvénient ni précaution particulière. - Également les fichiers de Netedit: *.MN1, *.MN2, *.DLG (Langue) ainsi que *.SAV (Configuration).
Si vous avez besoin de consulter un fichier "*.HTML" hors-projet, par exemple pour y copier ou y collecter des informations, il n'est plus nΘcessaire de fermer le fichier et le projet en cours; vous pouvez aussi réduire Netedit en icône et consultez et / ou / copiez dans votre gestionnaire de fichiers favori!
-
Pour fermer correctement Netedit:
- Fermez la (les) fenêtre(s) de fichier en cours, par l'ic⌠ne
: menu "FenΩtre"
ou bouton de la barre d'outils.
- Fermez le projet par l'icône
du menu "Fichier" ou celle du bouton de la barre d'outils.
- Si vous ne désirez pas ouvrir un autre projet, quittez le programme par le bouton de Windows, ou par la commande "Quitter" du menu "Fichier".

Début page
• Raccourcis clavier •


• Image Réactive •
English page
Une image réactive est en fait une image dont certaines parties servent de liens vers d'autres fichiers ou autres cibles. Pour cela, il faut déclarer une image convenable de ce type et indiquer ensuite la découpe souhaitée.
Nota: il est indispensable de commencer au début d'une ligne; il est recommandé de laisser une ligne vide entre l'image réactive et le texte précédent. Il en est de même pour insérer un tableau.
- Pour choisir l'image, cliquez sur le bouton:
de la barre d'outils.
- Dans la boîte de dialogue "MAP" qui apparaît, vous choisirez l'image à utiliser en réactive; notez que vous utiliserez cette boîte "MAP" deux fois.
- Faites un double-clic sur l'image choisie: la boîte de dialogue ci dessous "Découpe de l'image" s'affiche. Vous devez y définir les zones actives, chaque zone constituant un lien vers la cible de votre choix: fichier, URL, mailto... etc.
- Pour cela vous disposez de rectangles, de cercles et de polygones. Vous devez en spécifier les coordonnées pour chaque zone active, et suivant la forme choisie...


- Heureusement, Netedit vous évite ce travail et vous permet de découper vos images à l'aide de la souris.
- Netedit vous présente l'image, ainsi que divers boutons de fonctions et choix des formes:
"Rectangle", "Cercle", "Polygone" et "Stop Polygone"
- Vous cliquez sur un bouton de forme et commencez le travail:
- Pour un rectangle: vous devez spécifier le sommet de l'angle supérieur gauche (un clic) et le sommet de l'angle inférieur droit (un autre clic).
- Pour un cercle: marquez le centre (un clic) et ensuite un point distant qui déterminera le rayon en pixels par rapport au centre ( un clic).
- Pour un polygone: ses sommets d'angles (un clic à chaque); quand le dernier angle est marqué, cliquez de nouveau sur le premier pour fermer la surface. Pour terminer, vous devez cliquer sur: "Stop polygone".Construction des zones actives

- Enfin, après chaque figure, Netedit vous demande le nom du lien ainsi que le texte de substitution qui apparaîtra lorsque le visiteur passera le curseur de sa souris au dessus. Une boεte de dialogue est affichée pour choisir le fichier-cible du lien:

- Pour un lien hypertexte vers le fichier en cours, il n'est pas nécessaire de rechercher le fichier-cible.
Il suffit de taper le nom de la rubrique #rubrique, comme sur l'image ci-dessus, et d'appuyer sur "OK".
- De même pour une adresse Internet URL, ou email.
- Pour un lien vers un fichier du projet, utilisez le bouton "Parcourir"…
- Quand toutes les zones actives désirées sont définies, cliquez sur "OK".
Vous revenez alors à la première boîte de dialogue "MAP".
Retour texte 

Avant de cliquer sur "OK", n'oubliez pas de donner un nom à la "Map" ("Carte", l'ensemble de toutes les zones actives de l'image réactive). Par défaut, Netedit 7.x met le nom du fichier-image. Ensuite, le code s'écrira tout seul dans l'éditeur. Vous apprécierez vite cette fonction!

• Modifications dans une MAP •
- Changer le rayon d'une zone circulaire: augmentez ou diminuez le troisième chiffre des coordonnées.
- Changer le centre d'une zone circulaire, ou les dimensions d'un rectangle / polygone:
trouvez les nouvelles coordonnées dans un logiciel graphique; avec une version BMP de l'image, utilisez simplement "Paint" ® de Windows 9x, où chaque point de l'image est indiqué dans la barre d'état par exemple: "233,455" ce qui est exactement le même système que dans votre "Map"!
Attention!
- Si vous créez vous-mêmes des images ".GIF"par conversion d'originaux ".BMP", il faut absolument que ces ".BMP" soient enregistrés en 256 couleurs! Sinon, les ".GIF" obtenus ne fonctionneraient pas en image réactive!
- Les *.GIF animés fonctionnent en images réactives! Toutefois, il est prudent de préparer le fichier avec l'image d'un seul cadre, si vous possédez un logiciel capable au moins d'extraire les cadres des fichiers GIF animés... Sinon, préparez le fichier normalement: la boîte de dialogue n'affichera qu'un cadre.
Assurez-vous que les inscriptions importantes (adresse site, Email...) ne sortent pas des zones actives avec l'animation.
- Si vous souhaitez utiliser des *.JPG obtenus à partir de *.BMP, soyez sûr(e) que ces *.BMP contiennent réellement 256 couleurs ou plus, sinon la conversion ne donnera que le nombre de couleurs effectivement contenues dans l'image, et elle ne fonctionnera pas en réactive!
- Les images *.PNG fonctionnent très bien en réactives; toutefois, elles ne sont pas gérées actuellement par certains navigateurs comme Netscape 4.7® ou même M-S Internet Explorer 5.0® / 16 bits. Toutes les versions récentes de IE / 32 bits gèrent les *.PNG, ainsi que Netscape 6.0® et certaines visionneuses HTML "hors-ligne", telle que PoNG de R. Remblain

Début page
• Son en boucle •
English page

C'est une boîte de dialogue classique où l'on choisit un fichier "Son" à jouer en boucle.
- Pour l'obtenir: Menu HTML
Effets
Multimédia
Son IE.
- Les formats les plus répandus pour ce genre de fichier sont le WAV et le MID (pour leurs tailles).
- Dans la case Nombre de boucles vous devez spécifier ce nombre.
- Mettez 0 (zéro) si vous voulez le jouer une infinité de fois.
Notez aussi que cette balise est une balise propriétaire.
Elle ne fonctionne que sous IE®.

Voir aussi: "Balise Embed"
• Statut du programme •
Ce programme est un "Freeware".
- Il est donc gratuit et en libre diffusion.
- Cependant en cas de distribution sur CD-ROM accompagnant un magazine, merci de me prévenir!
- Ce programme a nécessité beaucoup d'heures de travail. Le développement a débuté en 1997.
- J'ai essayé de corriger tous les bogues avant de le distribuer…
- Cependant, si vous constatez des anomalies ou si vous avez des suggestions, écrivez moi :
webmaster@toilefrancophone.net
ou sur ma page:
http://www.toilefrancophone.net
Configuration minimale d'utilisation et de tests:
Processeur
|
Pentium MMX 166 Mhz (INTEL)
|
Mémoire RAM
|
96 Mo
|
Système
|
Windows 98/2
|

Claude Charries: bêta-testeur
• Remerciements •
Un grand merci à:
- Pierre-E. Gougelet, auteur de XnView pour son aide à la mise au point des images réactives,
- Christian Ghisler, auteur de Windows Commander, qui a donné quelques codes utiles...
- ...et à tous ceux et celles qui ont contribué à faire connaître Netedit et son auteur!

• Utilisation de Netedit •
dispose des outils classiques d'édition de texte au format ASCII. Il permet d'enregister des fichiers textes, de les lire, de les imprimer, de les modifier.
- Il permet de créer et de travailler sur plusieurs types de fichiers à ce format:
- *.HTML, bien sûr!
- *.TXT, *.DIZ,
- Fichiers feuille de Style *.CSS,
- Fichiers Scripts *.JS,
- Fichiers Langue *.LNG, *.MNx, *.DLG et Configuration *.SAV, *.INI...
- Ces différentes fonctions sont disponibles dans le menu déroulant "Fichier". Ces fonctions sont bien sûr associées aux raccourcis clavier classiques.
- Netedit dispose aussi de fonctionnalités usuelles sur le travail du texte.

Il dispose des outils de Copier-Couper-Coller si utiles.
C'est dans le menu "Edition" que se situent ces fonctions. On y trouve des fonctions comme:
- "Tout sélectionner" qui sélectionne tout le texte,
- "Effacer le Presse-Papier",
- "Supprimer" qui supprime le texte sélectionné sans le conserver dans le Presse Papier contrairement à la fonction "Couper".
- Egalement "DΘfaire".
- Ces options sont aussi disponibles dans le menu contextuel (bouton droit de la souris).

Mode "Refrappe" indésirable:
- Sous Win9x, il arrive parfois que le mode "Refrappe" s'établisse tout seul.
- Quand vous placez le curseur pour ajouter / changer des caractères, le caractère à droite est effacé.
- Ce n'est pas un bogue de Netedit, mais un problème de Delphi® sous Windows 9x®.
- Si cela se produit, appuyez une seconde sur la touche "Inser" du clavier.
- Le mode normal doit de rétablir; s'il ne se rétablit pas, il faut enregistrer le fichier en cours, fermer Netedit et le relancer...
Le menu "HTML" contient un grand nombre de fonctions, qui seront ΘvoquΘes dans diverses rubriques.
- Pour des utilisateurs(trices) plus avancé(e)s, le menu "Script" permet d'écrire trois types de scripts.
- Dans Netedit, nous pouvons aussi changer la police et la couleur des caractères des fenêtres d'édition. Rendez vous dans le menu "Format".
- Ces choix sont enregistrés.
Dans le menu "Commandes":
"Insérer un code couleur", pour écrire un code de couleur dans une feuille de style, ou changer un code précédemment écrit (même commande par
le bouton
de la barre d'outils),
- "Prévisualisation", pour enregistrer et prévisualiser le fichier en cours (même commande par le bouton
de la barre d'outils),
- "Analyseur de code", pour rechercher des erreurs dans le fichier.
- "Coder les caractères spéciaux: permet de coller un texte *.TXT dans un fichier *.HTML et de coder automatiquement tous les caractères spéciaux qu'il contient.
Nota: cette fonction est en cours de développement. Actuellement, la totalité du fichier est traîtée.
Cela peut prendre plusieurs minutes avec une machine lente...
La mise en forme du texte (retours à la ligne, etc. ...) n'est pas encore assumée.

- Pour la gestion des fenêtres d'édition, le menu "Fenêtre" regroupe aussi des fonctions utiles telles que:
- la présentation des fenêtres d'édition (mosaïque, cascade),
- aussi: "Réorganiser les icônes",
- également: "Fermer la fenêtre en cours", pour certains cas où les boutons classiques de "Windows" n'apparaissent pas dans la barre des menus ou ne fonctionnent pas.
- de même: "Fermer toutes les fenêtres", pour la même raison.
- Le menu "Options est équivalent au bouton
de la barre d'outils.
- Enfin dans le menu "?", toutes les choses utiles comme l'Aide, un lien pour visiter La Toile Francophone qui vous propose ce logiciel (enfin le webmaster!), un lien pour m'écrire via mon E-mail,
et la fameuse boîte "A propos de..."