Dreamweaver et Accessibilité. Optimisation de l'espace de travail pour la conception de pages accessibles

22.06.2020

travail de diplômé

1.1 Interface de Dreamweaver

Environnement professionnel puissant Dreamweaver dispose de tous les outils nécessaires pour générer des pages HTML de toute complexité et échelle. Il fournit un mode de conception visuel (WYSIWYG ou What You See Is What You Get - "ce que vous voyez est ce que vous obtenez"), a un travail très propre avec le texte source des documents Web et a un support intégré pour les grands réseaux projets. Aucun des éditeurs qui existent aujourd'hui n'a pleinement implémenté le concept WYSIWYG. Dreamweaver s'est rapproché de l'idéal déclaré que ses concurrents. Le travail direct avec des codes n'est pas complètement exclu, mais réduit à un minimum raisonnable. Le programme dispose non seulement d'un puissant arsenal d'outils de conception visuelle, mais est également capable d'afficher des pages Web presque comme des visualiseurs spécialisés : Microsoft Internet Explorer ou Netscape Navigator.

Macromedia Dreamweaver MX est l'un des programmes les plus puissants qui prend en charge toutes les normes Internet modernes et rend même les tâches les plus complexes incroyablement faciles. De plus, il contient un système développé d'astuces et de leçons interactives qui permettent à un utilisateur novice de démarrer rapidement.

L'interface du programme a changé par rapport aux versions précédentes. Le nouveau style facilite grandement le travail avec le programme. Si dans les versions précédentes du programme, vous deviez constamment basculer entre les fenêtres, vous pouvez désormais travailler simultanément avec le code et avec la vue finale du site, ce qui simplifie grandement le travail.

Lors du chargement de Dreamweaver, une fenêtre de démarrage apparaît (Fig. 1), qui vous permet de sélectionner le type de nouveau document en cours de création (HTML, ColdFusion, PHP, etc.) ou de créer un document à l'aide d'exemples prêts à l'emploi (feuilles de style CSS , Framesets, etc.), ainsi que les documents récemment utilisés. En outre, il existe des liens vers des ressources en ligne telles que le site Dreamweaver MX Exchange, une présentation du logiciel Dreamweaver MX et des informations d'aide pour Dreamweaver MX.

Fig. 1. Fenêtre de démarrage de Dreamweaver MX

L'espace de travail Dreamweaver contient les fenêtres et panneaux suivants :

la fenêtre du document (Fig. 2), qui permet de visualiser et de modifier le code du document (Code), de visualiser l'apparence du futur document (Design) ou à la fois le code et l'apparence (Split). Il est également possible de visualiser le document dans un navigateur Internet, de vérifier les erreurs, etc. ;

Fig.2. Fenêtre de document

Menu déroulant standard (Fichier, Édition, Affichage, Insérer, Modifier, Texte, Commandes, Site, Fenêtre, Aide) (Fig. 3) ;

Fig.3. Menu déroulant standard

Propriétés du panneau (Propriétés) (Fig. 4), qui vous permet de modifier et d'ajouter des propriétés du fragment de code sélectionné ;

Fig.4. Panneau Propriétés

Panel Insert (Insert) (Fig. 5), comprenant les onglets suivants : Common (Basic) - insérer des hyperliens, des tableaux, des images, des commentaires, etc., ainsi que Tag Chooser (Choisir une balise) ; Mise en page (balisage) - l'utilisation de cellules et de tableaux pour la mise en page du document avant d'ajouter du contenu ; Formulaires (Forms) - ajout de différents types de formulaires ; Texte (Texte) - formatage du texte et éditeur de balises de police (éditeur de balises de texte); HTML - ajout d'une ligne horizontale, d'éléments de tableau, de cadres, de propriétés d'en-tête, de scripts ; Application (Applications) - travailler avec des structures d'information ; Éléments Flash (éléments Flash) - ajout de films Flash, Favoris (Favoris) - possibilité d'ajouter les objets les plus fréquemment utilisés dans un onglet séparé.

Fig.5. Panneau d'insertion

