• Éditeur HTML •  NETEDIT • © Sébastien MOREY • 1998 - 2002 •


• Aide de Netedit 7.x •


Cette Aide contient des images *.PNG.
Pour l'utiliser, veuillez conserver la visionneuse HTML intΘgrΘe

Built-in Viewer English Help


Le Sommaire
  1. Index alphabétique
  2. Présentation.
  3. Installation
  4. Barre d'outils personnalisée et Options
  5. Fenêtre Principale & Barre d'outils.
  6. Utilisation du logiciel
  7. Netedit 7.x / 32 bits: spécificités
  8. Le projet - Lancer Netedit
  9. Boîte de dialogue: Nouveau fichier Html
  10. Boîte de dialogue: Balises Meta
  11. Boîte de dialogue: Image
  12. Images réactives
  13. Boîte de dialogue: Fichier son
  14. Son, vidΘo: balise "Embed"
  15. Boîtes de dialogue: Fichier HTML muni de frames
  16. Analyseur de code et Aide des balises HTML
  17. Raccourcis clavier
  18. Désinstallation
  19. 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).

sommaire.png









• Fenêtre Principale & Barre d'outils •

Utilisation

Sommaire

Veuillez cliquer sur les menus, boutons et fenêtres pour atteindre les rubriques ou paragraphes.

FenΩtre de Fichier Bouton *Escamoter le cadre* Arbre Projet Liste Fichiers Bouton Options Boutons personnalisΘs Outil * Couleurs * Image rΘactive Image Liens Email Outils Texte Analyse PrΘvisualisation Copier-Couper-Coller Fermer FenΩtre Enregistrer Fermer Projet Ouvrir Projet Nouveau Fichier Menu Aide Menu Format Options Menu FenΩtre Menu Commandes Menu Script Menu HTML Menu Edition Menu Fichier A l'ouverture...

• Netedit 7.x - Spécificités •




  1. Aspect.
  2. Fonctions étendues: visionneuse HTML intégré. -Recherche de mot(s) - Casse - ...
  3. Langues:  Changer de langue...
  4. Caractéristiques particulières
  5. Informations diverses...
  6. Boîtes de dialogue.

Sommaire
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:  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" 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 •



  Retour spécificités 









• Changer de langue •




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 Options à 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: Pour changer:

Ouvrir Lng.


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:
Retour α: Boutons persos.


  Retour spécificités 









• Informations diverses •




  Retour spécificités 




• Ligne de séparation •

Séparation


Pour obtenir la boîte de dialogue: Menu HTML "Style" "Ligne de séparation".

  Retour spécificités 








• Boîtes de dialogue  •




• Version 7.1 •




Lien site



• Lien vers un fichier local: "F8" •

Lien local

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


Envoyer un E-mail
Retour spécificités 

Sommaire










• Barre d'outils personnalisée •

Boîtes de dialogue "Options"

English page

