 |
Samedi 09 mai 2026 - 00:15 |
| Translate |
|
| Rubriques |
| Réseaux sociaux |
|
| Liste des jeux Amiga |
|
| Trucs et astuces |
|
| Glossaire |
|
| Galeries |
|
| Téléchargement |
|
| Liens |
|
| Partenaires |
|
| A Propos |
|
| Contact |
|
|
|
Le mois dernier, j'avais réalisé un test d'un éditeur HTML nommé Page Monster. Ce mois-ci, je vais parler de WebDesign, un de ses concurrents. Comme il n'est pas aussi complexe que Page Monster, je ne prévois pas que ce test soit aussi long que celui du mois dernier. Cependant, j'ai la mauvaise habitude de couvrir toutes les principales fonctionnalités d'un programme plutôt que d'en donner un aperçu. Donc, ne m'en voulez pas si je suis trop long.
Contexte
WebDesign a été écrit par Larry McGahey avec l'outil de création CanDo. Le programme est un partagiciel dont le prix recommandé est de 25 $. Une version entièrement fonctionnelle du programme peut être téléchargée sur le site Internet de Larry McGahey à l'adresse www.net-link.net/~lmcgahey. Juste avant de commencer à écrire cet article, j'ai appris que Larry McGahey avait publié la version 1.5 de WebDesign. J'ai téléchargé et installé cette nouvelle version qui est le sujet de ce test.
Installation et exécution
L'installation de WebDesign ne pourrait pas être plus facile. Il suffit de créer un répertoire où vous voulez que le programme réside et d'extraire les fichiers du programme à partir de l'archive Lha. Les fichiers du programme occupent environ 700 ko d'espace disque.
Une fois que les fichiers de l'archive extraits, il suffit de se rendre, via le Workbench, dans le répertoire où se trouve WebDesign. Double-cliquez sur l'icône du programme et le tour est joué.
Configuration
Lors du lancement de WebDesign, la fenêtre "Go Configure" apparaît comme le montre la figure 1.
Figure 1 : la fenêtre initiale "Go Configure"
Une fois tous les paramètres réglés, cliquez sur un bouton dans le coin inférieur droit pour indiquer la taille de la fenêtre que WebDesign utilisera. Vous serez alors transporté vers le programme proprement dit.
Interface du programme
L'interface du programme est illustrée à la figure 2. Elle se compose de menus déroulants, de boutons et d'une fenêtre d'édition.
Figure 2 : l'interface de WebDesign
Génération de code
Le code peut être ajouté à la fenêtre de l'éditeur de WebDesign de plusieurs façons.
- En le saisissant au clavier.
- En l'insérant/ajoutant à partir d'un fichier.
- En le générant automatiquement via des éléments de menu et des boutons.
WebDesign insère normalement le code à l'endroit où se trouve le curseur. Cependant, WebDesign dispose également de ce que j'appelle la fonction d'insertion automatique là où c'est pertinent. Si le code, sur le point d'être inséré, n'a pas sa place à l'emplacement du curseur, il est inséré là où cela a un sens. Par exemple, si vous sélectionnez le bouton "NLINK", qui vous permet de définir la couleur du texte de l'hyperlien dans le document, le code d'attribut approprié est inséré à l'intérieur de la balise "<BODY>", car c'est l'endroit où l'attribut a un sens. Cela se produit quelle que soit la position du curseur. Si cela ne suffit pas, que dire de ceci. Si vous choisissez à nouveau "NLINK" et définissez une couleur différente, WebDesign remplacera l'attribut existant par le nouveau plutôt que de vous laisser avec un code dupliqué.
Si vous ajoutez par erreur du code au mauvais endroit dans le document, n'ayez crainte. WebDesign a la possibilité de couper et de coller du texte.
Tags "R" Us
WebDesign a la capacité d'insérer automatiquement de nombreuses balises HTML différentes. Certaines d'entre elles incluent les anciens standards comme les paragraphes, les sauts, les caractères spéciaux, les règles horizontales, les ancres, les liens, les listes, etc. Il existe également des fonctions plus avancées telles que la taille relative des polices, les formulaires, les tableaux, les cadres, etc. Parmi les nouvelles fonctionnalités du HTML prises en charge par WebDesign, citons la balise "<MARQUEE>" (défilement de texte), les bannières, le fond sonore, le son intégré et la balise "<META>".
Dans certains cas, lorsqu'un menu ou un bouton est sélectionné, les balises HTML de début et de fin sont insérées dans le document. Dans d'autres cas, une fenêtre de requête apparaît à l'écran et attend une nouvelle saisie. Une fois que les informations sont saisies et que l'on appuie sur le bouton "OK", toutes les balises et tous les attributs pertinents sont insérés dans la fenêtre de code d'un coup.
Aide
Il y a tellement de balises et d'attributs disponibles en HTML que même un programmeur expert peut en oublier quelques-uns de temps en temps. Il en va de même pour l'interface de WebDesign. Il y a tellement d'éléments de menu et de boutons que vous pouvez oublier à quoi servent certains d'entre eux. Dans ce cas, il suffit d'appuyer sur la touche "Help" (aide) et un fichier d'aide AmigaGuide apparaîtra.
Figure 3 : le contenu du fichier d'aide AmigaGuide
Pilotage de WebDesign
Il est évident qu'il y a beaucoup trop de fonctionnalités dans WebDesign pour que je puisse en parler en détail. J'ai donc décidé de tester le programme en créant quelques pages. J'ai décidé de créer une page principale composée de deux cadres, puis de produire une page plutôt simple pour le cadre gauche et une autre plus complexe pour le cadre droit.
Le listing 1 montre le code généré par WebDesign pour un lot de cadres ("<FRAMESET>") composé de deux cadres. N'oubliez pas que lorsque vous utilisez des cadres, la balise "<FRAMESET>" remplace la balise "<BODY>" dans le code HTML. Heureusement, WebDesign a la possibilité de vous faire démarrer avec un modèle de cadre plutôt qu'un modèle standard. Il suffit de supprimer tout ce qui se trouve dans la fenêtre de code et de sélectionner l'élément de menu "Frames/Frame Template" (cadres/modèle de cadres). Le code illustré à la figure 4 est inséré dans la fenêtre de code.
Figure 4 : le code du modèle de cadre
Le listing 2 montre le code qui s'affiche dans le cadre de gauche, et le listing 3 montre le code qui s'affiche dans le cadre de droite. La figure 5 montre comment tout cela se présente dans un navigateur.
Figure 5 : code de test généré par WebDesign
Figure 6 : requête pour la génération d'un lien URL complet
Figure 7 : requête pour la création d'une liste ordonnée ou non ordonnée
Figure 8 : requête pour la création d'un tableau
Figure 9 : requête pour définir un cadre
WebDesign 1.5 est assez stable. Il existe une situation dans laquelle le programme se bloque et vous ramène au Workbench. Cela se produit lorsque l'on appuie sur le bouton "Cancel" (annuler) de la requête de fichiers qui apparaît après avoir sélectionné le bouton "Add Address to List" (ajouter adresse à la liste) dans les requêtes "Full URL htp" (figure 6) et "Local URL".
Une petite source d'irritation a été le fait que je ne pouvais pas spécifier un attribut "TARGET" lors de la création de liens hypertextes. Ce serait utile pour créer des liens qui fonctionnent dans des cadres.
Enfin, lorsque j'utilise les touches fléchées pour me déplacer dans le code, le curseur est très lent. Si vous devez vous déplacer sur une certaine distance dans le fichier, il est préférable de cliquer simplement au nouvel emplacement.
Conclusion
Il est évident qu'il est très avantageux d'avoir une compréhension préalable du code HTML lorsque l'on utilise WebDesign. Ayant commencé mon code HTML avec un simple éditeur de texte, j'aime le contrôle que j'obtiens en utilisant un programme comme WebDesign. Cependant, si vous ne connaissez pas le HTML et que vous n'avez pas envie de l'apprendre, vous pouvez essayer autre chose.
|
Nom : WebDesign 1.5. Auteur : Larry McGahey. Genre : éditeur HTML. Date : 1997. Configuration minimale : Amiga OCS, 68000, 1 Mo de mémoire, AmigaOS 2.0. Licence : partagiciel. Téléchargement : WebDesign.lha. Prix : 25 $. NOTE : 7,5/10. |
|
