Création des pages Web - Utilisation de DS-EditeurHTML
- La version 4.2.2 est disponible - (Mise à jour du 20/03/2007)
Présentation de DS-EditeurHTML |
DS-EditeurHTML permet de créer facilement en mode Wysiwyg des pages Web au format HTML. C'est un éditeur HTML gratuit qui permet de créer vos pages soit en mode éditeur soit en mode texte.
Inutile de connaître le code HTML pour créer de simples pages Web. Par contre la connaissance de ce code et du langage Javascript vous permettrons d'améliorer la qualité de vos pages.
Un assistant Javascript vous permettra également de réaliser quelques scripts sans connaître de ce langage.
Voir menu - Insertion d'objets
Structure des dossiers |
Avant de commencer à écrire vos pages Web, il faut définir un plan, le contenu de votre site.
Vos documents doivent être structurés et vos dossiers hiérarchisés. Une arborescence de vos dossiers doit être prévue avant la création de vos pages. Prévoir des dossiers pour mettre vos images ou photos, logos, vos fichiers sonores, vos copies d'écran, éventuellement des fichiers à télécharger, etc... Sur le serveur vous devez créer la même structure des dossiers.
Exemple de structure d'un site
Les noms de fichiers et dossiers |
Les conseils pour ne pas avoir de désagrément lors de la mise en ligne
Création d'une page au format HTML |
Dans le menu Fichier --> Nouveau document HTML en mode éditeur
Confirmer la création d'un nouveau document HTML puis compléter les différentes rubriques. Il n'est pas obligatoire de remplir tous les champs, les propriétés, couleurs, étiquettes META, couleurs des barres de défilement, etc... pourront être définies ultérieurement. Le bouton <Enregistrer> permet de sauver les informations données et le bouton <Charger> permet de restituer des informations sauvegardées.
Une fois toutes les informations complétées, cliquez sur le bouton <Appliquer...> Enregistrer votre document dans votre dossier Site_Perso.
Vous pouvez créer votre première page Web.
Insertion d'élements HTML |
Le principe d'un éditeur Wysiwyg est de composer sa page telle qu'un éditeur de texte (Word...) le ferait.
Ce que je vois --> ce que j'obtiens
Il suffit de taper son texte et d'insérer des éléments HTML pour embelir les pages.
Dans un premier temps utilisez simplement les élements principaux, image, lien, tableaux...
Voir : Insertion d'objets HTML