PrΘsentation de DS-EditeurHTML v2.0

PrΘsentation de DS-EditeurHTML

DS-EditeurHTML v2.0 Logiciel FREEWARE
Auteur ⌐ DEFARGE Serge 09/2002

DS-EditeurHTML est un Θditeur de fichiers Internet au format DHTML " WYSIWYG ". Utilise le contr⌠le DHTMLED.OCX de MicroSoft.
Les fichiers crΘes sont compatibles avec IE et Netscape. (IE Version 6 conseillΘe)

DS-EditeurHTML permet  :


    Sommaire   

Les menus

Menu Fichier

Menu Edition

Menu Affichage

Menu InsΘrer / PropriΘtΘs

Menu Format du texte

Menu Tableau

Menu 2nd Plan

Menu Utilitaires

Menu Aide

Auteur

Conseils



Menu Fichier

Nouveau (Mode Θditeur)  : CrΘe un nouveau document HTML en mode Θditeur WYSIWYG. Les couleurs de liens, de fond de page, couleurs des barres de dΘfilement, les Θtiquettes META sont paramΘtrables et peuvent Ωtre sauvegardΘes dans un fichier <.dsh>. Si le nom du fichier de sauvegarde est <defaut.dsh>, ce fichier sera automatiquement chargΘ lors de la crΘation d'un nouveau fichier.

Ouvrir  un fichier HTML (Mode Θditeur) : Ouvre un fichier HTML existant. Ce mode permet dÆouvrir ou de modifier des pages au format HTML ne possΘdant pas de cadres. Pour crΘer des pages HTML avec cadres, utiliser le menu <Assistant de crΘation de pages avec cadres>. Pour modifier un fichier HTML utiliser le menu <Ouvrir uniquement en mode texte (Code source)>.

Nouveau fichier en mode texte : CrΘe un nouveau fichier en mode texte. (HTML-CSS-Script...)

Ouvrir pour aperτu Internet : Ouvre un fichier au format HTML pour visualisation et test.

Ouvrir uniquement en mode texte (Code source) : Cette option permet dÆouvrir uniquement un fichier en mode texte. A utiliser de prΘfΘrence pour modifier un fichier HTML qui possΦde des cadres (Frames).

Importer fichier au format RTF: Importe un fichier au format RTF et le transforme au format HTML.

Enregistrer : Enregistre le document au format DHTML.

Enregistrer Sous  : Permet de choisir le chemin de sauvegarde du document.

Enregistrer au format RTF : Exporte le document courant au format RTF compatible avec les traitement de texte. (Word etc.). Les bordures de tableau ne sont pas prises en compte.

PropriΘtΘs de la page: Permet de rΘgler les propriΘtΘs de la page, de choisir la couleur de fond, l'image de fond et les couleurs de texte, et de la couleur des liens divers.

Imprimer: Imprime le document en cours.

Configurer l'imprimante: Permet de configurer l'imprimante avant l'impression du document.

Aperτu Internet : Visualisation du document dans le navigateur intΘgrΘ. Le document est automatiquement enregistrΘ avant de le visualiser. L'impression du document peut Θgalement Ωtre effectuΘe α partir du mode de visualisation Internet.

Mode texte: Visualisation du document en mode Θditeur de texte. Le document est automatiquement enregistrΘ avant de le visualiser.

Le mode texte permet entre autre :

Assistant de crΘation de pages avec cadres (Frames) : Cet utilitaire permet de crΘer automatiquement des pages HTML possΘdant des cadres (Frames). 32 type de pages HTML avec cadres sont prΘdΘfinies.

Principe de crΘation :

Nota : DS-EditeurHTML ne peut ouvrir en mode crΘation les fichier HTML possΘdant des cadres (Frames). Une erreur apparaεt lors de lÆouverture de tels fichiers. Les propriΘtΘs du document peuvent Ωtre modifiΘes en mode texte.

Assistant de crΘation d'album photos : Cet utilitaire permet de crΘer automatiquement un fichier HTML de type album photo.

Principe :

