PrΘsentation de DS-EditeurHTML
|
DS-EditeurHTML v2.0 Logiciel FREEWARE |
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
:
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 :
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.
Quitter: Quitte DS-EditeurHTML
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.
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.
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.
Voir Touche bouton droit de la
souris.
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...
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
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)