LA CLOCHE

Il y a ceux qui lisent cette actualité avant vous.
Abonnez-vous pour recevoir les derniers articles.
Email
Nom
Nom de famille
Comment voulez-vous lire The Bell
Pas de spam

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

  1. Bouton de sélection de disposition
  2. Bouton de sélection de poste
  3. Bouton de site Web
  4. Bouton de sélection d'interface(sélecteur d'espace de travail - 11 options au choix). La figure montre l'interface classique
  5. Barre de menus (10 menus avec listes déroulantes de commandes)
  6. Rangée d'onglets (catégories) - 9 onglets pour différents types de travail
  7. 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 de barres d'outils (élément 7) forment ensemble le "panneau Insérer"
  8. Ligne de documents ouverts
  9. Barre d'outils Code
  10. Numérotation des lignes de code
  11. Section de code (lors de la division de la fenêtre d'édition en code et design)
  12. Barre d'état (balises appliquées, vitesse de chargement de la page, encodage appliqué).
  13. Groupe de panneaux Résultats (recherche, référence, vérification des liens, rapports, etc.)
  14. Panneaux de quai - peut contenir des panneaux Fichiers, Actifs, Fragments de code, Bases de données, Styles, Inspecteur de balises, etc. Les panneaux du Dock peuvent être ouverts / supprimés de la fenêtre du programme à l'aide du menu Fenêtre - Masquer les panneaux / Afficher les panneaux.
  15. Section Design (lors de la division de la fenêtre d'édition en code et design)
Lors du changement d'espace de travail (bouton 4), l'interface du programme peut différer de celle représentée sur la figure ci-dessus (version "Classique" de l'interface).

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

La fenêtre d'édition est au cœur de la fenêtre du programme.
La page dans la fenêtre d'édition peut être ouverte en mode code, en mode partage de code et en mode d'édition visuelle, en mode Conception ou en vue en direct (une vue plus réaliste de la page).


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

Barres d'outils :

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

Composants

Base de données

Comportements des serveurs

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

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

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

travail diplômé

1.1 Interface de Dreamweaver

L'environnement professionnel puissant Dreamweaver dispose de tous les outils dont vous avez besoin pour générer des pages HTML de toute complexité et échelle. Il fournit un mode de conception visuelle (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 code source des documents Web, a un support intégré pour les grands projets de réseau. Le concept WYSIWYG n'est pleinement implémenté dans aucun des éditeurs existants aujourd'hui. Dreamweaver est plus proche 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, prenant en charge toutes les normes Internet modernes et rendant incroyablement facile l'exécution des tâches les plus complexes. De plus, il contient un système avancé d'invites et de leçons interactives qui permettent à un débutant de se lancer rapidement.

L'interface du programme a subi des modifications par rapport aux versions précédentes. Le nouveau style facilite grandement l'utilisation du 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 l'aspect final du site, ce qui facilite grandement le travail.

Lorsque Dreamweaver se charge, une fenêtre de démarrage apparaît (Figure 1), vous permettant de sélectionner le type du nouveau document à créer (HTML, ColdFusion, PHP, etc.), ou de créer un document à l'aide d'exemples prêts à l'emploi (feuilles de style CSS, jeux de cadres, etc.), et également ouvrir récemment documents utilisés. En outre, il existe des liens vers des ressources en ligne: le site Dreamweaver MX Exchange, un aperçu du programme Dreamweaver MX et des informations d'aide sur Dreamweaver MX.

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

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

fenêtre de document (Fig. 2), qui vous 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 rechercher des erreurs, etc.

Fig. 2. Fenêtre de document

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

Fig. 3. Menu déroulant standard

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 de propriétés

Panneau Insérer (Fig. 5), qui comprend les onglets suivants: Commun - insérer des hyperliens, des tableaux, des images, des commentaires, etc., ainsi que le sélecteur de balises (sélectionner une balise); Mise en page - utilisez des cellules et des tableaux pour mettre en page le document avant d'ajouter du contenu; Formulaires - ajoutez différents types de formulaires; Texte - formatage du texte et éditeur de balises de polices; HTML - ajouter une ligne horizontale, des éléments de tableau, des cadres, des propriétés de tête, des scripts; Application - travailler avec des structures d'information; Éléments Flash (éléments Flash) - ajouter des films Flash, Favoris (Favoris) - la possibilité d'ajouter les objets les plus fréquemment utilisés dans un onglet séparé.

Fig. 5. Insérer un panneau

Groupe de panneaux: Design (contient des styles CSS), Code (contient de l'aide sur les balises, objets et 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 script côté serveur (langage de traitement hypertexte (HTML)) dont les constructions sont insérées dans du texte HTML. Son objectif 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 vous permet de créer vos propres extensions de langage.

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

PHP vous permet de séparer le texte HTML de la partie exécutable, ce qui peut réduire considérablement le temps de développement du projet. Dans de nombreux cas, il est possible de séparer la partie logicielle du projet du développement de pages HTML, ce qui facilite la tâche tant pour le concepteur que pour le programmeur.

2. Principales caractéristiques.

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 des connexions réseau;

disponibilité de fonctions pour travailler avec des données textuelles de tout 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 et facilité d'utilisation relativement simples;

libre;

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

3. Syntaxe. Les scripts PHP sont intégrés dans du code HTML à l'aide d'une balise d'ouverture... Des balises spéciales de ce type vous permettent de basculer entre les modes HTML et PHP. Un programme PHP est un ensemble de commandes (instructions). Le processeur 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? \u003e implique également la fin de l'instruction, donc n'utilisez pas de point-virgule avant.

Souvent, lors de l'écriture de programmes, il devient nécessaire de faire des commentaires sur le code, qui n'affectent pas le code lui-même, mais seulement l'expliquent. PHP prend en charge plusieurs types de commentaires: style C, C ++ et shell Unix. Les symboles // 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. Les variables, constantes et opérateurs appliqués à ces variables et constantes sont un élément important de chaque langage.

Variables. Une variable en PHP est désignée par un signe dollar suivi de son nom (par exemple: $ ma_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 en 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 attribué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 une autre manière d'affecter des valeurs aux variables: l'affectation par référence. Pour attribuer une valeur à une variable par référence, cette 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, vous devez faire 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 lors de l'exécution du script, sont des constantes utilisées. Ces valeurs peuvent être des constantes mathématiques, des mots de passe, des chemins vers des fichiers, etc. La principale différence entre une constante et une variable est qu'elle ne peut pas se voir attribuer une valeur plus d'une fois et que sa valeur ne peut pas être annulée après sa déclaration. En outre, la constante n'a pas de préfixe de signe dollar et ne peut pas être déterminée par une simple affectation de valeur. Pour définir une constante, il existe une fonction spéciale define (). Sa syntaxe est la suivante:

define ("Nom_Constante", "Valeur_Constante", [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 en majuscules. Vous pouvez obtenir la valeur d'une constante en spécifiant son nom. Contrairement aux variables, vous n'avez pas besoin de faire précéder le nom de la constante de $. Alternativement, pour obtenir la valeur d'une constante, vous pouvez utiliser la fonction constant () avec le nom de la constante comme paramètre.

En plus des variables déclarées par l'utilisateur, PHP a un certain nombre de constantes qui sont définies par l'interpréteur lui-même. Par exemple, la constante FILE stocke le nom de fichier du programme (et le 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. Structures de contrôle. Les structures de contrôle en PHP sont représentées par des opérateurs conditionnels, des boucles, des opérateurs de transfert de contrôle et des opérateurs d'inclusion.

Opérateurs conditionnels:

si. C'est l'un des opérateurs les plus importants dans de nombreux langages, y compris PHP. Il vous permet d'exécuter des extraits de code en fonction d'une condition. La structure de l'opérateur: if (expression) execution_block;

autre. L'instruction else étend le if au cas où l'expression testée dans le if n'est pas valide et vous permet d'effectuer une action dans de telles conditions. La structure de l'opérateur: if (expression) execution_block else execution_block1;

elseif. Une autre façon d'étendre l'instruction conditionnelle if. elseif est une combinaison de else et if. Comme pour le reste, il étend if pour effectuer diverses actions dans le cas où la condition testée dans if échoue. 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) execute_block elseif (expression1) execute_block1 ...

sinon execute_block N

commutateur. Une autre construction qui permet de vérifier une condition et d'effectuer diverses actions en fonction de celle-ci. En fonction de la valeur de la variable, le commutateur bascule entre les 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:

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

case valeur2: rupture action_block2;

default_action_block)

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

faire pendant. C'est très similaire à une boucle while, à la seule différence que la vérité de l'expression est vérifiée à la fin de la boucle, pas au début. Cela garantit que la boucle do ... while est exécutée au moins une fois. La 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 tableaux. Structure: foreach ($ array as $ value) (execute_block).

Opérateurs de transfert de contrôle:

pause. Termine l'exécution de la boucle actuelle, peut être utilisé avec un argument numérique qui indique combien de structures de contrôle la contenant à terminer;

continuer. Vous permet d'ignorer d'autres instructions du bloc d'exécution de n'importe quel cycle et de poursuivre l'exécution à partir d'un nouveau cercle.

Opérateurs d'inclusion:

comprendre. Vous 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; include $ nom_fichier; include ("nom de fichier");

exiger. Agit de la même manière que include. La principale différence entre require et include réside dans la façon dont ils réagissent à une erreur: include émet un avertissement et le script continue; une erreur dans require provoque une erreur fatale de script et met fin à son exécution.

6. Traitement des demandes. Formes. Toute demande client-serveur doit commencer par une méthode spécifiée. La méthode rapporte le but de la demande du client. Le protocole HTTP prend en charge plusieurs 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 travail du programme est renvoyé, et non son texte (à moins, bien sûr, que le texte ne soit le résultat de son travail). Les informations supplémentaires requises pour traiter la demande sont intégrées dans la demande elle-même (dans la barre d'état). Lors de l'utilisation de la méthode GET, les informations réellement demandées sont renvoyées dans le champ du corps de la ressource (le texte d'un document HTML, par exemple).

La méthode HEAD est similaire à la méthode GET, mais elle ne renvoie pas le corps de la ressource et n'a aucune contrepartie conditionnelle. 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 du test des liens hypertextes.

La méthode POST est conçue pour envoyer des informations telles que des annotations de ressources, des actualités et des messages électroniques, des données à ajouter à la base de données vers le serveur, c.-à-d. pour le transfert d'informations de grand volume et assez important. Contrairement aux méthodes GET et HEAD, le corps de la ressource est passé dans POST, 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 entrer du texte ou sélectionner des options appropriées dans la liste. Les données écrites dans le formulaire sont envoyées pour traitement à un programme spécial (par exemple, un script PHP) sur le serveur. En fonction des 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.

Il existe un tableau spécial - $ _REQUEST pour accéder aux variables transmises à l'aide de requêtes HTTP. Il contient des données envoyées par les méthodes POST et GET, ainsi que par les cookies HTTP. C'est 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 par 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 suit:

";

$ str. \u003d "Vous avez choisi d'étudier un cours en".

$ _POST ["kurs"];

Puis sur l'écran du navigateur, si nous avons entré 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'argument renvoie des valeurs qui sont le résultat de son opération.

Chaque fonction peut avoir, comme nous l'avons dit, une liste d'arguments. En utilisant ces arguments, diverses informations sont transmises à la fonction (par exemple, la valeur d'un nombre dont la factorielle doit être calculée). Chaque argument est une variable ou une constante.

Vous pouvez transmettre des données à une fonction à l'aide d'arguments de trois manières différentes. Il s'agit de passer des arguments par valeur (utilisée 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 en dehors de la fonction. Pour permettre à une fonction de changer ses arguments, ils doivent être passés par référence. Pour ce faire, écrivez une esperluette "&" dans la définition de la fonction avant le nom de l'argument.

Il existe plusieurs fonctions intégrées en PHP: echo (), print (), date (), include. Tous sauf date () sont des constructions de langage. Ils sont inclus dans le noyau PHP et ne nécessitent aucune configuration 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 pour lesquelles vous devez installer diverses bibliothèques et connecter le module approprié. Par exemple, pour utiliser les fonctions permettant de travailler avec la base de données MySql, vous devez compiler PHP avec le support de cette extension. Récemment, les extensions les plus courantes et, par conséquent, leurs fonctions ont été initialement incluses dans PHP afin que vous puissiez travailler avec elles sans aucun paramètre d'interprétation supplémentaire.

8. Classes et objets. Un objet est une variable structurée contenant 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.

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

class nom_classe (var $ nom_propriété;

/ * liste de propriétés * / function nom_méthode () (/ * définition de méthode * /) / * liste de méthodes * /)

Le nom de la classe doit suivre les règles de dénomination des objets en PHP, mais il existe un certain nombre de noms qui sont réservés par les développeurs pour leurs propres besoins. Tout d'abord, ce sont des noms commençant 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 requis 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 ce faire, utilisez la syntaxe suivante: $ nom_objet-\u003e nom_propriété ou $ nom_objet-\u003e nom_méthode (liste d'arguments). Ne faites pas précéder une propriété ou une méthode d'un signe $.

// crée un objet $ art echo ($ art -\u003e title);

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

// crée un objet $ another_art $ another_art-\u003e show_article ();

// appelant une méthode pour rendre l'objet au navigateur? \u003e

Chacun des objets de classe a les mêmes propriétés et méthodes. Par exemple, l'objet $ art et l'objet $ another_art ont un titre, une description, des propriétés d'auteur et des méthodes Articles (), show_article (). Mais ce sont deux objets différents. Imaginons 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 ils sont néanmoins considérés comme différents puisqu'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 sont appliquées à des objets différents. Pour obtenir le fichier souhaité à partir du répertoire de niveau supérieur, nous écrivons le chemin complet de ce fichier. Lorsque vous travaillez avec des classes, vous devez spécifier le nom complet de la fonction que nous voulons appeler. Le répertoire de niveau supérieur en PHP est l'espace variable global, et le chemin est spécifié à l'aide du séparateur -\u003e. Ainsi, les noms $ art-\u003e title et $ another_art-\u003e title désignent deux variables différentes.

9. Travailler avec des fichiers. PHP n'a pas de fonction spécifiquement pour créer des fichiers. La plupart des fonctions fonctionnent avec des fichiers préexistants sur 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 lie le fichier donné au flux de contrôle du programme. De plus, la liaison est différente en fonction de 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:

resource fopen (nom_fichier, type_accès [, chemin_utilisation_include])

Par conséquent, cette fonction renvoie un pointeur (du type de ressource) vers le fichier qu'elle a ouvert. Les paramètres de cette fonction sont passés: le nom du fichier à ouvrir, le type d'accès au fichier (déterminé par ce que nous allons 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 le fichier en lecture uniquement; définit le pointeur de position du fichier au début du fichier.

r + - ouvre un fichier pour la lecture et l'écriture; place le pointeur de fichier au début.

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

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

a - ouvre le fichier pour l'écriture uniquement; définit le pointeur de fichier sur la fin du fichier. Si le fichier n'existe pas, il essaie de le créer.

a + - ouvre un fichier en lecture et en écriture; définit le pointeur de fichier sur la fin du fichier. Si le fichier n'existe pas, il essaie de le créer.

x - crée et ouvre un fichier pour l'écriture uniquement; place le pointeur de fichier au début. Si le fichier existe déjà, fopen () renvoie false et un avertissement est généré. Si le fichier n'existe pas, une tentative de création est effectuée. Ce type d'accès est pris en charge 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. Si le fichier existe déjà, fopen () renvoie false et un avertissement est généré. Si le fichier n'existe pas, une tentative de création est effectuée. Ce type d'accès est pris en charge depuis PHP 4.3.2 et ne fonctionne qu'avec des fichiers locaux.

Après avoir effectué les actions nécessaires avec le fichier, que ce soit la lecture ou l'écriture de données ou autre, la connexion établie avec ce fichier à l'aide de la fonction fopen () doit être fermée. Pour ce faire, utilisez la fonction fclose (). Sa syntaxe est la suivante:

fclose (pointeur vers le fichier)

Pour écrire des données dans un fichier accédé 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 lorsque le nombre de caractères égal à la valeur de cet argument a été écrit ou lorsque la fin de la ligne 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 \u003d "Nous écrirons ce texte dans le fichier";

if (fwrite ($ h, $ text)) echo "L'écriture a réussi";

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

À la suite de l'opération de ce script dans le navigateur, nous verrons un message indiquant que l'enregistrement a réussi, et la ligne «Ce texte sera écrit dans un fichier» apparaîtra dans le fichier my_file.html. Si ce fichier existait avant l'exécution de ce script, toutes les données qu'il contient seraient supprimées.

Si nous voulons lire des données à partir d'un fichier existant, fopen () seul ne suffit pas. Il renvoie uniquement un pointeur vers le fichier ouvert, mais ne lit pas une seule ligne de ce fichier. Par conséquent, pour lire les données d'un fichier, vous devez utiliser l'une des fonctions spéciales: fichier, 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 crainte de dommages. Syntaxe Fread ():

string fread (pointeur de fichier, longueur)

Par conséquent, la fonction fread () renvoie une chaîne avec des informations lues à partir du fichier.

string fgets (pointeur de fichier [, longueur])

Par conséquent, 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 lorsque (longueur moins 1) caractères sont lus et qu'un saut de ligne ou une fin de fichier est rencontré.

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

Syntaxe:

int readfile (nom de fichier [, use_include_path])

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

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

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

L'environnement professionnel puissant Dreamweaver dispose de tous les outils dont vous avez besoin pour générer des pages HTML de toute complexité et échelle. Il fournit un mode de conception visuelle (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, a un support intégré pour les grands projets de réseau. Aucun des éditeurs existants aujourd'hui ne met pleinement en œuvre le concept WYSIWYG. Dreamweaver est plus proche 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 visionneuses spécialisées: Microsoft Internet Explorer ou Netscape Navigator.

Macromedia Dreamweaver MX est l'un des programmes les plus puissants prenant en charge toutes les normes Internet modernes et rendant incroyablement facile l'exécution des tâches les plus complexes. De plus, il contient un système avancé d'invites et de leçons interactives qui permettent à un débutant de se lancer rapidement.

L'interface du programme a subi des modifications par rapport aux versions précédentes. Le nouveau style facilite grandement l'utilisation du 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 facilite grandement le travail.

Lors du chargement de Dreamweaver, une fenêtre de démarrage apparaît (Fig.1), vous permettant de sélectionner le type du nouveau document à créer (HTML, ColdFusion, PHP, etc.), ou de créer un document à l'aide d'exemples prêts à l'emploi (feuilles de style CSS, jeux de cadres, etc.), et également ouvrir récemment documents utilisés. En outre, il existe des liens vers des ressources en ligne: le site Dreamweaver MX Exchange, un aperçu du logiciel Dreamweaver MX et des informations d'aide sur Dreamweaver MX.

Figure: une.

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

· Fenêtre de document (Fig. 2), qui vous 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.


Figure: 2.

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

Figure: 3. Menu déroulant standard

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


Figure: 4.

· Panneau d'insertion (Fig. 5), qui comprend les onglets suivants: Commun - insertion d'hyperliens, de tableaux, d'images, de commentaires, etc., ainsi que le sélecteur de balises; Mise en page - utilisez des cellules et des tableaux pour mettre en page le document avant d'ajouter du contenu; Formulaires - ajoutez différents types de formulaires; Texte - formatage du texte et éditeur de balises de polices; HTML - ajouter une ligne horizontale, des éléments de tableau, des cadres, des propriétés de tête, des scripts; Application - travailler avec des structures d'information; Éléments Flash (éléments Flash) - ajouter des films Flash, Favoris (Favoris) - la possibilité d'ajouter les objets les plus fréquemment utilisés dans un onglet séparé.

Figure: 5.

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

Figure: 6. Groupe de panneaux Conception, Code, Application, Fichiers

Ce n'est un secret pour personne que dans la compétition entre le codage manuel et l'utilisation des services Adobe Dreamweaver, ce dernier a longtemps gagné. Cet éditeur pratique dans tous les sens simplifie la vie de tout webmaster, lui faisant gagner du temps et des efforts. Ce qui est écrit dans un cahier ordinaire en une demi-heure peut être fait dans cet éditeur littéralement en cinq minutes. Et, plus important encore, dans ce cas, de telles erreurs offensantes dans le code qui doivent être recherchées et corrigées sont complètement exclues. Qu'il s'agisse de simple mise en page ou de programmation PHP, Dreamweaver viendra toujours à la rescousse. Et, bien sûr, il ne fait aucun doute que le processus de travail avec celui-ci sera non seulement plus pratique, mais aussi plus facile. En fait, Dreamweaver effectuera une partie du travail pour l'utilisateur, le libérant de la nécessité de connaître un domaine particulier des technologies Web. Qu'est-ce qui pourrait être plus facile? Le programme est compréhensible pour tout le monde et peut être maîtrisé en quelques semaines. Cet article aidera les utilisateurs novices à comprendre les bases de l'utilisation d'Adobe Dreamweaver encore plus rapidement en utilisant l'exemple de la dernière version 9.0 actuellement disponible. Il convient de noter tout de suite que l'éditeur dispose d'une aide détaillée intégrée en anglais, expliquant tous les aspects de son utilisation. Bien entendu, cet article ne peut en aucun cas les affecter tous. Mais l'aide a un gros inconvénient - une abondance excessive d'informations. Pour comprendre les bases, cela prend beaucoup de temps. Nous allons essayer de corriger cette faille.


Interface

L'apparence du programme est assez simple. Pendant ce temps, l'espace de travail est organisé de manière très réfléchie, ce qui garantit son utilisation efficace. L'interface d'Adobe Dreamweaver se compose de plusieurs éléments qui peuvent être classiquement divisés en cinq groupes. Le premier est le menu principal, qui est situé à un emplacement fixe en haut de la fenêtre du programme. Il comprend plusieurs onglets: Fichier, Modifier, Afficher, Insérer, Modifier, Texte, Commandes, Site Web, Fenêtre et Aide. Les plus importants pour l'utilisateur sont les onglets "Fichier" et "Edition", car ils ne sont dupliqués par aucun autre menu et sont souvent utilisés. Ces onglets sont typiques de tous les programmes, et par conséquent, nous ne nous attarderons pas sur eux. Les autres onglets du menu principal ne sont pas très importants, car ils sont partiellement ou complètement dupliqués par d'autres éléments de l'interface ou sont simplement rarement utilisés. Le groupe suivant est le menu Insertion, qui est essentiellement la barre d'outils Dreamweaver. Il peut être déplacé vers n'importe quelle partie de la fenêtre du programme, mais il est préférable de le laisser dans sa position d'origine dans le menu principal. Cet élément d'interface peut être réduit pour agrandir la zone de travail. Le panneau "Insertion" comporte plusieurs onglets, divisés par type de données. L'onglet "Général" contient les éléments les plus fréquemment utilisés: hyperliens, images, tableaux, etc. Cet onglet est le plus utilisé. Les autres onglets incluent le panneau Disposition (fonctionnant avec Spry, Tableaux et Cadres), Formes, Données, Spry, Texte et Favoris. L'onglet «Texte» est en partie dupliqué par d'autres éléments de l'interface, et l'onglet «Favoris» permet à l'utilisateur de créer son propre menu.

Un groupe d'onglets très utiles "Styles CSS", dans lequel vous pouvez créer de nouveaux styles et éditer les anciens

A droite de l'espace de travail du programme se trouve une fenêtre avec différents groupes de panneaux (il peut y avoir quatre groupes au total). Il ne peut pas être déplacé vers un autre emplacement, mais il peut être masqué ou fermé. Chaque groupe de signets de ce panneau peut être réduit ou fermé. Lorsqu'il est déployé, le panneau est plutôt volumineux et réduit considérablement la taille de la zone de travail. Cette partie de l'interface est de nature auxiliaire et vous permet d'effectuer certaines actions sans ouvrir de fenêtres supplémentaires. Par exemple, le groupe d'onglets "Styles CSS" est très utile, dans lequel vous pouvez créer de nouveaux styles et éditer les anciens, ainsi que gérer diverses propriétés des styles. Un autre groupe d'onglets "Tag Inspector" permet de gérer le tag actuellement sélectionné: visualiser ses propriétés et ajouter de nouveaux paramètres ou modifier d'anciens paramètres. Les deux autres groupes, Fichiers et Journal, sont utilisés beaucoup moins fréquemment. Le premier est conçu pour contrôler les ressources locales et réseau et d'autres opérations, et le second joue le rôle d'un journal des opérations effectuées. S'il le souhaite, l'utilisateur peut annuler les actions en revenant à un point ou à un autre. Hélas, vous ne pouvez pas annuler les actions de manière sélective.

Il y a un autre groupe sous la zone de travail - "Propriétés". Il affiche tous les paramètres disponibles pour les éléments de conception. Ce panneau peut également être minimisé ou fermé, de plus, en double-cliquant sur la zone libre du panneau, il peut être réduit (les options supplémentaires seront masquées). Les "propriétés" dupliquent les fonctions d'autres éléments de l'interface et sont très importantes, car elles permettent de formater divers éléments du site. Le contenu de ce panneau change en fonction du contenu sélectionné. Dans presque tous les cas, vous pouvez spécifier l'alignement (trois positions pour les types de données non textuelles et quatre pour les types de données textuelles). Si vous sélectionnez du texte dans le panneau Propriétés, vous pouvez définir un style CSS (et en créer un nouveau littéralement à la volée), choisir un format de texte, convertir le texte en liste et insérer un lien à l’endroit sélectionné. Pour les graphiques, des paramètres de taille, de retrait, d'hyperliens, de bordures, etc. Ce panneau est également utilisé lorsque vous travaillez avec de nombreux autres éléments du site.

Le dernier groupe de composants d'interface Dreamweaver est l'espace de travail. Il a également une structure de signets. Dans le programme, vous pouvez ouvrir plusieurs documents à la fois, entre lesquels vous pouvez vous déplacer librement. La zone de travail comprend également plusieurs outils. Le panneau supérieur "Document" vous permet de basculer entre plusieurs modes: encodage et design. En outre, il vous permet de contrôler la façon dont le document est affiché dans le navigateur, si possible. Si vous le souhaitez, ce panneau peut être déplacé n'importe où dans la fenêtre de travail du programme. Le panneau inférieur vous permet de changer de mode de curseur, de contrôler le zoom. De plus, il contient des informations sur le document (taille, résolution, etc.) et une arborescence de la hiérarchie des balises. Ce dernier est une liste de toutes les balises parents de celui-ci. Dans cette liste, vous pouvez remonter le niveau jusqu'à la balise body.

Travailler avec un document.

En mode «code», l'édition directe de documents est disponible, similaire à l'utilisation du Bloc-notes.

Tout d'abord, pour créer une page, vous devez définir ses paramètres de base. Cela se fait via le menu "Modifier -\u003e Propriétés de la page" (touche "raccourci" Ctrl + J) ou via le menu contextuel. Dans la fenêtre qui apparaît, vous pouvez définir la police par défaut pour le texte et les liens, donner un titre à la page, définir son codage et également définir une image d'arrière-plan de suivi. Par ailleurs, le nom du site peut également être défini dans le panneau "Document". Vous pouvez définir le reste des paramètres de la page manuellement ou via "l'inspecteur de balises" en sélectionnant la balise de corps. Souvent, un webmaster novice n'a besoin que des paramètres background et bgcolor (l'image en arrière-plan et la couleur d'arrière-plan, respectivement). Pour créer des méta-balises, vous devez passer en mode "Code" en cliquant sur l'onglet correspondant dans le panneau "Document". Dans ce mode, l'édition directe de documents est disponible, similaire à l'utilisation du Bloc-notes. Cependant, Dreamweaver a ici aussi ses avantages. Pour plus de commodité, toutes les lignes du code sont numérotées, et les balises elles-mêmes sont associées à tous les panneaux du programme, comme dans le mode «Projet» (aka Design). Selon le type de balises, elles sont mises en surbrillance de différentes couleurs, brisant ainsi des morceaux de code monotones, facilitant leur identification. De plus, lors de l'édition du code, un petit menu apparaît à côté du curseur avec une liste d'options possibles. Les éléments de la liste peuvent être sélectionnés avec le clavier ou la souris, après quoi ils sont automatiquement substitués dans le code, ce qui accélère considérablement la mise en page du document. Par exemple, pour insérer une image dans un document, il vous suffit de taper le crochet d'ouverture "angle", de sélectionner la balise img dans la liste qui apparaît (pour simplifier la recherche, vous pouvez taper la lettre "i" - le programme filtrera automatiquement toutes les autres balises commençant par cette lettre), puis mettez un espace, sélectionnez le paramètre src dans le menu qui apparaît à nouveau, puis cliquez sur le bouton Parcourir qui apparaît, qui ouvre une fenêtre pour rechercher l'image souhaitée. Cependant, il est beaucoup plus facile et plus rapide d'insérer des images à l'aide du menu "Insérer". Cela s'applique également aux tableaux. Lorsque vous ajoutez un tableau à un document via le menu, une fenêtre apparaît avec des paramètres pour le nombre de colonnes et de cellules, l'espacement, les marges, la largeur, etc. Tous ces paramètres, ainsi que certains autres, peuvent être modifiés après la création du tableau via le panneau Propriétés. De plus, vous pouvez également modifier les paramètres des cellules en les sélectionnant dans l'espace de travail (en mode "Code", il suffit de placer le curseur dans la balise souhaitée). La fonction de redimensionnement du tableau, des colonnes et des cellules à l'aide de la souris est également utile. Pour ce faire, maintenez le curseur sur la bordure et faites-le glisser dans la direction souhaitée. Au fait, pour supprimer un élément du document, sélectionnez-le et appuyez sur la touche Suppr du clavier. Et pour déplacer un élément (par exemple, insérer du texte dans le tableau), il doit également être sélectionné et déplacé avec le curseur enfoncé.

Un outil tout aussi efficace dans Adobe Dreamweaver est le menu contextuel. Il duplique les commandes principales et les éléments d'interface qui, selon les développeurs, nécessitent un accès rapide. Ici, vous pouvez définir les propriétés de l'élément sélectionné, y compris les paramètres CSS, d'alignement et de mise en forme. De plus, via le menu contextuel, vous pouvez gérer les balises, ajouter des commentaires (aka notes de développeur) et même accéder aux paramètres de la page. Au fait, pour changer rapidement le code de l'élément sélectionné, ouvrez simplement le menu contextuel et sélectionnez l'élément Quick Tag Editor. Mais pour insérer divers éléments, le panneau "Insertion" et l'onglet du même nom dans le menu principal sont indispensables. Tous les éléments disponibles pour l'insertion sont classés et divisés en groupes. Si l'élément recherché n'est toujours pas dans la liste, vous pouvez utiliser la fonction "Balise ..." (touche "hot" Ctrl + E). Une liste complète des balises disponibles, divisée en groupes, apparaîtra dans la fenêtre qui apparaît. De plus, non seulement les balises HTML sont possibles, mais aussi ASP, PHP, etc.

Le formatage du texte n'est pas moins pratique. Grâce à diverses barres d'outils et menus, vous pouvez modifier l'alignement du texte, ajouter des retraits, créer des listes numérotées ou régulières, définir des tailles, des polices et des couleurs, etc. De plus, ce qui est important, tous les paramètres liés à l'apparence du texte sont liés au CSS. En modifiant les paramètres de police, l'utilisateur crée de nouveaux styles CSS (le programme les entrera automatiquement dans le document). Ceci, d'une part, est pratique, car cela vous libère de la nécessité d'effectuer les mêmes actions avec des morceaux de texte similaires à chaque fois, d'autre part, ce n'est pas très bon, car l'utilisateur peut se perdre dans les styles créés. Cependant, bien sûr, le CSS est bien plus pratique que la duplication de balises (comme la police), car cela fait gagner du temps au webmaster et réduit la taille finale du document.

Bagatelle

Bien sûr, toutes les fonctions d'édition ci-dessus sont très utiles, mais elles concernent principalement la mise en page HTML, c'est-à-dire pour créer les sites les plus simples. Mais Adobe Dreamweaver vous permet également de gérer d'autres types de documents. Le programme prend en charge les scripts d'action, les scripts Java, XML, ASP.NET, JSP, PHP, les scripts et même simplement les documents en texte brut. Certes, le but de ce dernier n'est pas tout à fait clair (à cet égard, Dreamweaver est clairement inférieur à Notepad en termes de ressources consommées et de vitesse de chargement). Naturellement, le marquage automatique et la navigation visuelle ne seront disponibles que pour les documents HTML. Mais dans tout type de document, la mise en évidence du code restera.

Un avantage important du programme est la mise en page préparée. Lors de la création d'un nouveau document, un ensemble de modèles est également disponible. Il comprend une variété de pages allant des cadres standard à diverses feuilles de style et même des mises en page de conception. Les auteurs du programme ont créé plusieurs dizaines de modèles différents qui peuvent être utiles dans diverses situations, par exemple pour créer des sites de présentation avec des ressources et un temps limités. Lorsque vous utilisez des ressources prêtes à l'emploi, la fenêtre "Gérer les sites" apparaîtra, où vous pourrez ajouter un nouveau site, modifier, réviser, ainsi qu'importer et exporter un site existant. Lors de la création d'un site, un formulaire avec des paramètres apparaîtra, où en plusieurs étapes il sera nécessaire de définir plusieurs paramètres: nom et adresse, paramètres de connexion à un serveur distant, etc. Cette procédure fait partie d'une autre fonction utile (mais pas demandée par les utilisateurs ordinaires) de local et distant administration du site. Pour de telles opérations, un onglet séparé est sélectionné dans le menu principal - "Site Web". Dans celui-ci, vous pouvez appeler la fenêtre de gestion du site, vérifier les liens, effectuer un certain nombre d'autres opérations. Le plus intéressant pour un utilisateur ordinaire dans ce menu est la fonction "Rapports". Il vous permet de scanner le site à la recherche de diverses failles. Les résultats du test sont affichés dans un panneau séparé avec plusieurs onglets. Dans l'un d'eux, vous pouvez vérifier les liens rompus, dans l'autre - les erreurs de code. Ainsi, par exemple, sur l'une des pages que j'ai prises, il y avait beaucoup d'attributs alt manquants et certains éléments pas tout à fait corrects. En outre, en utilisant "Rapports", vous pouvez vérifier la compatibilité du code avec les navigateurs. Cependant, si tout le code a été entièrement écrit avec Dreamweaver, les zones problématiques ne seront pas trouvées, bien qu'en fait, dans de rares cas, le code écrit par l'éditeur ne ressemble pas exactement à ce que nous souhaiterions dans les navigateurs. Tous les résultats des tests peuvent être enregistrés dans un fichier séparé.


Ainsi, comme nous pouvons le voir, Adobe Dreamweaver est un outil puissant pour créer, modifier et gérer des sites, ce qui est utile à la fois pour un webmaster novice et un utilisateur expérimenté impliqué dans la programmation en Java, PHP, etc. Avec Dreamweaver, vous pouvez effectuer un le nombre d'opérations pour lesquelles plusieurs programmes sont nécessaires à la fois sans cet éditeur.

AGENCE FÉDÉRALE D'ÉDUCATION

Établissement d'enseignement public

enseignement professionnel supérieur

"Institut pédagogique d’État de Glazov

nommé d'après V.G. Korolenko "

Faculté des technologies sociales et de l'information

Département d'informatique

Travail final de qualification

Création de sites dynamiques par des moyens Dreamweaver

Exécuté

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

Gestionnaire de travail,

maître de conférences

département d'informatique D.A. Gorbushin

Glazov 2007

introduction

Chapitre I. L'interface de l'environnement Dreamweaver. Examen des technologies Internet populaires pour la création de sites dynamiques

1.1 Interface de Dreamweaver

Conclusions du chapitre I

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

2.1 Mettre en évidence les critères de comparaison des technologies Internet populaires

Conclusions du chapitre II

Chapitre III. Développement de pages Web dynamiques basées sur diverses technologies avec Dreamweaver

3.1 Bloc-notes basé sur PHP

3.2 Liste de prix électronique basée sur XML

3.3 Test ASP

Conclusions pour le chapitre III

Conclusion

Liste bibliographique

introduction

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

Les classifications suivantes des documents Web peuvent être distinguées: si possible, des changements de contenu et de structure - statiques (mise à jour laborieuse et peu pratique) et dynamique (mise à jour plus simple et plus rapide); par la présence de commentaires - passifs (l'utilisateur ne peut voir que 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écessite non seulement des compétences de concepteur, mais aussi une expérience en programmation. Il existe des programmes spéciaux pour faciliter ces tâches. L'outil le plus célèbre et le plus efficace pour créer des sites Web est un produit de Macromedia - DreamweaverMX. C'est un environnement puissant pour la conception, le développement et l'administration de sites Web et d'applications professionnels. 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.

objectif de notre travail - explorer les possibilités d'utiliser Dreamweaver pour implémenter des technologies Web: ASP, PHP et XML dans le développement de sites dynamiques.

Hypothèse repose sur l'hypothèse que l'utilisation d'un environnement de développement intégré unique, dans lequel la mise en œuvre de diverses technologies Web est possible, optimise le processus de création de sites dynamiques.

Un objet travail - technologies pour le développement de sites dynamiques.

Chose 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, saisir manuellement du code, des applications spéciales pour la mise en œuvre de certaines technologies (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 du code HTML et d'utiliser plusieurs technologies à la fois pour créer un document. Par conséquent, le travail consacré au développement de sites dynamiques avec Dreamweaver est réel .

Nouveauté Ce travail consiste dans le fait que la technologie de création de sites dynamiques basée sur différentes technologies dans le cadre d'un seul 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;

introduction aux technologies ASP, PHP et XML dans Dreamweaver;

mettre en évidence les critères de comparaison des 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 pour résoudre des problèmes spécifiques appliqués.

Notre travail se compose d'une introduction, de trois chapitres, d'une conclusion et d'une liste de références.

Importance scientifique et théorique de la recherche. Les travaux ont esquissé les fondements théoriques de la construction de sites au moyen de différentes technologies, mises en œuvre dans un seul 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 Web.

Les éléments suivants sont soumis pour défense 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 seul outil, le choix de la technologie qui donne le meilleur résultat est pertinent.

Chapitre I. L'interface de l'environnement Dreamweaver. Examen des technologies Internet populaires pour la création de sites dynamiques

1.1 Interface de Dreamweaver

L'environnement professionnel puissant Dreamweaver dispose de tous les outils dont vous avez besoin pour générer des pages HTML de toute complexité et échelle. Il fournit un mode de conception visuelle (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, a un support intégré pour les grands projets de réseau. Aucun des éditeurs existants aujourd'hui ne met pleinement en œuvre le concept WYSIWYG. Dreamweaver est plus proche 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 visionneuses spécialisées: MicrosoftInternetExplorer ou NetscapeNavigator.

Macromedia Dreamweaver MX est l'un des programmes les plus puissants, prenant en charge toutes les normes Internet modernes et rendant incroyablement facile l'exécution des tâches les plus complexes. De plus, il contient un système avancé d'invites et de leçons interactives qui permettent à un débutant de se lancer rapidement.

L'interface du programme a subi des modifications par rapport aux versions précédentes. Le nouveau style facilite grandement l'utilisation du 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 l'aspect final du site, ce qui facilite grandement le travail.

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

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

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

fenêtre de document (Fig. 2), qui vous 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 rechercher des erreurs, etc.



Fig. 2. Fenêtre de document

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

Fig. 3. Menu déroulant standard

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 de propriétés

Panneau Insérer (Fig. 5), qui comprend les onglets suivants: Commun - insérer des hyperliens, des tableaux, des images, des commentaires, etc., ainsi que TagChooser (Sélectionnez une balise); Mise en page - utilisez des cellules et des tableaux pour mettre en page le document avant d'ajouter du contenu; Formulaires - ajoutez différents types de formulaires; Texte - formatage du texte et FontTagEditor; HTML - ajouter une ligne horizontale, des éléments de tableau, des cadres, des propriétés de tête, des scripts; Application - travailler avec des structures d'information; Flashelements (éléments Flash) - 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. Insérer un panneau

Groupe de panneaux: Design (contient des styles CSS), Code (contient de l'aide sur les balises, objets et 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.2 PHP

1. Informations générales. PHP est un langage de script de serveur (langage de traitement hypertexte (HTML)) dont les constructions sont insérées dans du texte HTML. Son objectif 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 vous permet de créer vos propres extensions de langage.

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

LA CLOCHE

Il y a ceux qui lisent cette actualité avant vous.
Abonnez-vous pour recevoir les derniers articles.
Email
Nom
Nom de famille
Comment voulez-vous lire The Bell
Pas de spam