1. CrΘer un nouveau fichier document HTML
2. Affecter un nom au fichier HTML
3. Affecter les paramΦtres du tableau et les options sur les vignettes
4. Choisir le dossier contenant les images ou photos α insΘrer
5. Ajouter les images dΘsirΘes dans la liste de sΘlection
6. Cliquer sur le bouton <Appliquer>

Le fichier HTML est crΘe dans le dossier du nouveau fichier document HTML. Les vignettes au format JPEG sont automatiquement crΘes dans ce mΩme dossier.

PrΘfΘrences : Permet de personnaliser et dÆaffecter les options de paramΘtrage de DS-EditeurHTML.

  • Chemin de Internet Explore, Netscape ou autre navigateur.
  • Couleurs et police de lÆΘditeur mode texte (Code source)
  • Chemin des logiciels de transfert FTP et traitement dÆimages

Quitter: Quitte DS-EditeurHTML

Retour au sommaire



Menu Edition

Nota: Pour changer la police du texte sΘlectionnΘ, cliquer sur la touche droite de la souris puis menu < Police...>


Annuler: Annule la derniΦre commande.

RΘtablir: Permet de rΘtablir la derniΦre commande. A utiliser lors de suppression accidentelle. Etc.

Couper: Coupe la sΘlection.

Copier: Copie la sΘlection dans le presse-papier.

Coller: Colle la sΘlection dans le presse-papier.

Tout sΘlectionner: SΘlectionne tous les ΘlΘments de la page.

Rechercher texte sur la page : Permet de rechercher une chaεne de caractΦres sur la page en cours.

Grille aimantΘe: Permet d'utilser la grille non visible pour aligner automatiquement les ΘlΘments sur la page.

Pas de la grille: Permet de rΘgler la pas de la grille en pixels.

Retour au sommaire


Menu Affichage

Bordures: Affiche les bordures des ΘlΘments telles que les zone de texte flottantes.

DΘtails: Affiche les dΘtails du document.

Arbre de crΘation  : Affiche l'arbre de crΘation de la page Internet. Vous pouvez modifier le conteneu des ΘlΘment HTML α l'aide d'un double clic sur l'ΘlΘment dΘsirΘ.

Afficher dans Internet Exploreur : Affiche le document HTML en cours dans IE.

Afficher dans NetScape : Affiche le document HTML en cours dans NetScape.