Options

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:
  1. Appuyez sur le 20° bouton Bouton Options : la fenêtre "Boutons personnalisés" s'affiche.
  2. Cliquez sur le numéro correspondant au bouton choisi.
  3. Tapez le code désiré dans le champ d'édition.
  4. Choisissez une image en cliquant sur "Image" (une boîte de dialogue s'ouvre).
  5. Le bouton "Effacer Image" permet d'effacer l'image du bouton sélectionné.
  6. Le bouton "Tout effacer" permet d'effacer toutes les données relatives à un bouton (texte associé et image).
  7. Cliquer sur "Valider".
  8. Cliquer sur"OK".
Pour créer les info-bulles correspondantes pour vos boutons:

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:
Code
Pour Win95 avec mise α jour des polices, € Θcrira le caractΦre Euro
Menu "HTML "Caractères" "Autres" "Euro".

ASCII Sup.
Retour à: Fonction "Chercher"...
Sommaire

• Autres fenêtres des options •

 L'onglet "Visionneuse HTML" permet de choisir:
Sommaire











Aide de Netedit - ©Sébastien Morey & Claude Charries - 1999~2001. Sommaire DΘbut rubrique










• 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>.

Sommaire












• 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".

Embed

Vous devez tout d'abord spécifier un fichier de type MID, WAV, MOV ou AVI.
Ensuite diverses options s'offrent à vous:
Sommaire
Voir aussi:  Son en boucle
Aide de Netedit - ©Sébastien Morey & Claude Charries - 1999~2001.









• Analyseur de code •




English page.

A consulter: Aide des balises

Analyse

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 :
  1. 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…
  2. 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.
  3. 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.
  4. 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ù:
  1. 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!
  2. 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.
  3. 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!
  4. 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>
  5. 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.
  6. X- Un signe < est attendu : vous avez certainement oublié de coder le signe >.
  7. 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...
UN BUG?         QUEL BUG?
Sommaire
















• Les frames •

English Page

Fichiers dans le frame

 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 Barre d'outils Boîte déroulante  Cliquer sur: Fichier HTML muni de frames.

Ce qui est possible dans cette boîte:

• 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.

Frameset

Sommaire

• 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".

Frame

Sommaire
















• Fichier HTML •


English page

Fichier HTML

Cette boîte de dialogue vous permet de créer la structure générale du fichier HTML.
Pour l'obtenir, utilisez le bouton Nouveau Fichier HTML de la barre d'outils, et cliquez sur l'icône: Fichier HTML dans la boîte de dialogue présentée:
Boîte Couleurs

Sommaire









• Choix des images •

English page  Aller à: Image réactive

Boîte Image

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 Image de la barre d'outils.
Le choix du fichier est classique. Vous avez aussi les possibilités suivantes:
p-rose.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.

Sommaire









• Installation •

 Suivant le fichier téléchargé, vous avez trois possibilités:

 S'il s'agit d'une archive ".ZIP" simple:  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.

Sommaire










• 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:

B.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:
Sommaire












• "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

• Lancer Netedit •


Boîte Projet

  1. 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".
  2. Pour l'obtenir: icône b-ouvr-proj.png "Ouvrir projet" de la barre d'outils ou menu "Fichier".
  3. 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.
  4. 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).
  5. 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.
  6. Dès que vous avez appuyé sur "OK, la fenêtre principale du programme s'ouvre.
  7. 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.
  8. 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.
  9. Le cadre peut ensuite être escamoté par le bouton Escamoter qui y est placé.
  10. Tout l'espace de la fenêtre étant disponible, vous pouvez alors agrandir celle du fichier
    pour travailler "à l'aise"!
  11. A tout instant, vous pouvez rouvrir le cadre avec le petit bouton O. Cadre qui se trouve dans la bande gauche de la fenêtre principale. Vous pouvez alors ouvrir un second, troisième... fichier du projet.
  12. Tous les menus sont disponibles dès qu'un fichier est ouvert.
  13. Vous pouvez ouvrir ou créer un fichier de format *. TXT, *.CSS, *. DIZ ou similaire sans aucun inconvénient ni précaution particulière.
  14. Également les fichiers de Netedit: *.MN1, *.MN2, *.DLG (Langue) ainsi que *.SAV (Configuration).
  15. 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!
  16. Pour fermer correctement Netedit:

Sommaire
 Début page 














• Raccourcis clavier •


Raccourcis Clavier


Sommaire








• 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.

          Retour texte

MAP


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 •



Attention!
Sommaire
  Début page 











• Son en boucle •

English page

Dialogue *Son*


 C'est une boîte de dialogue classique où l'on choisit un fichier "Son" à jouer en boucle.

Sommaire
Voir aussi: "Balise Embed"

















• Statut du programme •



 Ce programme est un "Freeware".

Configuration minimale d'utilisation et de tests:

Processeur Pentium MMX 166 Mhz (INTEL)
Mémoire RAM 96 Mo
Système Windows 98/2

Sommaire

Claude Charries: bêta-testeur












• Remerciements •

Un grand merci à:
Sommaire















• Utilisation de Netedit •

 Mode "Refrappe" indésirable:

Sommaire