Groupe de panneaux : Conception (contient des styles CSS), Code (contient de l'aide sur les balises, les objets et les fonctions de diverses technologies), Application (contient des informations sur les bases de données, les composants, etc.), Fichiers (Gestionnaire de fichiers) (Fig.6) .

Fig.6. Groupe de panneaux Conception, Code, Application, Fichiers

1. Informations générales. PHP est un langage de traitement hypertexte (HTML) utilisé côté serveur (langage de script côté serveur) dont les constructions sont insérées dans le texte HTML. Son but est de permettre la création de pages Web générées dynamiquement le plus rapidement possible. PHP est open source, ce qui signifie qu'il est gratuit et que vous pouvez créer vos propres extensions de langage.

PHP est le plus jeune, le plus prometteur et le plus rapide des langages de programmation pour Internet, la part de son utilisation par rapport aux autres langages croît rapidement.

PHP vous permet de séparer le texte HTML de la partie exécutable, ce qui vous permet de réduire considérablement le temps consacré au développement d'un projet. Dans de nombreux cas, il est possible de séparer la partie programme du projet du développement des pages en HTML, ce qui facilite le travail du concepteur et du programmeur.

2. Caractéristiques principales.

compatibilité avec divers serveurs et plates-formes ;

prise en charge des technologies COM, XML, Java, CORBA, WDDX, Macromedia Flash ;

prise en charge de l'interaction avec divers services via les protocoles appropriés (LDAP, SNMP, IMAP, NNTP, POP3, HTTP, etc.);

fonctionnalité avancée pour travailler avec les connexions réseau ;

disponibilité de fonctions pour travailler avec des données textuelles de n'importe quel format, y compris XML;

prise en charge de plus de 20 bases de données, fonctionnalités avancées pour travailler avec elles ;

la capacité de créer des applications orientées objet à part entière ;

syntaxe relativement simple et commodité d'utilisation pratique;

libre;

ouverture du code, grâce à laquelle vous pouvez créer vos propres extensions du langage.

3. Syntaxe. Les scripts PHP sont intégrés dans le code HTML à l'aide de la balise d'ouverture. Ces types de balises spéciales vous permettent de basculer entre les modes HTML et PHP. Un programme PHP est un ensemble de commandes (instructions). Le gestionnaire de programme doit en quelque sorte distinguer une commande d'une autre. Pour cela, des caractères spéciaux sont utilisés - des séparateurs. En PHP, les instructions sont séparées de la même manière qu'en C ou Perl - chaque expression se termine par un point-virgule.

Balise de fermeture ? Le > implique également la fin de l'instruction, il n'y a donc pas de point-virgule avant.

Souvent, lors de l'écriture de programmes, il devient nécessaire de faire quelques commentaires sur le code qui n'affectent en rien le code lui-même, mais l'expliquent seulement. PHP prend en charge plusieurs types de commentaires : commentaires de style shell C, C++ et Unix. Les caractères // et # indiquent le début des commentaires sur une seule ligne, /* et */ - respectivement le début et la fin des commentaires sur plusieurs lignes.

4. Variables et constantes. Un élément important de chaque langage sont les variables, les constantes et les opérateurs appliqués à ces variables et constantes.

Variables. Une variable en PHP est désignée par un signe dollar suivi de son nom (par exemple : $my_var). Le nom de la variable est sensible à la casse, c'est-à-dire les variables $my_var et $My_var sont différentes.

Les noms de variables suivent les mêmes règles que les autres noms PHP : un nom de variable valide doit commencer par une lettre ou un trait de soulignement, suivi d'un nombre quelconque de lettres, de chiffres ou de traits de soulignement.

En PHP 3, les variables étaient toujours assignées par valeur. Autrement dit, lorsque vous affectez une expression à une variable, toutes les valeurs de l'expression d'origine sont copiées dans cette variable. PHP 4 propose également un autre moyen d'affecter des valeurs aux variables : l'affectation par référence. Pour affecter une valeur à une variable par référence, la valeur doit avoir un nom, c'est-à-dire il doit être représenté par une variable. Pour indiquer que la valeur d'une variable est affectée à une autre variable par référence, faites précéder le nom de la première variable d'une esperluette &.

Constantes. Pour stocker des valeurs constantes, c'est-à-dire de telles valeurs, dont la valeur ne change pas pendant l'exécution du script, des constantes sont utilisées. Ces valeurs peuvent être des constantes mathématiques, des mots de passe, des chemins de fichiers, etc. La principale différence entre une constante et une variable est qu'elle ne peut pas recevoir une valeur plus d'une fois et que sa valeur ne peut pas être annulée après avoir été déclarée. De plus, une constante n'a pas de préfixe de signe dollar et ne peut pas être définie par une simple affectation de valeur. Il existe une fonction spéciale define() pour définir une constante. Sa syntaxe est :

définir("NomConstante", "ValeurConstante", [Insensible à la casse])

Par défaut, les noms de constantes sont sensibles à la casse. Il existe une convention selon laquelle les noms de constantes sont toujours écrits en majuscules. Vous pouvez obtenir la valeur d'une constante en spécifiant son nom. Contrairement aux variables, vous n'avez pas besoin de préfixer le nom de la constante avec le symbole $. Vous pouvez également utiliser la fonction constant() avec le nom de la constante comme paramètre pour obtenir la valeur d'une constante.

En plus des variables déclarées par l'utilisateur, PHP a un certain nombre de constantes définies par l'interpréteur lui-même. Par exemple, la constante FILE stocke le nom de fichier du programme (et son chemin d'accès) en cours d'exécution, FUNCTION contient le nom de la fonction, CLASS est le nom de la classe, PHP_VERSION est la version de l'interpréteur PHP.

5. Ouvrages de contrôle. Les structures de contrôle en PHP sont représentées par des instructions conditionnelles, des boucles, des instructions de transfert de contrôle, des instructions d'inclusion.

Expressions conditionnelles:

si. C'est l'un des opérateurs les plus importants dans de nombreux langages, dont PHP. Il vous permet d'exécuter des extraits de code en fonction d'une condition. Structure de l'instruction : if (expression) block_of_execution ;

autre. L'instruction else étend l'instruction if au cas où l'expression testée dans l'instruction if est fausse et vous permet d'effectuer une action dans de telles conditions. Structure de l'instruction : if (expression) run_block else run_block1 ;

sinon. Une autre façon d'étendre l'instruction if. elseif est une combinaison de else et if. Comme ailleurs, il étend if pour effectuer différentes actions si la condition testée dans if est fausse. Mais contrairement à else, les actions alternatives ne seront exécutées que si la condition elseif est vraie. Structure de l'opérateur :

if (expression) exécutable elseif (expression1) exécutable1 ...

sinon run_block N

changer. Une autre construction qui vous permet de vérifier l'état et d'effectuer diverses actions en fonction de cela. En fonction de la valeur de la variable, switch bascule entre différents blocs d'action. switch est très similaire à une instruction if...elseif...else ou à un ensemble d'instructions if. Structure de l'opérateur :

switch (expression ou variable) ( case value1: action_block1 break;

case value2 : action_block2 break ;

default_action_block )

tandis que. Une boucle simple qui indique à PHP d'exécuter les commandes run-block tant que l'expression est évaluée à True. La valeur de l'expression est vérifiée à chaque début de boucle, de sorte que même si sa valeur a changé pendant l'exécution du run_block, la boucle ne s'arrêtera qu'à la fin de l'itération (c'est-à-dire jusqu'à ce que toutes les commandes du run_block ont été exécutés). Structure de la boucle : while (expression) (execution_block) ;

faire pendant. Elle est très similaire à la boucle while, à la seule différence que la vérité de l'expression est vérifiée à la fin de la boucle, et non au début. Cela garantit que la boucle do...while est exécutée au moins une fois. Structure de la boucle : do (execution_block) while (expression) ;

pour. Structure de la boucle : for (expression1 ; expression2 ; expression3) (execution_block)

pour chaque. Conçu exclusivement pour travailler avec des baies. Structure : foreach ($array as $value) (execution_block).

Relevés de transfert de contrôle :

Pause. Termine l'exécution de la boucle en cours, peut être utilisé avec un argument numérique qui indique combien de structures de contrôle la contenant doivent être terminées ;

Continuez. Vous permet d'ignorer d'autres instructions de l'execute_block de n'importe quelle boucle et de continuer l'exécution à partir d'un nouveau cercle.

Déclarations d'inclusion :

comprend. Permet d'inclure le code contenu dans le fichier spécifié et de l'exécuter autant de fois que le programme rencontre cette instruction. L'inclusion peut être effectuée de l'une des manières suivantes : inclure le nom du fichier ; inclure $nom_fichier ; include("nom de fichier");

exiger. Cela fonctionne à peu près de la même manière que include. La principale différence entre require et include est la façon dont ils réagissent lorsqu'une erreur se produit : include émet un avertissement et le script continue ; une erreur dans require provoque une erreur de script fatale et arrête l'exécution du script.

6. Traitement des demandes. Formes. Toute demande d'un client à un serveur doit commencer par une spécification de méthode. La méthode rapporte le but de la demande du client. Le protocole HTTP prend en charge un certain nombre de méthodes, mais seules trois sont réellement utilisées : POST, GET et HEAD. La méthode GET vous permet d'obtenir toutes les données identifiées par l'URL dans la demande de ressource. Si l'URL pointe vers un programme, alors le résultat du programme est renvoyé, pas son texte (à moins, bien sûr, que le texte soit le résultat de son travail). Les informations supplémentaires nécessaires au traitement de la demande sont intégrées dans la demande elle-même (dans la ligne d'état). Lors de l'utilisation de la méthode GET, les informations réellement demandées (le texte d'un document HTML, par exemple) sont renvoyées dans le champ du corps de la ressource.

La méthode HEAD est similaire à la méthode GET sauf qu'elle ne renvoie pas de corps de ressource et n'a pas d'équivalent conditionnel. La méthode HEAD est utilisée pour obtenir des informations sur une ressource. Cela peut être utile, par exemple, pour résoudre le problème de test des liens hypertextes.

La méthode POST est conçue pour envoyer des informations au serveur telles que des annotations de ressources, des actualités et des messages électroniques, des données à ajouter à la base de données, c'est-à-dire pour la transmission d'informations de gros volume et assez importantes. Contrairement aux méthodes GET et HEAD, le POST reçoit le corps de la ressource, qui correspond aux informations reçues des champs de formulaire ou d'autres sources d'entrée.

Les formulaires sont conçus pour recevoir des informations de l'utilisateur. Vous pouvez y saisir du texte ou sélectionner les options appropriées dans la liste. Les données saisies dans le formulaire sont envoyées à un programme spécial (par exemple, un script PHP) sur le serveur pour traitement. Selon les données saisies par l'utilisateur, ce programme peut générer diverses pages Web, envoyer des requêtes à la base de données, lancer diverses applications, etc.

Pour accéder aux variables transmises via des requêtes HTTP, il existe un tableau spécial - $_REQUEST. Il contient des données transmises par les méthodes POST et GET, ainsi qu'à l'aide de cookies HTTP. Il s'agit d'un tableau associatif super global, c'est-à-dire ses valeurs peuvent être obtenues n'importe où dans le programme en utilisant le nom de la variable correspondante (élément de formulaire) comme clé.

Donnons un exemple d'utilisation des tableaux $_POST et $_GET. Disons que nous devons traiter un formulaire contenant des éléments d'entrée nommés first_name, last_name, kurs. Les données ont été transférées à l'aide de la méthode POST et nous ne souhaitons pas traiter les données transférées par d'autres méthodes. Cela peut être fait comme ceci :

$str. = "Vous avez sélectionné un cours en ".

$_POST["kurs"] ;

Ensuite, sur l'écran du navigateur, si nous avons saisi le nom "Ivan", le nom de famille "Petrov" et choisi le cours PHP parmi tous les cours, nous verrons le message :

Bonjour Ivan Petrov ! Vous avez choisi d'étudier le cours PHP

7. Fonctions. En programmation, comme en mathématiques, une fonction est une correspondance entre l'ensemble de ses arguments et l'ensemble de ses valeurs. Autrement dit, la fonction pour chaque ensemble de valeurs d'arguments renvoie certaines valeurs qui sont le résultat de son travail.

Chaque fonction peut avoir, comme nous l'avons déjà dit, une liste d'arguments. A l'aide de ces arguments, diverses informations sont passées à la fonction (par exemple, la valeur du nombre dont la factorielle doit être calculée). Chaque argument est soit une variable, soit une constante.

Les arguments peuvent être utilisés pour transmettre des données à une fonction de trois manières différentes. Il s'agit de transmettre des arguments par valeur (utilisés par défaut), par référence et de définir la valeur par défaut des arguments.

Lorsqu'un argument est passé à une fonction par valeur, la modification de la valeur de l'argument à l'intérieur de la fonction n'affecte pas sa valeur à l'extérieur de la fonction. Pour permettre à une fonction de modifier ses arguments, ils doivent être passés par référence. Pour ce faire, dans la définition de la fonction, avant le nom de l'argument, écrivez le signe esperluette "&".

Il existe plusieurs fonctions intégrées à PHP : echo(), print(), date(), include. Tous sauf date() sont des constructions de langage. Ils sont inclus dans le noyau PHP et ne nécessitent aucun paramètre ou module supplémentaire. La fonction date() fait également partie du noyau PHP et ne nécessite aucune configuration. Mais il existe également des fonctions qui vous obligent à installer diverses bibliothèques et à connecter le module approprié pour les utiliser. Par exemple, pour utiliser les fonctions de base de données MySql, PHP doit être compilé avec le support de cette extension. Récemment, les extensions les plus courantes et, par conséquent, leurs fonctions sont initialement incluses dans PHP afin qu'elles puissent être utilisées sans aucun paramètre d'interpréteur supplémentaire.

8. Classes et objets. Un objet est une variable structurée qui contient toutes les informations sur un objet physique ou un concept implémenté dans un programme, une classe est une description de ces objets et des actions qui peuvent être effectuées avec eux.

Une classe est définie à l'aide de la syntaxe suivante :

class nom_classe( var $nom_propriété;

/*liste de propriétés*/ fonction method_name () ( /* définition de méthode */ ) /*liste de méthodes*/ )

Le nom de la classe doit suivre les règles de dénomination des objets dans le langage PHP, mais il existe un certain nombre de noms réservés par les développeurs à leurs propres fins. Tout d'abord, ce sont des noms qui commencent par le caractère de soulignement "_". Vous ne pouvez pas utiliser de tels noms pour créer des classes et des fonctions. De plus, le nom stdClass est réservé car il est utilisé en interne par le moteur PHP.

Une variable du type souhaité est créée à partir de la classe à l'aide de l'opérateur new. Après avoir créé un objet, nous pouvons lui appliquer toutes les méthodes et obtenir toutes les propriétés définies dans la description de la classe. Pour cela, utilisez la syntaxe suivante : $object_name->property_name ou $object_name->method_name (liste d'arguments). Avant le nom de la propriété ou de la méthode, le signe $ n'est pas placé.

// crée un objet $art echo ($art -> titre);

// affiche le nom de l'objet $art $another_art = new Articles;

// crée l'objet $another_art $another_art->show_article ();

// appeler une méthode pour afficher l'objet dans le navigateur ? >

Chacun des objets de classe a les mêmes propriétés et méthodes. Ainsi, l'objet $art et l'objet $another_art ont le titre, la description, les propriétés d'auteur et les méthodes Articles(), show_article(). Mais ce sont deux objets différents. Considérez un objet comme un répertoire dans le système de fichiers et ses caractéristiques comme des fichiers dans ce répertoire. Évidemment, chaque répertoire peut contenir les mêmes fichiers, mais néanmoins ils sont considérés comme différents car ils sont stockés dans des répertoires différents. De même, les propriétés et les méthodes sont considérées comme différentes si elles s'appliquent à des objets différents. Pour obtenir le fichier souhaité à partir du répertoire de niveau supérieur, nous écrivons le chemin complet vers ce fichier. Lorsque vous travaillez avec des classes, nous devons spécifier le nom complet de la fonction que nous voulons appeler. Le répertoire de niveau supérieur en PHP sera l'espace variable global et le chemin est spécifié à l'aide du séparateur ->. Ainsi, les noms $art->title et $another_art->title désignent deux variables différentes.

9. Travailler avec des fichiers. PHP n'a pas de fonction spécifique pour créer des fichiers. La plupart des fonctions fonctionnent avec des fichiers déjà existants dans le système de fichiers du serveur. Pour créer le fichier le plus courant, vous devez utiliser une fonction qui ouvre un fichier local ou distant. Cette fonction s'appelle fopen(). Il associe le fichier donné au flux de contrôle du programme. De plus, la liaison est différente selon ce que nous voulons faire avec ce fichier : le lire, y écrire des données ou faire les deux. La syntaxe de cette fonction est :

ressource fopen (filename, access_type [, use_include_path])

A la suite d'un travail, cette fonction renvoie un pointeur (de type ressource) sur le fichier ouvert par elle. Les paramètres passés à cette fonction sont : le nom du fichier à ouvrir, le type d'accès au fichier (déterminé par ce que l'on va en faire), et éventuellement un paramètre qui détermine s'il faut rechercher le fichier spécifié dans le include_path.

Valeurs acceptées par le paramètre access_type :

r - ouvre un fichier en lecture seule ; définit le pointeur de position de fichier au début du fichier.

r+ - ouvre un fichier en lecture et en écriture ; définit le pointeur de fichier sur son début.

w - ouvre le fichier en écriture uniquement ; définit le pointeur de fichier sur son début et tronque le fichier à une longueur nulle. Si le fichier n'existe pas, il tente de le créer.

w+ - ouvre un fichier en lecture et en écriture ; définit le pointeur de fichier sur son début et tronque le fichier à une longueur nulle. Si le fichier n'existe pas, il tente de le créer.

a - ouvre le fichier en écriture uniquement ; place le pointeur de fichier à sa fin. Si le fichier n'existe pas, il tente de le créer.

a+ - ouvre un fichier en lecture et en écriture ; place le pointeur de fichier à sa fin. Si le fichier n'existe pas, il tente de le créer.

x - crée et ouvre un fichier en écriture uniquement ; place le pointeur de fichier au début du fichier. Si le fichier existe déjà, fopen() renvoie false et un avertissement est généré. Si le fichier n'existe pas, une tentative est faite pour le créer. Ce type d'accès est supporté depuis PHP 4.3.2 et ne fonctionne qu'avec des fichiers locaux.

x+ - crée et ouvre un fichier pour la lecture et l'écriture ; place le pointeur de fichier au début du fichier. Si le fichier existe déjà, fopen() renvoie false et un avertissement est généré. Si le fichier n'existe pas, une tentative est faite pour le créer. Ce type d'accès est supporté depuis PHP 4.3.2 et ne fonctionne que sur les fichiers locaux.

Après avoir effectué les actions nécessaires avec le fichier, qu'il s'agisse de lire ou d'écrire des données ou autre chose, la connexion établie avec ce fichier par la fonction fopen() doit être fermée. Pour ce faire, utilisez la fonction fclose(). Sa syntaxe est la suivante :

fclose (pointeur vers un fichier)

Pour écrire des données dans un fichier accessible par la fonction fopen(), vous pouvez utiliser la fonction fwrite(). Sa syntaxe est la suivante :

int fwrite(pointeur de fichier, chaîne[, longueur])

Cette fonction écrit le contenu d'une chaîne dans le fichier pointé par le pointeur de fichier. Si la longueur de l'argument facultatif est spécifiée, l'enregistrement se termine après l'écriture du nombre de caractères égal à la valeur de cet argument ou lorsque la fin de la chaîne est atteinte.

Supposons qu'il n'y ait pas de fichier my_file.html dans notre répertoire de travail. Créons-le et écrivons-y une ligne de texte :

$text = "Écrivons ce texte dans un fichier" ;

if (fwrite ($h,$text)) echo "Ecriture réussie" ;

else echo "Une erreur s'est produite lors de l'écriture des données" ;

À la suite de ce script, nous verrons un message dans le navigateur indiquant que l'enregistrement a réussi, et la ligne "Écrire ce texte dans un fichier" apparaîtra dans le fichier my_file.html. Si ce fichier avait existé avant l'exécution de ce script, toutes les données qu'il contient auraient été supprimées.

Si nous voulons lire les données d'un fichier existant, la fonction fopen() seule ne suffit pas. Il ne renvoie qu'un pointeur vers le fichier ouvert, mais ne lit aucune ligne de ce fichier. Par conséquent, pour lire les données d'un fichier, vous devez utiliser l'une des fonctions spéciales : file, readfile, fread, fgets, etc.

La fonction fread lit les données d'un fichier. Il peut également être utilisé pour lire des données à partir de fichiers binaires sans craindre de les endommager. syntaxe fread() :

chaîne fread (pointeur de fichier, longueur)

À la suite du travail, la fonction fread () renvoie une chaîne avec les informations lues dans le fichier.

chaîne fgets (pointeur vers fichier[, longueur])

À la suite de l'opération, la fonction fgets () renvoie une chaîne de longueur (longueur moins 1) octets à partir du fichier pointé par le pointeur de fichier. La lecture se termine si (longueur moins 1) caractères ont été lus et qu'un caractère de saut de ligne ou de fin de fichier est rencontré.

La fonction readfile() lit le fichier dont le nom lui est passé comme paramètre de nom de fichier et affiche son contenu à l'écran.

Syntaxe:

int readfile(filename[, use_include_path])

La fonction file() est conçue pour lire les informations d'un fichier dans une variable tableau. Sa syntaxe est la même que celle de la fonction readfile(), sauf qu'elle renvoie un tableau à la suite de l'opération :

fichier de tableau (nom de fichier [, use_include_path])

Afin de supprimer un fichier en utilisant le langage PHP, vous devez utiliser la fonction unlink(). La syntaxe de cette fonction peut être décrite comme suit : bool unlink (nom de fichier)

AGENCE FÉDÉRALE POUR L'ÉDUCATION

Établissement d'enseignement public

enseignement professionnel supérieur

"Institut pédagogique d'État Glazovsky

du nom de V.G. Korolenko"

Faculté des technologies sociales et de l'information

Département d'informatique

Travail final qualificatif

Créer des sites dynamiques à l'aide d'outils tisserand de rêves

Réalisé

élève du groupe 951 O.A. Bogdanov

chef de travaux,

Maître de conférences

Département d'informatique D.A. Gorbushin

Glazov 2007

Introduction

Chapitre I. Interface de Dreamweaver. Aperçu des technologies Internet populaires pour la création de sites dynamiques

1.1 Interface de Dreamweaver

Conclusions sur le chapitre I

Chapitre II. Méthodologie pour choisir l'outil de développement optimal

2.1 Identification des critères de comparaison des technologies Internet populaires

Conclusions sur le chapitre II

Chapitre III. Développement de pages Web dynamiques basées sur diverses technologies à l'aide de Dreamweaver

3.1 Notebook basé sur PHP

3.2 Liste de prix électronique basée sur XML

3.3 Test basé sur ASP

Conclusions sur le chapitre III

Conclusion

Liste bibliographique

Introduction

WorldWideWeb - un réseau informatique mondial - contient aujourd'hui des millions de sites qui hébergent toutes sortes d'informations. Les gens accèdent à ces informations grâce à l'utilisation de la technologie Internet. Pour naviguer sur le WWW, des programmes spéciaux sont utilisés - des navigateurs Web, qui facilitent grandement le voyage à travers les vastes étendues du WWW.Toutes les informations du navigateur Web sont affichées sous la forme de pages Web, qui constituent l'élément principal des octets WWW. .

Nous pouvons distinguer les classifications suivantes des documents Web : si possible, changements dans le contenu et la structure - statique (mise à jour longue et peu pratique) et dynamique (mise à jour plus simple et plus rapide) ; par la présence de retours - passifs (l'utilisateur ne peut que visualiser les informations) et actifs (l'utilisateur peut échanger des données avec le serveur, participer à un dialogue interactif). Dans cet article, nous nous intéressons aux documents web dynamiques actifs.

Créer une page Web de haute qualité n'est pas facile, cela nécessitera non seulement les compétences d'un concepteur, mais également une expérience en programmation. Pour faciliter ces tâches, il existe des programmes spéciaux. L'outil le plus célèbre et le plus efficace pour créer des sites Web est le produit DreamweaverMX de Macromedia. C'est un environnement puissant pour concevoir, développer et administrer des sites Web et des applications professionnelles. Dreamweaver MX vous permet de créer des sites basés sur diverses technologies Web : HTML, XHTML, XML, ColdFusion, ASP, ASP.net, JSP et PHP.

Cible notre travail - l'étude des possibilités d'utilisation de Dreamweaver pour implémenter les technologies web : ASP, PHP et XML dans le développement de sites dynamiques.

Hypothèse est basé sur l'hypothèse que l'utilisation d'un seul environnement de développement intégré dans lequel diverses technologies Web peuvent être mises en œuvre optimise le processus de création de sites dynamiques.

Un objet travaux - technologies pour développer des sites dynamiques.

Matière works - méthodes de création de sites dynamiques à l'aide de Dreamweaver.

Pour créer un site, écrire des scripts pour celui-ci, vous pouvez utiliser des éditeurs de texte en tapant manuellement du code, des applications spéciales pour la mise en œuvre de technologies individuelles (par exemple, Rapid PHP Editor), des programmes de création de pages Web (par exemple, FrontPage). Mais seul l'environnement Dreamweaver vous permet de créer des documents Web dynamiques conformes aux normes internationales, d'intégrer le code du programme dans le code HTML et d'utiliser plusieurs technologies à la fois lors de la création d'un document. Ainsi, le travail consacré au développement de sites dynamiques sous Dreamweaver est pertinent .

Nouveauté de ce travail réside dans le fait que la technologie de création de sites dynamiques basés sur diverses technologies dans le cadre d'un même outil a été envisagée.

Le but, l'hypothèse, l'objet et le sujet déterminent ce qui suit Tâches :

revue et étude de la littérature sur le problème à l'étude;

familiarisation avec les technologies ASP, PHP et XML au sein de Dreamweaver ;

sélection de critères pour comparer les technologies;

préparation d'une méthodologie d'analyse des problèmes appliqués afin de sélectionner la technologie optimale pour leur mise en œuvre ;

application de la méthodologie développée à la résolution de problèmes appliqués spécifiques.

Notre travail comprend une introduction, trois chapitres, une conclusion et une bibliographie.

Signification scientifique et théorique de l'étude. L'article a exposé les fondements théoriques de la construction de sites au moyen de différentes technologies mises en œuvre dans le cadre d'un même outil.

L'importance pratique de l'étude. La méthodologie développée vous permettra de sélectionner facilement et avec précision la technologie optimale lors de la création d'un site.

Les éléments suivants sont défendus des provisions :

l'utilisation de différentes technologies au sein d'un même outil est rationnelle et efficace ;

même dans le cadre d'un outil, le choix de la technologie qui donne le meilleur résultat est pertinent.

Chapitre I. Interface de Dreamweaver. Aperçu des technologies Internet populaires pour la création de sites dynamiques

1.1 Interface de Dreamweaver

Environnement professionnel puissant Dreamweaver dispose de tous les outils nécessaires pour générer des pages HTML de toute complexité et échelle. Il fournit un mode de conception visuel (WYSIWYG ou WhatYouSeeIsWhatYouGet - "ce que vous voyez est ce que vous obtenez"), a un travail très propre avec le texte source des documents Web et a un support intégré pour les grands projets de réseau. Aucun des éditeurs qui existent aujourd'hui n'a pleinement implémenté le concept WYSIWYG. Dreamweaver s'est rapproché de l'idéal déclaré que ses concurrents. Le travail direct avec des codes n'est pas complètement exclu, mais réduit à un minimum raisonnable. Le programme dispose non seulement d'un puissant arsenal d'outils de conception visuelle, mais est également capable d'afficher des pages Web presque comme des visualiseurs spécialisés : Microsoft Internet Explorer ou NetscapeNavigator.

Lors du chargement de Dreamweaver, une fenêtre de démarrage apparaît (Fig. 1), qui vous permet de sélectionner le type de nouveau document en cours de création (HTML, ColdFusion, PHP, etc.) ou de créer un document à l'aide d'exemples prêts à l'emploi (CSSStyleSheets, Framesets , etc.), ainsi que les documents récemment utilisés . En outre, il existe des liens vers des ressources en ligne telles que le site Dreamweaver MX Exchange, une présentation du logiciel Dreamweaver MX et des informations d'aide pour Dreamweaver MX.

Fig. 1. Fenêtre de démarrage de Dreamweaver MX

L'espace de travail Dreamweaver contient les fenêtres et panneaux suivants :

Fig.2. Fenêtre de document

Menu déroulant standard (Fichier, Édition, Affichage, Insérer, Modifier, Texte, Commandes, Site, Fenêtre, Aide) (Fig. 3) ;

Fig.3. Menu déroulant standard

Propriétés du panneau (Propriétés) (Fig. 4), qui vous permet de modifier et d'ajouter des propriétés du fragment de code sélectionné ;

Fig.4. Panneau Propriétés

Panel Insert (Insert) (Fig. 5), comprenant les onglets suivants: Common (Basic) - insertion d'hyperliens, tableaux, images, commentaires, etc., ainsi que TagChooser (sélection de balises); Mise en page (balisage) - l'utilisation de cellules et de tableaux pour la mise en page du document avant d'ajouter du contenu ; Formulaires (Forms) - ajout de différents types de formulaires ; Texte (Texte) - mise en forme du texte et FontTagEditor (éditeur de balises de texte) ; HTML - ajout d'une ligne horizontale, d'éléments de tableau, de cadres, de propriétés d'en-tête, de scripts ; Application (Applications) - travailler avec des structures d'information ; Flashelements (Flash elements) - ajout de films Flash, Favoris (Favoris) - la possibilité d'ajouter les objets les plus fréquemment utilisés dans un onglet séparé.

Fig.5. Panneau d'insertion

Fig.6. Groupe de panneaux Conception, Code, Application, Fichiers

PHP 1.2

1. Informations générales. PHP est un langage de traitement hypertexte (HTML) utilisé côté serveur (serversidescriptinglanguage) dont les constructions sont insérées dans le texte HTML. Son but est de permettre la création de pages Web générées dynamiquement le plus rapidement possible. PHP est open source, ce qui signifie qu'il est gratuit et que vous pouvez créer vos propres extensions de langage.

PHP est le plus jeune, le plus prometteur et le plus rapide des langages de programmation pour Internet, la part de son utilisation par rapport aux autres langages croît rapidement.

La figure ci-dessous montre l'interface d'Adobe Dreamweaver. Il peut y avoir des différences dans les différentes versions du programme.

Bouton de sélection de mise en page
Bouton de sélection des extensions
Bouton de site Web
Bouton de sélection d'interface(changer d'espace de travail - choix de 11 options). Dans la figure - l'interface classique
Barre de menus (10 menus avec listes déroulantes de commandes)
Rangée d'onglets (catégories) - 9 onglets pour différents types de travail
Barre d'outils. La barre d'outils change en fonction de l'onglet sélectionné (dans la figure - la barre d'outils de l'onglet Texte). La rangée d'onglets (élément 6) et les barres d'outils (élément 7) forment ensemble le "Panneau d'insertion"
Rangée de documents ouverts
Barre d'outils de code
Numérotation des lignes de code
Section de code (lors de la division de la fenêtre d'édition en code et conception)
Barre d'état(balises appliquées, vitesse de chargement des pages, encodage appliqué).
Groupe de panneaux "Résultats"(recherche, répertoire, vérification des liens, rapports, etc.)
Quai de panneau- peut contenir des panneaux Fichiers, Actifs, Extraits de code, Bases de données, Styles, Inspecteur de balises, etc. Le dock des panneaux est ouvert/supprimé de la fenêtre du programme à l'aide du menu Fenêtre - Masquer les panneaux/Afficher les panneaux.
Section de conception (lors de la division de la fenêtre d'édition en code et conception)

Lors du changement d'espace de travail (bouton 4), l'interface du programme peut différer de ce qui est représenté sur la figure ci-dessus (version "Classique" de l'interface).

Fenêtre d'édition (fenêtre de document)

La fenêtre d'édition occupe une place centrale dans la fenêtre du programme.
Une page dans la fenêtre d'édition peut être ouverte en mode code, divisée en mode code et édition visuelle, en mode conception ou en mode Live View (une vue plus réaliste de la page).

Affichage du code en direct Uniquement disponible lors de l'affichage du document dans Live View et affiche le code réel. La vue Live Code ne prend pas en charge la modification.

Barres d'outils :

Barre d'outils standard(créer, ouvrir, enregistrer, coller, etc.)

Composants

Base de données

Comportements du serveur

Éditeur de balise rapide - utilisé lorsque vous souhaitez vérifier, insérer ou modifier rapidement des balises HTML sans quitter le mode Création.

Barre d'applications En haut de la fenêtre de l'application se trouvent un sélecteur d'espace de travail, des menus (Windows uniquement) et d'autres commandes.

Sélecteur de balise Placé sur la barre d'état. Affiche la hiérarchie des balises.

Le progiciel DreamWeaver, comme FrontPage, est conçu pour concevoir divers sites, dont des sites d'édition, dont l'une des tâches est de diffuser des publications électroniques. Il convient aux petits et aux très grands sites Web. Dans le premier cas, le développement est réalisé par un seul spécialiste webmaster. Dans ce dernier cas, toute une équipe travaille sur le projet, comprenant l'administrateur du projet, le webdesigner, le maquettiste HTML, le programmeur web, le relecteur, le gestionnaire de mailing. De nombreux experts disent que les concepteurs Web professionnels dans leur travail utilisent le plus souvent Adobe PhotoShop pour préparer les graphiques et Macromedia DreamWeaver pour concevoir des pages Web individuelles.

La familiarité avec ce package montre que cette déclaration a une base solide. Comme cela a été fait plusieurs fois, commençons par explorer le package avec son interface.

6.2.1. Interface du paquet DreamWeaver

L'interface du package DreamWeaver 4.0 est illustrée à la fig. 6.9. Outre la barre de titre, la barre de menus, la barre d'outils et la fenêtre de travail standard du programme, on note la présence de plusieurs palettes, qui, comme dans les éditeurs graphiques, sont placées dans la fenêtre de travail du programme. Soit dit en passant, les noms des trois palettes ouvertes "Objets" (Objet), "Propriétés" (Propriétés) et "Charger" (Lanceur) correspondent aux trois premières commandes de la section de menu "Fenêtre" (Fenêtre).

Ce progiciel est intégré du point de vue des technologies utilisées dans le groupe de produits logiciels de la société Macromedia, qui acquiert des positions de plus en plus fortes sur le marché des outils de conception Web. Les autres programmes de ce groupe : Macromedia Director et Flash seront abordés dans les paragraphes suivants de ce chapitre. Collectivement, ils fournissent les principales directions de la conception Web, et chacun individuellement est spécialisé dans une direction spécifique.

Tout d'abord, concentrons-nous sur la palette Objets, dont l'apparence est illustrée à la Fig. 6.10. L'apparence de la palette change en fonction du type d'objet sélectionné dans la liste déroulante dans sa partie supérieure, c'est-à-dire que la palette peut être qualifiée d'adaptative. Par défaut, la position dans la liste est définie sur Commun. Sur la fig. 6.10 cette option est sélectionnée dans la liste ouverte. Cette palette, utilisant 18 outils différents, permet d'inclure divers éléments dans la page, notamment (dans l'ordre des boutons dans la palette) : un graphisme (Image), un bouton animé (Rollover Image) dont l'apparence change lorsque vous déplacez le curseur de la souris dessus, un tableau (Table), un tableau avec des données saisies, préparé à l'avance dans un autre logiciel (Tabular Data), une règle (Horizontal Rule), une barre de navigation (Navigation Bar) avec des boutons pour se déplacer dans le site, un nouveau calque d'image (Draw Layer), un transfert doux (Line Break) vers du texte, un lien vers une adresse e-mail (E-mail Link), la date du jour (Oat.e), un flash (Flash ) et une animation shockwave (Shockwave), un vide Generator et un objet FireWorks, des applets Java et des contrôles ActiveX, des objets plug-in (Plag-ins) et un fichier HTML externe (SSI).

La palette Caractères vous permet d'ajouter l'un des 12 caractères spéciaux différents aux pages Web : nouvelle ligne, copyright (copyright), marque déposée, billets de banque, y compris la livre sterling, le yen, l'euro, ainsi que les guillemets, les tirets et autres signes (voir Fig. 6.11).

Palette "Formulaires" (Formulaires), illustrée à la fig. 6.12, sert à créer des formulaires ( voir § 2.8) et contient les boutons suivants : le formulaire lui-même (Forms), le champ de texte (Text field), le bouton (Button), les commutateurs Checkbox et Radio Button, la liste/menu (List/menu), le champ de transfert de fichiers (Filefield) et des images (Imagefield ), un champ caché (Hidden field) et un pointeur de lien hypertexte pour aller sur un autre site (Jump menu).

Notez qu'au bas de toutes les palettes du groupe Objet, il y a des champs appelés Alignement (Mise en page) et Affichage (Affichage), qui vous permettent d'observer et de contrôler le placement des objets sur une page Web.

La palette Cadres illustrée à la Fig. 6.13, vous pouvez utiliser le bouton correspondant pour sélectionner un certain type de structure de cadre de la page avec deux, trois et quatre cadres disposés de différentes manières. Le nombre total d'options est de huit.

La palette En-tête vous permet d'ajouter des balises et des valeurs de paramètres appropriées à l'en-tête d'un document HTML, notamment : balises et mots-clés de méta-informations, description du site, options de mise à jour du site, valeur du lien de base (liens par défaut), liens pour les connexions.

Palette "Objets invisibles" (Invisibles), illustrée à la fig. 6.14, permet de placer des signets sur la page (voir aussi § 4.2 et § 4.3), notes de bas de page et commentaires ( voir § 2.5) et les scripts Java ( voir § 2.9).

La dernière palette, qui fait partie de la palette adaptative complexe "Objets", est appelée "Spécial" (Special). Dans celui-ci, comme le montre la Fig. 6.16, il y a trois icônes ou boutons, à savoir les applets, les plugins et les contrôles ActiveX.

1.1. Installation

Un utilisateur averti ne trouvera rien de nouveau dans la procédure d'installation du programme. Sur le disque de distribution, vous devez rechercher et exécuter le programme Dreamweaver 4 lnstaller.exe (installateur). Comme la plupart des applications Windows, le programme est installé en plusieurs étapes, chacune étant représentée par une boîte de dialogue distincte.

Listons séquentiellement les principales étapes du programme d'installation.

Extraction des fichiers(Extraire les fichiers). Cette étape extrait les fichiers nécessaires au programme d'installation pour exécuter et installer le système Dreamweaver à partir des archives. L'étape ne nécessite aucune intervention de l'utilisateur.
Accueillir(Accueillir). La première étape de l'installation proprement dite, au cours de laquelle l'utilisateur reçoit des informations de base sur le programme sélectionné et les règles de son installation.
Accord de licence(Accord de licence). Lors de la deuxième étape, il est proposé de se familiariser avec le contrat de licence et les droits d'auteur du produit logiciel. L'utilisateur doit accepter les obligations proposées ou les refuser.
Sérialisation de Macromedia Dreamweaver(Inscription au programme). À la troisième étape, une boîte de dialogue apparaît, dans laquelle vous devez entrer les détails de l'utilisateur et le numéro de série du programme.
Choisissez l'emplacement de destination(Emplacement). À ce stade, vous devez sélectionner un disque et un dossier pour installer le programme. Une adresse autre que celle par défaut peut être définie à l'aide de la procédure standard de sélection du système d'exploitation Windows pour le disque et le répertoire actifs. La procédure est lancée en cliquant sur le bouton Parcourir.
éditeur par défaut(Éditeur par défaut). A ce stade du processus d'installation, vous êtes invité à sélectionner les types de fichiers pour lesquels Dreamweaver sera l'éditeur principal par défaut.
Sélectionnez le dossier du programme(Sélectionnez le dossier du programme). Ici, vous devez sélectionner le dossier dans lequel se trouvera le raccourci pour lancer le programme. Rappelons que l'accès à ce dossier et à son contenu peut être obtenu à l'aide du bouton Démarrer et du menu Programmes. Dans une version non localisée du système d'exploitation, ils sont désignés respectivement : Démarrer et Programmes. Par défaut, le programme d'installation propose le dossier \ à ces fins. Macromédia Dreamweaver 4.

Toutes les autres opérations d'installation ne nécessitent aucune intervention de l'utilisateur. Le programme d'installation décompresse les archives, crée un système de répertoires et de sous-répertoires, y copie tous les fichiers nécessaires au fonctionnement et affiche le contenu d'un fichier hypertexte avec une description des fonctionnalités du programme, des liens vers des sources d'informations utiles et de brèves informations sur produits logiciels de marque. Dreamweaver ne nécessite pas le redémarrage habituel du système d'exploitation pour démarrer Dreamweaver. Le programme est prêt à fonctionner immédiatement après l'installation.

1.2. Lancement du programme

Les systèmes d'exploitation de la famille Windows 9x offrent à l'utilisateur plusieurs façons différentes d'exécuter des programmes.

Après avoir installé le package, une section spéciale est ajoutée au menu principal de Windows avec des commandes pour lancer Dreamweaver et les fichiers associés. La forme spécifique de ces commandes dépend de la version du système d'exploitation et de l'édition du package lui-même. Dans tous les cas, la commande pour lancer le package ressemblera à ceci : Démarrer > Programmes > Macromedia Dreamweaver 4 > Dreamweaver 4. Il s'agit de la manière officielle et régulière de lancer le programme, disponible dans n'importe quelle configuration d'environnement d'exploitation.

Au fur et à mesure que le nombre d'applications installées augmente, la taille du menu principal de Windows augmente et le lancement d'applications à partir de celui-ci devient de moins en moins pratique. Le système d'exploitation offre plusieurs façons de simplifier cette procédure.

Créer un raccourci

Le moyen le plus simple et le plus pratique consiste apparemment à lancer le programme à l'aide d'un raccourci. Le raccourci s'affiche sous la forme d'une icône spéciale. Il s'agit d'un lien vers le programme et peut se trouver dans n'importe quel dossier Windows. Le type d'icône et la légende sous celle-ci sont généralement choisis de manière à correspondre au style adopté dans le programme. Un double-clic sur un raccourci lance le programme qui lui est associé.

Immédiatement après l'installation du programme, un dossier avec le raccourci Dreamweaver s'affiche sur le bureau. C'est le meilleur moment pour créer une copie du raccourci à un endroit pratique sur le bureau. Si cela n'est pas fait immédiatement, les séances de travail suivantes nécessiteront de gros efforts.

Pour placer un raccourci vers Dreamweaver sur votre bureau, procédez comme suit.

Dans Poste de travail ou à l'aide de l'Explorateur de fichiers, recherchez l'icône Dreamweaver. Par défaut, le programme est installé dans le dossier C:\Program Files\Macromedia\Dreamweaver 4.
Accrochez l'icône avec la souris et faites-la glisser vers un emplacement vide de la fenêtre du bureau ou du dossier.
Le raccourci recevra le nom par défaut Raccourci pour Dreamweaver.exe, que vous pouvez modifier. Pour cela, sans désélectionner l'icône, appuyez sur la touche F2, saisissez un nouveau nom depuis le clavier et confirmez-le en appuyant sur la touche ENTER.

Lancement du clavier

Dans le système d'exploitation Windows, de nombreuses actions peuvent être effectuées à l'aide de raccourcis clavier ("touches de raccourci"). Les raccourcis clavier permettent de rapidement, sans recourir à un système complexe de menus imbriqués, de modifier un réglage ou un paramètre, d'accéder à des ressources, et surtout de lancer un programme.

Il existe plusieurs façons d'attribuer un "accord de clavier" approprié à une équipe. Laissez le raccourci du programme Dreamweaver être créé et situé sur le bureau du système Windows. Considérez le moyen le plus simple de créer un raccourci clavier :

cliquez avec le bouton droit sur le raccourci du programme et sélectionnez Propriétés dans le menu contextuel qui s'ouvre ;
dans la boîte de dialogue Propriétés qui s'ouvre : Dreamweaver 4, sélectionnez l'onglet Raccourci ;
cliquez sur le champ Lancement rapide et entrez le raccourci clavier sélectionné pour lancer le package. Confirmez votre choix en cliquant sur le bouton. Appliquer et fermer la fenêtre en cliquant sur le bouton OK. Comme raccourcis clavier, vous pouvez utiliser des combinaisons de touches de contrôle CTRL, ALT, SHIFT avec des touches alphanumériques ou des touches spéciales F1-F12.

Démarrage automatique

Si le package Dreamweaver est utilisé de manière très intensive et doit être lancé à chaque session, il est alors conseillé d'automatiser complètement la procédure d'appel. Pour ce faire, placez simplement le raccourci du programme dans un dossier de démarrage spécial. Tous les programmes situés dans ce dossier sont lancés par Windows chaque fois que vous allumez votre ordinateur et démarrez le système d'exploitation.

Il existe plusieurs façons de placer un raccourci de programme dans le dossier de démarrage. La principale difficulté est que ce dossier a une adresse très encombrante : C:\Windows\Menu Démarrer\Programmes\Démarrage. Pour y accéder, vous devez parcourir un long chemin à travers le système de fichiers Windows. Il est beaucoup plus facile de le faire en utilisant des outils de recherche réguliers.

Dans le menu principal, donnez la commande : Démarrer > Rechercher > Fichiers et dossiers.
Une boîte de dialogue s'ouvrira pour rechercher des fichiers et des dossiers. Dans le champ Nom, saisissez un modèle de recherche : Démarrage ; en champ. Où chercher, spécifiez le nom du lecteur logique sur lequel le système d'exploitation est installé. Lancez la recherche en cliquant sur le bouton Rechercher.
Tout en maintenant la touche CTRL enfoncée, faites glisser et déposez le raccourci Dreamweaver du bureau vers l'icône du dossier de démarrage en bas de la fenêtre Rechercher.

Quelle que soit la manière d'exécuter le programme, les conséquences sont les mêmes. Le programme commence par charger une page vierge dans la fenêtre du document. Cette page est basée sur le modèle Default.htm situé dans le sous-répertoire \Configuration\Templates à l'intérieur du dossier du programme.

1.3. Interface

En informatique, une interface est comprise comme un ensemble d'outils et de règles qui assurent l'interaction des différents composants du programme et de l'utilisateur. Le mode de communication offert par le package Dreamweaver est basé sur les principes d'une interface de fenêtre graphique qui sont familiers à un utilisateur moderne. Dans son apparence, le programme est loin de la haute couture de certains produits Microsoft, c'est plutôt un bon prêt à porter niveau avec tout ce qu'il faut pour un travail efficace. Comparé à d'autres programmes de la même classe et fonctionnalité, le package Dreamweaver a une interface plus claire, plus flexible et en même temps puissante. Ses principales "structures de support" sont les palettes, de nombreux raccourcis clavier et la barre de menus.

Aux [fenêtres fiscales qui restent à l'écran après la fin de toutes les opérations avec elles, il est d'usage d'appeler des palettes (palette) ou des panneaux (panneau). Les fenêtres qui peuvent être situées n'importe où sur l'écran, et pas seulement dans des positions spécialement désignées, sont généralement appelées palettes flottantes (palette flottante). La plupart des boîtes de dialogue de Dreamweaver sont conçues comme des palettes flottantes.

Les petites différences qui existent entre les palettes et les panneaux n'ont pas une importance fondamentale pour la description du programme. Par conséquent, dans ce qui suit, nous utiliserons ces termes comme synonymes.

Presque toutes les palettes ont la possibilité de se combiner. Cela signifie que différentes palettes peuvent être combinées dans la même boîte de dialogue. L'opération de fusion vous permet d'obtenir des palettes préfabriquées multifonctionnelles contenant des contrôles liés à différents sujets ou commandes. Les palettes qui ont la capacité de se combiner (la majorité d'entre elles dans le programme) seront appelées modulaires (dockables). Les palettes complexes, constituées de plusieurs modules distincts, sont dites préfabriquées (à onglets).

Sur la fig. 1.1 montre l'apparence du programme avec quatre boîtes de dialogue ouvertes. L'outil de contrôle le plus populaire est sans aucun doute la palette Inspecteur des propriétés. Avec son aide, de nombreuses opérations sont effectuées sur le formatage et l'édition d'objets sur des pages HTML. La palette Comportements est un exemple de palette flottante modulaire. Dreamweaver a environ une douzaine de ces objets conçus pour résoudre des problèmes

Riz. 1.1. Apparence de la fenêtre du programme

tâches du projet personnel. La figure montre un exemple de palette préfabriquée, qui se compose de deux palettes modulaires simples : Calques (Calques) et Historique (Historique). La palette Objets (Objets) est conçue pour insérer des objets externes : images, tableaux, calques, cadres, etc. Tous les autres contrôles présentés dans la figure font partie intégrante de la fenêtre du document.

Beaucoup de gens trouvent l'interface Dreamweaver redondante, avec une touche de répréhensibilité dans le concept. Sans aucun doute, un excès de moyens expressifs ou de concepts est un inconvénient lorsqu'il s'agit de formuler des hypothèses physiques ou de prouver des théorèmes mathématiques. Mais l'attitude positiviste à l'égard de la redondance, établie dans les sciences exactes, ne peut s'appliquer largement. Une redondance correctement organisée sous-tend le fonctionnement fiable des systèmes techniques, la capacité de survie des organismes biologiques et la commodité des interfaces des produits logiciels. Pour la quasi-totalité des commandes de formatage et d'édition de base, Dreamweaver propose plusieurs façons de les implémenter. Les heureux possesseurs de grands écrans peuvent les réaliser à travers des palettes et des panneaux. Pour les utilisateurs privés d'espace à l'écran, le programme propose des commandes de barre de menus et des raccourcis clavier.

Fenêtre de document

La fenêtre de document est l'espace de travail dans lequel les documents hypertextes sont créés (Fig. 1.2). Il stocke du texte, des images, des tableaux, des formulaires et d'autres objets qui composent le contenu des pages HTML. Dreamweaver est un éditeur de classe WYSIWYG. Cette abréviation encombrante est formée à partir des premières lettres de la phrase anglaise What you see is what you get (ce que vous voyez est ce que vous obtenez). Cela signifie que l'image d'une page HTML dans la fenêtre du document ne diffère pas beaucoup de sa représentation dans les navigateurs les plus populaires - les navigateurs Microsoft Internet Explorer et Netscape Navigator. Bien que travailler directement avec des codes HTML soit considéré comme un signe de grand professionnalisme, il est peu probable que même le concepteur Web le plus sophistiqué renonce aux avantages qu'offrent une interface graphique et la création de documents WYSIWYG.

Riz. 1.2. Fenêtre de document

Contrairement à la plupart des applications Windows, Dreamweaver ne peut pas fonctionner avec plusieurs documents dans la même fenêtre de programme. Selon les paramètres sélectionnés, un nouveau document est chargé dans une fenêtre de programme distincte ou remplace un document précédemment ouvert dans la fenêtre actuelle. Avec ce mode de fonctionnement, il n'y a pratiquement aucune différence entre la fenêtre du programme et la fenêtre du document. Par conséquent, ci-dessous, nous utiliserons ces noms comme synonymes.

Modes de fonctionnement

En mode WYSIWYG, la création d'un document hypertexte est un peu différente de l'utilisation d'un éditeur de texte classique.

La saisie et la mise en forme de texte de base, les commandes d'insertion d'objets, les techniques de navigation et de sélection sont toutes implémentées dans Dreamweaver dans un style qui a dominé les environnements visuels ces dernières années. Le développeur peut travailler avec le document en utilisant les outils d'édition et de formatage habituels et sans se soucier de la manière dont ses décisions de conception sont mises en œuvre à l'aide du langage HTML. Dreamweaver génère automatiquement le texte source qui encode le contenu et la conception du document dans des codes de langage de balisage hypertexte.

Bien que la plupart des travaux créatifs puissent être effectués en mode WYSIWYG, vous devez parfois recourir à l'encodage direct. Il y a plusieurs raisons à cela. Il s'agit principalement de la nécessité d'affiner les codes de balisage. De plus, le standard du langage HTML mentionne plus d'une centaine de descripteurs, chacun pouvant avoir plusieurs attributs ou modificateurs. Il est difficile d'imaginer un programme dans lequel toutes les unités lexicales du langage HTML sont supportées par des contrôles : boutons ou commandes. Dans l'interface du système Dreamweaver, les outils de balisage hypertexte les plus populaires ont trouvé leur incarnation. Les codes inhabituels doivent être entrés manuellement.

Toutes les versions de Dreamweaver, à commencer par la première, offrent à l'utilisateur la possibilité de modifier directement les codes de balisage. Quels outils sont utilisés pour ce travail ? Premièrement, il s'agit d'un éditeur intégré spécial Code Inspector (Code Inspector), qui accompagne le programme Dreamweaver depuis les toutes premières versions et n'a subi que des modifications cosmétiques pendant cette période. Deuxièmement, l'utilisateur a la possibilité de connecter un éditeur HTML externe de son choix. Divers programmes peuvent jouer ce rôle : des éditeurs de texte généralistes les plus simples (par exemple, le Bloc-notes) aux outils logiciels hautement spécialisés conçus pour travailler avec des documents hypertextes complexes (Allaire HomeSite).

Dans la quatrième version de l'éditeur, une nouveauté très réussie est apparue - les modes de fonctionnement de la fenêtre de document. La fenêtre de document peut être dans l'un des trois modes ou vues.

Mode Création (mode Mise en page). C'est le mode WYSIWYG habituel de l'éditeur visuel, qui affiche les objets de la page hypertexte, leur mise en forme et leur position. Les codes de balisage sont cachés à l'utilisateur, à l'aide desquels les informations et les tâches de conception de la création d'un document hypertexte sont résolues. Dans ce qui suit, nous appellerons parfois ce mode visuel.
Vue Code (mode balisage). Dans ce mode, la fenêtre du document affiche le code source complet de la page hypertexte, avec tous les descripteurs, balises méta, scripts et commentaires. Ce mode de fonctionnement sera appelé mode code. Sur la fig. 1.3 affiche une page vierge en mode d'affichage du code. Chaque nouvelle page qui ne contient pas un seul texte ou objet graphique reçoit automatiquement un balisage hypertexte de base.

Riz. 1.3. Fenêtre de document en mode mise en page

Code et mode de conception (mise en page et mode de mise en page). Il s'agit d'un mode combiné dans lequel la fenêtre de document est divisée en deux sections. Dans une section, les codes de balisage hypertexte sont affichés, dans l'autre, le programme montre la mise en page de la page avec tous les objets et attributs de formatage. Sur la fig. 1.4. affiche une fenêtre de document fractionnée affichant une page vierge.)

Riz. 1.4. Fenêtre de document fractionnée

Il existe plusieurs manières de modifier le mode de fonctionnement. Tout d'abord, ce sont les commandes de la barre de menus : Affichage> Code (Affichage> Mise en page), Affichage> Conception (Affichage> Mise en page), Affichage> Code et conception (Affichage> Mise en page et mise en page). Deuxièmement, la barre d'outils propose des boutons qui permettent de passer rapidement d'un mode à l'autre. Enfin, à l'aide du raccourci clavier CTRL+TAB, vous pouvez passer du mode mise en page au mode mise en page et inversement, ou passer d'une partie de la fenêtre partagée à une autre.

Certaines parties d'une fenêtre de document fractionnée peuvent être redimensionnées. Pour ce faire, accrochez la ligne de séparation avec le pointeur et faites-la glisser.

Parmi les programmeurs, le terme « code source » a gagné en popularité. C'est le nom d'un programme écrit dans un langage de programmation de haut niveau aux premiers stades de son développement. Ce terme traduit bien la relation qui existe entre la partie code d'un document hypertexte et son image visible. L'enregistrement d'un document en HTML sera appelé texte source.

Barre de menu

La barre de menus est un attribut indispensable de toute application Windows. Il donne accès aux commandes, boîtes de dialogue, boutons, à l'aide desquels tout travail significatif est effectué sur la création d'un document, la configuration du programme, la gestion du processus de visualisation, etc.

Chaque élément de la barre de menus combine un groupe de commandes fonctionnellement liées qui forment une hiérarchie de menus et de sous-menus imbriqués. Nous donnons une brève description de ces points.

Le menu Fichier (Fichier) combine les principales commandes de fichier, des outils pour travailler avec des modèles de documents hypertextes, des commandes d'exportation, d'importation et de visualisation dans des navigateurs externes.
Le menu Edition comprend les commandes du presse-papiers, les outils de recherche, les directives de sélection d'objets et les paramètres du programme. Une section distincte comprend des commandes qui contrôlent les codes de balisage hypertexte.
Tous les éléments de menu Affichage (View) ont un objectif similaire. Il combine des outils de visualisation pour les éléments d'interface auxiliaires et les objets de document hypertexte.
Le menu Insertion comprend des commandes permettant d'importer divers objets : images, tableaux, scripts, formes, calques, caractères spéciaux, métadescripteurs, etc.
Le menu Modifier (Changer) combine des outils et des commandes pour modifier les attributs des objets de document hypertexte.
Le menu Texte comprend des ressources de programme liées à la création de fragments de texte et à leur formatage.
Le menu Commandes contient divers outils de commande destinés au traitement automatique des documents hypertextes : scripts, vérificateurs de code, utilitaires, etc.
L'élément Site de la barre de menus comprend des outils pour travailler avec des sites et des systèmes de documents hypertextes associés qui ont une structure complexe et de nombreux liens.
Le menu Fenêtre (Window) comprend des commandes permettant de visualiser les palettes, les panneaux et les boîtes de dialogue du programme.
Le menu Aide contient des commandes permettant d'appeler l'aide en ligne, de lancer un manuel électronique, des outils d'enregistrement électronique automatique et de lancer une démo.

Barre d'outils

La barre d'outils exécute les fonctions de la console de répartition principale du programme (Fig. 1.5). Il combine des boutons d'appel pour les commandes les plus demandées et les ressources de l'éditeur. Ce panneau compact réduit considérablement les frais généraux associés à la navigation dans un système de menus et de sous-menus imbriqués.

Riz. 1.5 Barre d'outils

Listons tous les contrôles qui s'y trouvent (de gauche à droite).

Vue Code (mode balisage). Le bouton pour passer en mode d'affichage du balisage hypertexte d'origine du document.

Code et mode de conception (mise en page et mode de mise en page). Le bouton permettant de passer en mode de fonctionnement combiné, lorsque la fenêtre du document est scindée en deux parties : l'une affiche les codes de balisage, l'autre affiche l'apparence de la page hypertexte.

Mode Création (mode Mise en page). Le bouton pour passer en mode visuel de l'éditeur - mode WYSIWYG.
Titre (Titre). Un champ de texte pour saisir le titre du document.
Gestion de fichiers Le bouton ouvre un menu contenant des commandes de fichier pour l'échange réseau et le contrôle d'accès.
Aperçu/Débogage dans le navigateur (Afficher/déboguer dans le navigateur). Le bouton ouvre un menu avec des commandes pour visualiser et déboguer un document hypertexte. Les premiers effectuent la vérification du balisage hypertexte. Pour ce faire, ils chargent le document dans l'une des visionneuses installées et associées au système Dreamweaver. Les commandes de débogage vérifient la fonctionnalité des codes JavaScript dans le navigateur sélectionné.
Actualiser la vue de conception (page Actualiser). Par cette commande, toutes les modifications apportées au texte source du document sont transférées en mode mise en page. Ceci effectue une vérification de la syntaxe et une interprétation des codes. Les fragments corrects sont affichés sur la page, les fragments erronés sont marqués en jaune.
référence. Le bouton affiche un manuel d'aide à l'écran contenant des descriptions des descripteurs de langage de balisage hypertexte, des constructions de spécification de style hiérarchique (CSS) et des opérateurs de langage JavaScript.
Navigation des codes. Le bouton donne accès à un menu avec des commandes qui contrôlent le débogage des programmes intégrés écrits en JavaScript.
Options d'affichage. Le bouton ouvre un menu avec des commandes qui contrôlent la visualisation des éléments auxiliaires de la fenêtre du document. Ce menu comprend de nombreuses commandes du menu Affichage de la barre de menus, ainsi que des commandes qui contrôlent la présentation des codes.

Sélecteur de balisage

Sur le côté gauche de la barre d'état se trouve le sélecteur de balises. C'est une sorte d'indicateur qui affiche les descripteurs de balisage HTML entourant la position actuelle du curseur. Ainsi, pour toute page vide, le sélecteur prend la valeur . Si vous tapez une ligne de texte et appuyez sur la touche ENTREE, un descripteur de paragraphe apparaîtra<р>. Si vous placez le curseur à l'intérieur du tableau, le sélecteur affichera les descripteurs

, ,

, lié au tableau, à la ligne active et à la cellule.

Le programme surveille en permanence la position du curseur et met à jour l'état du sélecteur de balisage. Cela facilite l'orientation dans les documents hypertextes complexes contenant des tableaux, des calques et des cadres imbriqués. Habituellement, les fragments d'un document hypertexte sont dans la portée de plusieurs descripteurs imbriqués. Le sélecteur affiche tous les descripteurs pertinents dans l'ordre dans lequel ils apparaissent dans le document. Plus la poignée est proche de la position actuelle du curseur, plus elle se trouve à droite dans la barre d'état.

Le sélecteur de balisage n'est pas seulement un outil de navigation, c'est un outil pratique pour sélectionner des objets. Cliquer sur un nom de descripteur dans la barre d'état sélectionne toute sa portée dans la fenêtre du document. Le descripteur sélectionné est mis en surbrillance dans le sélecteur de balisage en gras.

La sélection d'objets dans un document hypertexte à l'aide d'un sélecteur de balisage est une méthode plus fiable que la technique standard de déplacement de la souris. Cette méthode vous permet d'identifier les poignées masquées qui ne sont pas affichées dans la fenêtre du document, telles que les poignées .

Dimensions des pages

La communauté virtuelle se développe selon des lois spontanées, non soumises à la réglementation et aux normes. C'est l'une des raisons de la croissance rapide de la "population Internet", qui est pourtant à l'origine de nombreuses difficultés pour les développeurs et les programmeurs. En effet, lors du développement d'une page ou d'un site, l'auteur doit se rappeler que son travail peut être affiché sur une grande variété de systèmes informatiques. S'il ne veut pas perdre de visiteurs, alors il doit notamment veiller à la bonne présentation du document sur des moniteurs de différentes tailles et utilisant différentes technologies (pas forcément à base de tube cathodique).

Il existe d'autres raisons de modifier la taille de la fenêtre du navigateur lors de l'affichage de documents en ligne. Toute personne alphabétisée conviendra que la vitesse de lecture dépend, entre autres, de la longueur de la ligne. La compréhension de la lecture est considérablement compliquée si les lignes diffèrent considérablement d'une certaine norme. Des recherches psychologiques ont montré que la longueur optimale d'une chaîne de texte est étroitement liée au nombre de caractères de l'alphabet. Pour déterminer la zone de lecture confortable, il est nécessaire de multiplier la taille de l'alphabet par un coefficient qui prend des valeurs de 1,5 à 2. Cela signifie que les lignes de texte en russe ne doivent pas dépasser 70 caractères. De nombreux utilisateurs, ignorant l'existence d'une telle formule, limitent la taille de la fenêtre du navigateur pour éviter l'apparition de lignes trop longues.

Les développeurs du package Dreamweaver ont fourni au programme un outil spécial qui vous permet d'imaginer à quoi ressemblera le document sur des moniteurs de différentes tailles.

Dans la partie centrale de la barre d'état (Fig. 1.2), un champ affiche les dimensions actuelles de la fenêtre du document en pixels. Le premier chiffre donne la largeur, le second la hauteur. Si vous cliquez sur n'importe quel point du champ, une boîte de dialogue s'affiche contenant sept tailles standard pour les configurations les plus courantes des systèmes informatiques sur les plates-formes Windows et Macintosh. Pour sélectionner la taille, sélectionnez simplement la ligne appropriée dans la fenêtre.

Le premier élément de menu 592w fixe la largeur de la zone de document à 592 pixels et laisse la hauteur actuelle de la zone inchangée. Le dernier élément Modifier les tailles (Editing size) vous permet de sélectionner la taille de la fenêtre du document et de les ajouter à la liste des tailles standard. La boîte de dialogue Préférences (Paramètres) s'affiche à l'écran, où dans le champ Largeur (Largeur) la largeur est définie et dans le champ Hauteur (Hauteur) - la hauteur de la zone. Une description textuelle de la nouvelle norme est fournie dans le champ Description.

Toutes les tailles sont calculées sans tenir compte des éléments de service de la fenêtre du programme : règles dimensionnelles et barre de menus. Seule la zone de travail réservée au document et à ses objets est prise en compte. La hauteur de la barre d'état et les marges gauche et droite dans Dreamweaver correspondent à des éléments similaires dans les navigateurs Microsoft Explorer et Netscape Navigator les plus populaires.

Indicateur de charge

La fréquentation d'une page ne dépend pas seulement de son contenu ou, comme il est désormais coutume de le dire, de son contenu. Même une page profonde et significative avec un design soigné a peu de chances de réussir si elle nécessite plusieurs minutes d'attente pendant le chargement.

Sur le côté droit de la barre d'état (voir Fig. 1.2), il y a un indicateur spécial qui affiche des informations calculées par le programme sur la taille totale du fichier et sa vitesse de téléchargement. Le premier nombre sur l'indicateur est la taille du fichier en kilo-octets, le second est le délai de téléchargement estimé en secondes. Il est clair que le taux de transfert dépend du type de connexion, de la bande passante de la ligne, du protocole, de la marque du modem et de nombreux autres facteurs qui ne sont souvent pas responsables. Par défaut, le temps de téléchargement est calculé pour une vitesse de connexion de 28,8 Kbps.

La vitesse de connexion du modem, prise comme base de calcul, est l'un des paramètres principaux du programme et peut être modifiée. Pour ce faire, donnez la commande Edit\u003e Préférences\u003e Barre d'état (Edit\u003e Paramètres\u003e Barre d'état) et dans le champ Vitesse de connexion (Vitesse de connexion) entrez une nouvelle valeur de vitesse.

La principale contribution au nombre total de kilo-octets d'un document hypertexte est constituée par les dessins, les fichiers multimédias et les fichiers d'animation. Pour estimer la taille individuelle d'une image, sélectionnez-la et lisez la valeur souhaitée dans le champ supérieur gauche de la palette Inspecteur des propriétés (Inspecteur des propriétés) (voir Fig. 1.8).

Palette et lancement rapide

La palette Launcher est un service, une palette auxiliaire conçue pour afficher les fenêtres de dialogue principales et les panneaux de programme. Pour afficher la palette (Fig. 1.6), vous devez exécuter la commande Fenêtre> Lanceur (Fenêtre> Palette de lancement rapide). L'exécution répétée de cette commande supprime la palette de l'écran.

Riz. 1.6. Palette de lancement rapide

Un clic sur le bouton palette Launcher (Lancement rapide) affiche la boîte de dialogue correspondante. Une nouvelle pression sur le bouton de commande ferme la palette étendue si elle se trouve au premier plan de l'écran. Si la palette active est au moins partiellement masquée par d'autres objets, elle est mise au premier plan.

Par défaut, la palette combine des boutons de raccourci pour les sept composants de programme les plus populaires.

Placer(Site Internet). Une boîte de dialogue pour la gestion d'un grand site : un système de documents hypertextes interconnectés avec des renvois complexes.
des atouts(Bibliothèque). Ce nom, littéralement traduit par actifs ou fonds, a été attribué par les développeurs du programme au panneau qui joue le rôle de bibliothèque ou de référentiel principal dans le programme. Il stocke les éléments de conception typiques des documents hypertextes : images, couleurs, liens externes, scripts, animations Flash, modèles, etc.
Styles HTML(Styles HTML) Une palette pour travailler avec les styles de balisage HTML pour les lignes de texte et les paragraphes.
Styles CSS(Feuilles de style en cascade). La palette permet de gérer les feuilles de style en cascade. Malheureusement, cette traduction littérale peu réussie du terme s'est déjà ancrée dans la langue russe. Le terme « spécifications de style hiérarchique » est une bonne traduction qui suit le sens du phénomène, pas sa lettre. Dans ce qui suit, nous utiliserons les deux options.
Comportements(modes). La palette combine des commandes de scénario dynamiques. Le script dynamique contrôle par programmation l'interactivité de la page hypertexte. Les scénarios sont construits sur la base d'événements qui se produisent sur la page lors de leur visualisation. Les événements déclenchent des routines de gestion d'objets, qui sont généralement écrites en JavaScript. Ce schéma s'adapte à une grande variété d'effets interactifs : des boutons animés les plus simples qui sont sensibles à la position du pointeur, aux procédures de traitement de base de données complexes.
Histoire(Préhistoire). La palette enregistre et stocke les actions de l'utilisateur pour l'édition d'un document HTML. Le protocole de travail avec le programme vous permet d'effectuer des opérations d'édition d'annulation à plusieurs niveaux et d'enregistrer des chaînes répétitives typiques sous forme de commandes.
Inspecteur de code(Inspecteur des codes). Une des palettes les plus importantes du programme. Il s'agit essentiellement d'un éditeur de code HTML interne intégré à l'interface graphique de Dreamweaver. Dans les versions précédentes du programme, où il n'était pas possible de changer les modes de la fenêtre de document, cette palette était l'un des composants les plus importants. Dans la quatrième version, il s'agit d'une palette modulaire régulière qui peut être combinée avec d'autres objets de cette classe.

Il y a un bouton rectangulaire dans le coin inférieur droit de la palette de lancement rapide. Cet outil graphique sans prétention est conçu pour changer l'orientation de la palette.

Vous pouvez modifier le contenu de la palette de lancement rapide. Pour ce faire, donnez la commande Édition> Préférences (Édition> Paramètres). Une boîte de dialogue avec les principaux paramètres du programme s'ouvrira. Dans celui-ci, sélectionnez la catégorie Panneaux (Panels) et modifiez le contenu de la palette avec les outils fournis par la section Afficher dans le lanceur (Afficher dans la palette de lancement rapide).

Sur le côté droit de la barre d'état se trouve un panneau (voir Fig. 1.2) qui, en termes d'apparence des boutons et de fonctionnalité, est complètement identique à la palette de lancement rapide. C'est une sorte de branche de la palette Launcher (Lancement rapide), son contenu duplique le contenu de la palette principale. Appelons cet outil Quick Launch.

Menu contextuel

Le menu contextuel est bien connu même des utilisateurs novices du système d'exploitation Windows. Il s'agit d'une technique de gestion standard largement utilisée par la plupart des applications exécutées sous ce système d'exploitation. Son essence est simple. Un clic droit sur un objet de la fenêtre de document affiche un menu dont le contenu dépend du type d'objet. Ce menu contient des commandes relatives à un objet donné ou susceptibles d'être requises dans une situation donnée.

Toutes les versions de Dreamweaver prennent en charge le menu contextuel. Dans la quatrième édition de l'éditeur, cette idée a été développée plus avant. Les menus contextuels ont augmenté en taille, ont reçu des niveaux d'imbrication supplémentaires et peuvent désormais être appelés dans presque toutes les situations. Sur la fig. 1.7 montre un exemple de menu contextuel que le programme affiche en cliquant avec le bouton droit sur n'importe quel point libre d'une fenêtre ou d'un fragment de texte.

Inspecteur des propriétés

L'inspecteur des propriétés de la palette (Inspecteur des propriétés) est l'outil principal du programme. La plupart du travail de définition et de modification des attributs des objets situés sur une page HTML doit être effectué avec elle.

L'inspecteur de propriétés est une palette flottante qui a la propriété de dépendance au contexte (Fig. 1.8). Cela signifie que son contenu peut changer en fonction de l'opération en cours, de la position du curseur et du type d'objets sélectionnés.

Riz. 1.7. Menu contextuel

Pour afficher la palette à l'écran, il faut exécuter la commande Fenêtre > Propriétés (Fenêtre > Propriétés) ou utiliser la combinaison de touches CTRL + F3. L'exécution répétée de cette commande supprime l'inspecteur de l'écran.

Riz. 1.8. Inspecteur des propriétés

Listons les principaux champs et boutons de la palette. Ces contrôles sont liés au formatage du texte et à la création de liens hypertexte et sont présents dans l'inspecteur de propriétés dans la plupart de ses états.

La liste Format (Format) est destinée au choix d'un des types structurels standard du texte (1).
List Link (Lien) stocke une liste de tous les liens dans le document actuel. Chaque lien a une applicabilité illimitée. Cela signifie qu'une fois qu'un lien est créé, il peut être réutilisé avec d'autres hotspots (2).
Une liste avec laquelle la conception de la police du fragment de texte sélectionné est sélectionnée. Les éléments de cette liste sont des familles ou des ensembles de polices qui combinent plusieurs polices et les organisent par ordre de préférence. Les éléments individuels reçoivent leurs noms en fonction des polices majuscules des ensembles (3).
La taille de la liste (Taille) est conçue pour sélectionner la taille de la police (4).
Bouton d'appel de la palette de couleurs standard. Cette palette permet de sélectionner la couleur du fragment de texte sélectionné (5).
Un champ qui affiche ou définit le code hexadécimal de la couleur sélectionnée (6).
Apparence standard et fonctions exécutées dans divers programmes, boutons pour sélectionner le style de police (7).
Boutons de sélection du type d'alignement (8).
Bouton d'appel d'un indice interactif (9).
Marqueur-pointeur. Crée des liens hypertextes lorsqu'ils sont glissés vers la source souhaitée : fichier ou symbole d'ancre (10).
Bouton pour ouvrir la boîte de dialogue Sélectionner un fichier. A partir de cette fenêtre, vous pouvez naviguer dans le système de fichiers et sélectionner un document qui servira de cible au lien hypertexte (11).
La liste cible (affectation) est conçue pour sélectionner la méthode de visualisation du document, qui indique un lien hypertexte. Dans cette section, vous pouvez définir la fenêtre ou le cadre dans lequel le document référencé (12) doit être affiché.
Standard pour la plupart des éditeurs, texte et HTML, boutons pour créer des listes à puces et numérotées (13).
Le bouton Élément de la liste ouvre la boîte de dialogue Propriétés de la liste pour modifier les listes de tous types (14).

Deux boutons qui contrôlent le décalage horizontal des fragments de texte (15).
Bouton d'appel de l'éditeur de code express (16).
La flèche du bouton Expander (Extension) sert à modifier la taille de la palette. Avec son aide, vous pouvez réduire et développer la palette Inspecteur des propriétés (Inspecteur des propriétés) (17).

La plupart des commandes exécutées à l'aide de l'inspecteur de propriétés sont immédiatement transférées à l'objet en cours de traitement : une image, un texte ou un tableau. Dans de rares cas, une confirmation supplémentaire est requise, qui peut être effectuée en appuyant sur la touche ENTREE ou TAB ou en cliquant sur la souris.

Il est pratique d'utiliser la touche TAB pour naviguer dans les sections de l'inspecteur de propriétés. Le fait d'appuyer dessus active les paramètres sélectionnés pour le champ ou la zone de liste en cours et active le contrôle de palette suivant.

De nombreuses commandes de l'Inspecteur des propriétés sont une combinaison de champs de texte ou de nombre et de listes déroulantes. Cela vous permet de choisir une tactique pratique pour définir les paramètres. La valeur requise peut être simplement saisie au clavier ou sélectionnée dans le menu. Le menu s'ouvre de la manière standard pour le système Windows - en cliquant sur le bouton déroulant situé à droite du champ.

L'inspecteur de propriétés est un outil spécial, les développeurs du programme l'ont doté d'un certain nombre de fonctionnalités supplémentaires qui ne sont pas disponibles dans d'autres boîtes de dialogue du programme. L'inspecteur de propriétés est complètement autonome et n'a pas la capacité de s'ancrer avec d'autres palettes. La méthode standard de déplacement des fenêtres dans le système d'exploitation Windows consiste à faire glisser la barre de titre. Il peut être appliqué à n'importe quelle palette ou panneau du programme.

Les éditeurs HTML WYSIWYG sont très gourmands en espace d'écran. Cela n'est pas dû à la négligence des développeurs ; il y a des raisons objectives à cela. Les documents hypertextes nécessitent plus de fonctions de traitement que les documents imprimés. Chaque utilitaire ou commande doit être représenté dans l'interface de l'éditeur par un bouton ou un élément de menu. Par conséquent, le bureau des éditeurs HTML est souvent jonché de palettes et de panneaux, comme une table à cartes avec des cartes jouées dans un jeu de hasard à gros enjeux.

La plupart du temps, l'inspecteur des biens doit rester ouvert. Sa fenêtre doit être fréquemment déplacée sur l'écran pour accéder aux parties cachées du document. Cette opération peut être effectuée en faisant glisser n'importe quel point d'arrière-plan libre de la palette. Double-cliquer sur un tel point redimensionne la fenêtre de l'Inspecteur des propriétés.

Les développeurs ont fourni à Dreamweaver plusieurs fonctions d'assistance qui aident l'utilisateur à conserver la fenêtre dans un ordre relatif. Premièrement, les palettes Dreamweaver sont des fenêtres quelque peu autonomes qui peuvent être placées n'importe où sur le bureau Windows. Cela vous permet de diviser l'espace de travail du moniteur entre les commandes de service et la fenêtre de document. Les heureux propriétaires de systèmes à double moniteur (ces configurations prennent en charge les dernières versions du système d'exploitation Windows) peuvent regrouper toutes les fenêtres et palettes auxiliaires sur un moniteur, libérant ainsi un autre pour travailler avec un document.

Deuxièmement, les palettes du programme ont la capacité de se combiner. Cela signifie que l'utilisateur a la possibilité de former des palettes complexes préfabriquées à partir de fenêtres simples individuelles. Pour ce faire, il suffit d'accrocher l'onglet de la palette avec le pointeur et de le faire glisser vers n'importe quel endroit libre de la palette préfabriquée.

Troisièmement, il existe une commande qui supprime toutes les palettes ouvertes du bureau du programme. La façon la plus simple de le faire est d'appuyer sur les touches F4. Un nouvel appui sur cette touche restaure la configuration d'origine de l'écran.

Palette d'objets

Seuls les documents hypertextes les plus simples sont des fragments de texte balisés avec des commandes de lien. La plupart des pages HTML modernes sont multimédias. Cela signifie qu'ils incluent des objets externes : fichiers multimédias, outils de lecture, images, fichiers d'animation, etc.

Palette Objects (Palette d'objets) sert à l'insertion et à la création d'objets externes. Tout ce qui peut être inclus dans une page HTML, des bitmaps aux applets Java, peut être inséré à l'aide de la palette d'objets.

Pour afficher la palette à l'écran, il faut exécuter la commande Fenêtre > Objets (Fenêtre > Objets). L'équivalent clavier de la commande est CTRL + F2. Exécuter à nouveau la commande supprime la palette de l'écran.

Riz. 1.9. Palette d'objets

Le contenu de la palette est divisé en sept sections thématiques.

Personnages(Symboles spéciaux). Insérez des caractères spéciaux qui ne sont pas sur le clavier (marque, copyright, etc.).
Commun(Général). La section regroupe les objets les plus populaires, dont il est difficile de se passer même lors de la création de simples documents hypertextes. Ce sont des tableaux, des images, des règles horizontales, des dates actuelles du calendrier, etc.
Formes(Formes). Les formulaires et les éléments qui les composent : boutons radio, listes, champs de texte, etc.
cadres(Cadres). Création de structures de châssis avec différentes positions de composants - cadres.
tête(Titre). Insertion de méta descriptions dans l'en-tête d'un document hypertexte.
Invisibles(Objets cachés). Placement d'objets cachés qui ne sont pas affichés par les visualiseurs de page HTML. C'est la plus petite section de la palette; il vous permet d'ajouter seulement trois types d'objets : des ancres, des commentaires et des scripts.
Spécial(Objets spéciaux). La section combine des boutons pour insérer des objets spéciaux. Aux développeurs du programme ont attribué des applets, des objets ActiveX et des modules complémentaires externes (plugins).

Au bas de la palette se trouvent quatre boutons, divisés en deux groupes : Layout (Layout) et View (View). Ces outils - une innovation de la quatrième version du programme. Ils sont conçus pour passer en mode mise en page et créer rapidement une structure ou une mise en page de page. Ces problèmes sont abordés plus en détail dans le chapitre sur la mise en page. Nous ne donnons que de brèves descriptions de ces contrôles.

Dessiner une cellule de disposition(Création d'une cellule de mise en page). Accès à l'outil de mise en page des cellules.
Dessiner un tableau de disposition(Création d'un tableau de disposition). Accès à l'outil tableau de mise en page.
vue générale(Mode standard). Passage au mode standard de travail avec un document.
vue mise en page(Mode mise en page). Passez en mode de mise en page du document.

Le titre de la section courante s'affiche sous la barre de titre de la palette. Pour changer une section, cliquez sur ce nom. Un menu s'ouvrira vous permettant de sélectionner la section désirée.

Pour certaines sections de la palette, tous les boutons ne sont pas affichés. En particulier, la section Common (General) combine près de deux douzaines de boutons qui ne rentrent tout simplement pas dans la fenêtre de la palette. Pour accéder à toutes les ressources des grandes sections, vous pouvez utiliser le défilement (fourni par deux boutons fléchés situés au bord de la palette) ou simplement augmenter la taille de la boîte de dialogue.

La procédure d'insertion d'objets nécessite dans la plupart des cas la saisie de paramètres supplémentaires. Dans de tels cas, une boîte de dialogue apparaît à l'écran dans laquelle l'utilisateur doit sélectionner ou entrer les paramètres requis. Dans les paramètres principaux du programme dans la section Général (Général), il y a une case à cocher Afficher la boîte de dialogue lors de l'insertion d'objets (Afficher les boîtes de dialogue lors de l'insertion d'objets), qui contrôle l'affichage de ces fenêtres. Si vous décochez cette case, la plupart des objets (mais pas tous) acceptent les paramètres par défaut et suppriment la sortie de fenêtre intermédiaire. Pour effectuer un tel réglage, donnez la commande Edition> Préférences> Général (Edition> Paramètres> Général).

Inspecteur de code

Parmi les nombreux représentants de la classe des éditeurs HTML, dont la population augmente rapidement de nos jours, Dreamweaver se distingue par son travail strict avec les codes de documents hypertextes. Mais même ce programme profondément pensé et purement mis en œuvre n'est pas en mesure d'éviter complètement à l'utilisateur de corriger manuellement les codes HTML.

Travailler directement avec les codes est non seulement un mal nécessaire, mais aussi une bénédiction possible. Il vous permet d'identifier les erreurs cachées, d'éliminer la redondance de code, d'apporter rapidement des modifications locales aux fragments hypertextes sélectionnés, d'optimiser la structure d'un document ou sa mise en forme,

Le package Dreamweaver comprend un outil spécial conçu pour afficher et modifier les codes de balisage des documents hypertexte. Dans la documentation du programme, il est appelé Code Inspector (Code Inspector).

Il existe plusieurs façons de l'appeler. Premièrement, c'est la commande Fenêtre> Inspecteur de code (Fenêtre> Inspecteur de code), et deuxièmement, c'est la touche F10. De plus, le panneau et la palette de lancement rapide ont des boutons spéciaux pour activer cet outil. Ils sont affichés sous la forme d'une paire de crochets angulaires, reprenant la désignation des descripteurs adoptés dans le langage HTML.

Riz. 1.10. Inspecteur de code

Sur la fig. La figure 1.10 montre la fenêtre Inspecteur de code. Dans la quatrième version du programme Dreamweaver, cet outil est implémenté sous la forme d'une palette flottante régulière qui, en termes de technique de travail et de capacités, ne diffère presque pas du mode code de la fenêtre de document (Code View). Les cinq boutons de la deuxième rangée sont des doublons des boutons de commande de la barre d'outils principale (voir Figure 1.5). La présentation des codes de balisage dans la palette est contrôlée par des commandes accessibles par le bouton Afficher les options. Jetons un coup d'œil à ces commandes.

Retour à la ligne (retour à la ligne). Mode retour à la ligne de code. S'il est activé, les déclarations HTML qui sont plus longues que la taille actuelle de la fenêtre de l'éditeur sont automatiquement renvoyées à une autre ligne. Aucun caractère de nouvelle ligne n'est inséré dans le texte source du document dans ce cas - nous ne parlons que d'un mode de visualisation spécial.
Numéros de ligne (Numéros de ligne). Commande d'affichage du numéro. Lorsque ce mode est activé, chaque ligne reçoit un numéro de série, ce qui facilite la navigation et la recherche dans les documents hypertextes volumineux.
Mettez en surbrillance HTML invalide (marquage des codes invalides). Cette commande active un mode dans lequel les constructions syntaxiquement erronées sont surlignées en jaune dans l'inspecteur de code et dans la fenêtre du document. Dans ce cas, l'inspecteur des propriétés affiche un message d'erreur et, dans certains cas, propose des recettes pour le corriger.
Coloration syntaxique (Coloration des constructions syntaxiques). Dans ce mode, les parties du balisage de code qui ont une signification différente sont mises en surbrillance dans différentes couleurs, ce qui permet de naviguer rapidement dans le texte source du document. De plus, Dreamweaver vous permet de choisir une représentation de couleur spécifique pour chaque balise de langage HTML. Les couleurs sont attribuées dans les paramètres principaux du programme dans la section Couleurs du code.
Indentation automatique. La commande active le mode d'indentation automatique pour les descripteurs de balisage saisis dans la fenêtre Inspecteur de code. Les types de descripteurs et les règles d'indentation sont spécifiés dans un fichier d'initialisation spécial SourceFormat.txt.

Dans la partie droite de la fenêtre Inspecteur de code, il y a un bouton triangulaire sans nom. Il fait apparaître un menu avec des commandes qui ont servi le texte original du document. Listons ces commandes.

Trouver et remplacer(Trouver et remplacer). Appelle la commande rechercher et remplacer.
Rechercher suivant(Retrouvez ci-dessous). Démarre la procédure de recherche avec le modèle de recherche saisi précédemment et les paramètres de recherche actuels. La boîte de dialogue des paramètres de recherche et de remplacement n'apparaît pas.
référence(Guide de référence). Appelle un guide de référence pour les ressources HTML, JavaScript et CSS.
Définir un point d'arrêt(Insérer un point d'arrêt). Définit un point d'arrêt à la position du curseur de texte. Les points d'arrêt aident au débogage des programmes intégrés.
Supprimer tous les points d'arrêt(Supprimer tous les points de contrôle). Supprime tous les points d'arrêt du texte source du document.
Couper(Coupé). Coupe le fragment de code sélectionné dans le presse-papiers.
soru(Copie). Copie le fragment de code sélectionné dans le presse-papiers.
pâte(Insérer). Colle le contenu du presse-papiers.

Vous pouvez utiliser un clic de souris ou la combinaison de touches CTRL+TAB pour basculer entre l'inspecteur de code et la fenêtre de document.

L'inspecteur de code peut être utilisé avec succès dans son rôle quelque peu inhabituel d'éditeur de texte. Dreamweaver reconnaît avec succès les fichiers écrits à l'aide de caractères ASCII, tels qu'un fichier texte brut ou le code source d'un programme. Ces documents sont ouverts à l'aide de la commande habituelle Ouvrir (Ouvrir) et chargés dans la fenêtre de document, qui fonctionne en mode code. Dans ce cas, certaines ressources du programme deviennent indisponibles.

1.4. Ouverture de fichiers

La technique d'ouverture des fichiers dans le programme n'est pas différente de ces techniques de modèle que les applications Windows ont. La manière habituelle est la commande Fichier> Ouvrir (Fichier> Ouvrir). La commande a un équivalent clavier - le raccourci clavier CTRL+0. De plus, le programme prend en charge le glisser-déposer. Une icône de fichier HTML peut être glissée et déposée n'importe où dans la fenêtre du document, ou sur une icône ou un raccourci d'un programme inactif.

Par défaut, un nouveau fichier est ouvert dans sa propre fenêtre de programme. Cet accord pas toujours commode peut être modifié. Pour ce faire, utilisez la commande Édition> Préférences (Édition> Paramètres) pour accéder aux principaux paramètres du programme et dans la section Général, décochez la case Ouvrir les fichiers dans une nouvelle fenêtre (Ouvrir les fichiers dans une nouvelle fenêtre).

Le nombre de fenêtres de programme ouvertes simultanément n'est limité que par la mémoire libre de l'ordinateur. Si le programme a démarré à partir d'une page vierge, un nouveau fichier prend quand même sa place.

Dreamweaver effectue une vérification de syntaxe sur les pages HTML que vous ouvrez. Si des erreurs sont trouvées, le programme essaie de faire lui-même les ajustements nécessaires au balisage. Le programme informe l'utilisateur de toutes les erreurs de code non corrigibles dans une fenêtre spéciale appelée Corrections HTML (Corrections HTML).

Le mode de correction d'erreur et la sortie du journal de test sont personnalisables. Pour ce faire, utilisez la commande Edition> Préférences (Edition> Paramètres) pour afficher une boîte de dialogue avec les principaux paramètres du programme et effectuez les ajustements nécessaires dans la section Code Rewriting (Réécriture des codes).

Le programme est capable d'ouvrir presque tous les documents basés sur le balisage hypertexte du HTML standard et ses extensions et versions.

Voici une liste loin d'être complète des formats de fichiers disponibles pour le programme : .HTM, .HTML, .ASP, .CFM, .CFML, .TXT, .SHTM, .SHTML, .STM,

LASSO, .XML, .CSS, .PHP.

1.5. Enregistrement de fichiers

L'enregistrement de fichiers dans Dreamweaver s'effectue à l'aide d'outils standard pour n'importe quelle application Windows. Ce sont les commandes de la barre de menus : Fichier> Enregistrer (Fichier> Enregistrer) et Fichier> Enregistrer sous (Fichier> Enregistrer sous). La première commande a un équivalent clavier - la combinaison de touches CTRL+S. Il affiche une boîte de dialogue qui spécifie le nom, le type et l'emplacement du fichier uniquement si le nom du document actuel est manquant. La même boîte de dialogue apparaît chaque fois que vous utilisez la commande Enregistrer sous. Cette commande est associée à la combinaison de touches CTRL+SHIFT+S. À tous autres égards, les équipes n'ont aucune différence.

Par défaut, les fichiers de documents hypertextes ont l'extension .htm sur le système d'exploitation Windows et .html sur la plate-forme Macintosh.Le programme a un équilibre parfait entre les commandes d'ouverture et d'enregistrement des fichiers. Tous les types de fichiers pouvant être ouverts par le programme sont également disponibles pour l'enregistrement.

Les noms de fichiers longs pris en charge par les systèmes d'exploitation depuis Windows 95 sont devenus familiers à l'utilisateur moderne. Certains serveurs ajoutent leurs propres restrictions aux conventions de dénomination bien connues. Les espaces et toute ponctuation doivent être évités dans les noms, à l'exception des traits d'union et des traits de soulignement.

1.6. Annuler et refaire

La plupart des processus physiques se produisant dans des conditions naturelles ou dans des laboratoires scientifiques sont considérés comme irréversibles. C'est l'une des hypothèses fondamentales des sciences naturelles, qui forment l'ensemble de l'image scientifique du monde. Tout l'arsenal cognitif de la physique théorique et expérimentale repose sur cette hypothèse de base. Les machines informatiques modernes sont capables de libérer en partie une personne des chaînes de cette catégorie philosophique. La plupart des programmes modernes permettent d'annuler les actions infructueuses, de reconsidérer les décisions de conception intenables et de revenir à l'état d'origine du document. L'inversion d'une séquence de décisions est parfois appelée retour en arrière.

Dans Dreamweaver, il suffit d'exécuter la commande Edition > Annuler (Edition > Annuler) ou d'utiliser le raccourci clavier CTRL+Z.

Le programme vous permet d'annuler plusieurs actions consécutives. La profondeur de restauration est l'un des principaux paramètres du programme. par défaut c'est 100.

Vous pouvez modifier ce numéro comme suit.

Donnez la commande Édition> Préférences (Édition> Paramètres)
Ouvrez la catégorie Général.
Définissez la valeur de profondeur d'annulation dans le champ Nombre maximal d'étapes d'historique.

L'enregistrement et le stockage des modifications éditoriales et des commandes utilisateur nécessitent des ressources informatiques supplémentaires. Si les réserves de RAM sont faibles, des valeurs élevées définies dans le champ Nombre maximal d'étapes d'historique (nombre maximal d'entrées de journal) peuvent entraîner un ralentissement important du programme.

Équipe annuler(Annuler) vous permet d'annuler uniquement en cas de poursuite immédiate. S'il est nécessaire d'appliquer la méthode des essais et des erreurs, de mener des expériences avec le projet, de vérifier diverses options, cela ne sert à rien. De plus, certaines commandes ne peuvent en principe pas être annulées de cette manière.

Pour effectuer une restauration en profondeur ou annuler des commandes irréversibles, vous pouvez utiliser la commande Fichier> Rétablir (Fichier> Revenir à l'enregistrement). Cette commande restaure le document à l'état dans lequel il se trouvait lors du dernier enregistrement du fichier.

La tactique d'utilisation de la commande est simple. Enregistrez le document sur le disque avant d'exécuter des commandes irréversibles ou risquées. Si l'expérience a échoué, la commande Rétablir (Fichier> Revenir à l'enregistrement) restaurera l'état enregistré du document.

Le programme conserve un protocole de travail avec le document ; les commandes exécutées et les opérations d'édition de la page sont enregistrées dans une palette spéciale Historique (Historique). Ce contrôle flexible donne à l'utilisateur beaucoup plus de contrôle que les commandes standard d'annulation et de restauration.

Les moyens de répéter les opérations effectuées sont présentés dans le programme beaucoup plus modestement. La commande Edition> Rétablir (Edition> Répéter) permet de ré-exécuter la commande ou l'action éditoriale précédente. Il correspond au raccourci clavier standard CTRL+Y.

Il convient de rappeler que seules les opérations effectives sont enregistrées dans le protocole du programme, par exemple: saisie et suppression de caractères, insertion d'objets, commandes de formatage, etc. Seules ces actions peuvent être annulées ou rétablies. De nombreuses commandes de nature auxiliaire et opérations externes au programme ne sont pas soumises à la journalisation. Il s'agit de déplacer le curseur, de sélectionner des objets, d'enregistrer un document, etc.

1.7. Utilisation de la palette Historique

Les étapes de création et de formatage du document en cours sont enregistrées dans une palette spéciale Historique (Historique). Il enregistre une variété d'actions et de commandes : de la saisie de texte à l'insertion de calques. La palette assure de manière fiable l'utilisateur contre d'éventuelles erreurs et défaillances. Avec son aide, vous pouvez annuler les dernières actions de formatage et d'édition d'un document, répéter une chaîne d'étapes réussie, enregistrer une séquence typique d'opérations sous la forme d'une macro pour l'utiliser dans un autre document.

Vous pouvez afficher la palette à l'écran en utilisant la commande Fenêtre > Historique ou en utilisant la combinaison de touches MAJ + F10 (Fig. 1.11).

Figure. 1.11. Historique des palettes (Historique)

Le contenu de la palette est un journal du travail de l'utilisateur avec l'éditeur. La palette contient des commandes et des actions dans l'ordre dans lequel elles sont exécutées et sous les noms typiques que le programme leur donne.

Considérez les méthodes de base pour travailler avec cet objet

Pour annuler plusieurs

actions, faites simplement glisser le curseur situé sur le côté gauche de la palette vers le haut. Les poids de commande situés dans la palette sous le curseur sont annulés et le signe de ceci est marqué en gris.

Au lieu de faire glisser, vous pouvez simplement cliquer sur la barre de gauche de la palette en face

le nom de la dernière commande valide. Cliquer sur un nom de commande la sélectionne simplement, il n'y a pas d'annulation.

Les commandes annulées peuvent être réexécutées. Pour ce faire, faites simplement glisser le curseur vers le bas ou cliquez sur la barre de gauche de la palette pour la placer en face de la dernière équipe effective.

Annuler l'annulation n'est valide que jusqu'à la première modification dans la fenêtre du document. Après tout collage ou formatage, l'enregistrement de toutes les commandes annulées est détruit.

Pour répéter une seule opération terminée et enregistrée, vous devez la sélectionner et cliquer sur le bouton Rejouer dans le coin inférieur gauche de la palette. Le programme vous permet de refaire plusieurs opérations différentes. Pour ce faire, sélectionnez-les et cliquez sur le même bouton de la palette. Pour sélectionner des commandes non adjacentes, maintenez la touche CTRL enfoncée.
La capacité de la palette est une valeur variable, elle est définie dans les paramètres principaux du programme. Ouvrez la boîte de dialogue Edition> Préférences (Edition> Paramètres) avec les paramètres, sélectionnez la section Général (Général) et entrez dans le champ Nombre maximum d'étapes de l'historique (Nombre maximum d'entrées de journal) le nombre maximum d'étapes enregistrées dans la palette. Par défaut, il est de 100. Lorsque le nombre de commandes de la palette dépasse la capacité définie, de nouvelles commandes sont écrites au détriment des anciennes.

Vous ne devez pas considérer la palette Historique (Historique) comme un endroit où est stockée une collection de commandes, d'actions et d'opérations enregistrées, qui peuvent être ordonnées arbitrairement ou exécutées de manière sélective. Tous les événements de la préhistoire forment une séquence stricte qui n'est pas sujette à réorganisation.

Avoir des questions?

Nom

E-mail *

Message *

Signaler une faute de frappe

Texte à envoyer à nos rédacteurs :

Votre commentaire (optionnel):

Envoyer