Autre Navigateur : Affiche le document HTML en cours dans un autre navigateur. (ParamΘtrage α effecter dans le menu <PrΘfΘrences>.
Nota : VisuHTM est un navigateur multifenΩtrage gratuit, plus rapide que IE, et disponible sur mon site Internet.

Retour au sommaire


Menu InsΘrer / PropriΘtΘs

La barre outils de gauche permet d'insΘrer tous les ΘlΘments du menu <InsΘrer / PropriΘtΘs>.

Image : Permet soit dÆinsΘrer une nouvelle image, soit de modifier les propriΘtΘs de lÆimage sΘlectionnΘe. PossibilitΘ de voir les fichiers GIF animΘs.

Lien : Permet soit dÆinsΘrer un nouveau lien, soit de modifier les propriΘtΘs du lien sΘlectionnΘ. Pour crΘer un lien, il faut sΘlectionner un texte et cliquer soit sur le bouton < InsΘrer un lien > (Barre outils de gauche) soit menu <InsΘrer un lien>. Ce menu ne permet pas de modifier ou de visualiser les propriΘtΘs dÆun lien α partir dÆune image. Choisir lÆoption <Lien / PropriΘtΘs du lien sur image> ci-dessous.

Image / PropriΘtΘs de lÆimage sΘlectionnΘe : Permet soit dÆinsΘrer une nouvelle image, soit de modifier les propriΘtΘs de lÆimage sΘlectionnΘe.

Lien / PropriΘtΘs du lien sur image : Permet soit dÆinsΘrer un nouveau lien, soit de modifier les propriΘtΘs du lien sΘlectionnΘ sur une image. Pour crΘer un lien sur une image, il faut sΘlectionner un texte et cliquer soit sur le bouton < InsΘrer un lien > (Barre outils de gauche) soit menu <InsΘrer un lien>.

Image / PropriΘtΘs de l'image sΘlectionnΘe: Permet soit d'insΘrer une nouvelle image, soit de modifier les propriΘtΘs de l'image sΘletionnΘe.

Lien / PropriΘtΘs du lien sΘlectionnΘ: Permet soit d'insΘrer un nouveau lien, soit de modifier les propriΘtΘs du lien sΘlectionnΘ. Pour crΘer un lien, il faut sΘlectionner un texte et cliquer soit sur le bouton < InsΘrer un lien > (Barre outils de gauche) soit menu <InsΘrer un lien>.

Il est conseillΘ de rechercher le chemin d'un fichier avant de crΘer un lien sur un fichier.

Ligne horizontale: InsΦre une ligne horizontale paramΘtrable.

Zone de texte flotant: InsΦre une zone de texte flotant. Ce texte passe automatiquement au 2nd Plan et peut Ωtre dΘplcΘ sur la page.

Fichier HTML ou TXT: InsΘre un fichier HTML ou TXT α la position du curseur.

Ligne de texte HTML: InsΦe un eligne de texte au format Normal HTML.

Cible / Signet sur la page: Une cible est une sorte d'Θtiquette ou Label qui permet de crΘer un saut vers cette cible α partir d'un lien crΘΘ sur la mΩme page. Vous pouvez copier dans le presse papier le nom de la cible crΘe afin de l'insΘrer dans un lien.

Le lien crΘe vers la cible doit Ωtre prΘcΘdΘ du symbole # et choisir <Autre> dans la liste dΘroulante du type de lien.

Bouton: CrΘation d'un bouton. Un double clic sur le bouton permet de modifier le nom. Un lien JavaScript avec un ΘvΘnement "onclick" peut Ωtre automatiquement crΘe.

Bouton <Parcourir...> : CrΘation d'un bouton Parcourir α la recherche d'un fichier. Un double clic sur le bouton permet de modifier le nom.

Case α cocher: InsΦre une case α cocher.

Boεte de texte: InsΦre une boεte de texte avec une seule ligne.

Boεte detexte multilignes : InsΦre une boεte de texte avec possiblitΘ d'insΘrer plusieurs lignes de texte.

Liste dΘroulante: InsΦre une liste dΘroulante avec options paramΘtrables. Le mode texte permet de modifier le texte des options.

VidΘo / MultimΘdia: InsΦre une vidΘo ou affiche les propriΘtΘs du fichier multimΘdia. Les format reconnus sont AVI et MPEG pour les vidΘos.

Texte DΘfilant : Insere un texte dΘfilant.

Formulaire FORM : InsΘre un objet formulaire.

Texte avec couleurs dΘgradΘΘs : InsΘre un texte avec couleurs dΘgradΘes α la position du curseur.

Saut de ligne : InsΘre soit un suat de ligne normal, ou un saut de ligne avec rΘinitailaisation des marges droite ou gauche.

Couche : InsΦre une couche de type "LAYER"

Saut  de page : InsΦre un saut de page α la position du curseur

Supprimer le lien sΘlectionnΘ: Supprime le lien sΘlectionnΘ positionnΘ sur le curseur.

Retour au sommaire



Menu Format du texte

Permet d'affecter automatiquement un type de texte dans l'Θditeur.

Les diffΘrΘnts formats : Normal - FormatΘ - Adresse - En-tΩte - Liste numΘrotΘe - Liste α puce - Paragraphe - Etc

Retour au sommaire



Menu Tableau

InsΘrer un tableau: InsΦre un tableau α la position du curseur. Le nombre de lignes, de colonnes et les couleurs sont paramΘtrables. La modification du nombre de lignes ou de colonnes se fera avec la touche droite de la souris lorsque le curseur se trouve sur le tableau.

InsΘrer: InsΦre Ligne - Colonne - Cellules.

Supprimer: Supprime Ligne - Colonne - Cellules.

Fusionner les cellules: Fusionne les cellules sΘlectionnΘe en une seule cellule. Pour que le menu soit actif il faut qu'au moins deux cellules soient sΘlectionnnΘes.

Fractionner les cellules: Fractionne la cellule sΘlectionnΘe en 2 cellules

PropriΘtΘs du tableau : Affiche les propriΘtΘs du tableau sΘlectionnΘ.


Voir Touche bouton droit de la souris.

Retour au sommaire



Menu 2nd Plan

Pour faire passer un ΘlΘment au 2nd plan, il faut sΘlectionner un ΘlΘment du premier plan puis touche droite de la souris - Menu < Passer au 2nd Plan >.

Le 2nd Plan permet de dΘplacer et de redimensionner les ΘlΘments sur la page. (tableaux , images, etc.)

Position absolue/Annuler la derniΦre postion: Place l'ΘlΘment au second plan ou en position prΘcΘdente.

Mettre au premier plan: Force l'ΘlΘment sΘlectionnΘ α revenir au premier plan.

Envoyer α l'arriΦre plan: Force l'ΘlΘment sΘlectionnΘ sur le 2nd plan.

Avancer d'un plan: Si 2 ΘlΘments sont actifs au second plan, cette option permet d'intervenir au niveau des couches de visibilitΘ. Cas des images supperposΘes, etc.

Reculer d'un plan: Permet lors de la supperposition d'ΘlΘments du 2nd plan d'intervertir le niveau de visibilitΘ de l'Θlement sΘlectionnΘ.

Mettre au dessus du texte: Si l'ΘlΘment est au second plan, le texte α l'arriΦre plan ne sera pas visible.

Mettre au dessous du texte: Le texte d'arriΦre plan sera visible. L'ΘlΘment au 2nd plan sera considΘrΘ comme transparent.

VΘrouiller la position : Bloque l'ΘlΘment sΘlectionnΘ dans sa position. Il ne peut plus Ωtre dΘplacΘ.

Retour au sommaire


Menu Utilitaires

Rechercher le chemin d'un fichier: Cette option permet de copier dans le presse-papier le chemin complet d'un fichier. Cette option est α utiliser avant de crΘer un lien sur un fichier. Il suffit ensuite de coller le rΘsultat de la recherche dans le lien. (file://)

Retrouver les cibles sur la page: Permet de retrouver et de copier dans le presse papier le nom d'une de cible prΘsente sur la page. A utiliser avant de crΘer un lien vers une cible. (Autre)

Rechercher l'adresse Internet d'un fichier URL: Cette option permet de copier dans le presse-papier l'adresse d'un fichier .URL afin de crΘer un lien vers un site Internet. Il suffir de coller le rΘsultat dans la fenΩtre de crΘation de liens. (http://)

Codes couleurs HTML : Permet de retrouver les codes couleurs HTML. Le code peut Ωtre copiΘ dans le presse papier.

Voir fichiers VidΘo / MultimΘdia  : Permet de rechercher et d'ouvrir les fichiers multimΘdia.

Voir fichier Images / CrΘation de Vignettes  : Permet de parcourir les dossiers pour retrouver et visualiser les images. Les images peuvent Ωtre enregistrΘes au format JPG avec un taux de compression paramΘtrable ou au format GIF 256 couleurs. Une vignette peut Ωtre crΘe α partir du fichier image.

Convertisseur de format d'image : Permet de convertir les format d'image. BMP > GIF - GIF > BMP - JPEG > BMP - BMP > JPEG

CrΘation de zones cliquables sur image  : Cet utilitaire permet de crΘer des zones cliquables (Avec lien) sur une partie dÆune image.

Principe de crΘation de zones :

Logiciel de transfert FTP : Permet de lancer votre logiciel de Transfert FTP α partir de DS-EditeurHTML.
Nota : DS-FTP est un logiciel de transfert FTP gratuit qui permet de tΘlΘcharger vos document Web sur votre site.
Ce logiciel est disponible sur mon site Internet.

Logiciel de traitement d'images : Permet de lancer votre logiciel de traitement d'images α partir de DS-EditeurHTML.
Nota : DS-Image est un logiciel de traitement d'image gratuit qui permet de crΘer ou de modifier les images disponible sur mon site Internet.
Ouvre et Enregistre les images au format courant BMP-JPEG-GIF. PossΦde quelques filtres et effets spΘciaux. Etc...

Retour au sommaire


Menu Aide

A Propos: Affiche le numΘro de version du logiciel

Aide  : Affiche cette aide

Index HTML : Affiche un index sur le code HTML

Retour au sommaire


Conseils de crΘation de site perso et de pages Web

1 û CrΘation dÆun site

Avant de vous lancer dans la crΘation de pages Internet, ou dÆun site Web perso, un moment de rΘflexion sÆimpose.

Les conseils :


╖ Avant toute chose, dΘfinissez avec prΘcision le thΦme traitΘ sur votre site, le contenu des pages html, les photos ou images, les fichiers multimΘdias, le contenu de la page dÆacceuil, dÆintroduction, de navigation, les liens, etc.

╖ Important : La premiΦre page affichΘe doit Ωtre relativement simple et doit se charger rapidement. Evitez les photos de grande rΘsolution, les animations lourdes. Si votre premiΦre page est longue α se charger, les visiteurs risquent rapidement de se lasser er dÆabandonner la consultation de votre site perso.

╖ DΘfinissez la structure arborescente de vos dossiers dans laquelle vos allez crΘer vos pages HTML. Il faut que toutes vos pages HTML et les fichiers constituants vos pages soient sur un mΩme lecteur et dans des sous dossiers du dossier principal.

Exemple :

Dossier principal :
C:\Mes Documents\Site Perso

Sous Dossiers :
C:\Mes Documents\Site Perso\Images
C:\Mes Documents\Site Perso\Pages
C:\Mes Documents\Site Perso\Animations
C:\Mes Documents\Site Perso\MultimΘdia
C:\Mes Documents\Site Perso\etc.

Le bon fonctionnement de votre site dΘpend de cette organisation.
Vous devrez crΘer une structure identique, avec les mΩmes sous dossiers sur le serveur de votre Fournisseur dÆAccΦs Internet (FAI)

Une solution simple est  de crΘer un seul dossier dans lequel seront tous vos fichiers.

Une fois que votre structure est dΘfinie, que vos fichiers sont correctement placΘs dans les sous dossiers vous pouvez commencer α crΘer vos pages HTML.

2 û Conseils dÆutilisation de DS-EditeurHTML

Utilisation de pages avec cadres (FRAMES)

Si vous dΘsirez utiliser une page avec des cadres, il faut dΘfinir avant toute chose le nom des cadres et les noms des fichiers HTML qui seront lancΘs au lancement de votre page.

Exemple :
CrΘation dÆune page avec 3 cadres :  Nom du fichier Index.html ( Ce nom est souvent demandΘ par votre FAIL en tant que page principale et de rΘfΘrencement de site.)

Cadre 1 : Nom : Titre - Fichier : Titre.html
Cadre 2 : Nom : Sommaire - Fichier : Sommaire.html
Cadre 3 :  Nom : Principal - Fichier : Acceuil.html

Si vous dΘsirez que les liens situΘs dans la page Sommaire.html soient redirigΘs vers le cadre 3 Principal, il faut indiquer dans les propriΘtΘs de la page Sommaire.html que le cadre destination est Principal.

3 û Publication de vos pages et fichiers sur le serveur

Avant toute opΘration crΘer les sous dossiers correspondant α votre arborescence de votre disque dur.
Envoyer vos fichiers en respectant la structure arborescente identique. Le fichier HTML principal (Index.html) doit se trouver sur la racine du serveur.

DS-FTP est un logiciel de transfert FTP freeware qui permet de rΘaliser toutes ces opΘrations. ( A voir sur mon site Internet)

Retour au sommaire


Auteur

DEFARGE Serge
20, Rue Elsa Triolet
03410 DOMERAT

TEL 04.70.03.25.40
FAX 04.70.03.25.40
E-Mail :  serdef@club-internet.fr
Url :   http://perso.club-internet.fr/serdef

Merci d'utiliser DS-EditeurHTML.

Retour au sommaire