This page has been robot translated, sorry for typos if any. Original content here.

Création et mise en page d'une page Web, Gif-graphics



Considérez la commande de base <..> encodage HTML ou "balises". Voici à quoi ressemble le code de page, voici le titre de la page <title>, son type et son codage, la couleur de fond et le texte. Immédiatement, vous devez changer le jeu de caractères en windows-1251 , sinon l'affichage de la page ne sera pas correct (vous avez besoin du codage Cyryllic, ne confondez pas avec 1252):

<html>
<head>
<title> Untitled Document </title>
<meta http-equiv="Content-Type" content="text/html; charset= iso-8859-1 ">
</head>
<body bgcolor=" #FFFFFF " text=" #000000 ">
</body>
</html>

Voici le nom de la page, que nous voyons en haut du panneau du navigateur, le fichier d’arrière-plan et son immobilité lors du défilement de texte, avec une marge de gauche = 40 pixels:

<html>
<head>
<title> Y-net страница1 </title>
<meta http-equiv="Content-Type" content="text/html; charset= windows-1251 ">
</head>
<body background=" index.files/fon.gif " bgproperties=" fixed "
leftmargin="40" >
</body>

Dans Dreamweaver, tous les paramètres de la balise <body> peuvent être définis à l'aide du menu Et modifier / À partir de la page:

L'éditeur de balises rapides vous permet d'éditer n'importe quelle balise du mode visuel en une fois, et le nom de la nouvelle balise peut être sélectionné dans la liste alphabétique des noms de tous les attributs possibles de la balise.Le format, la police, la taille, la couleur, les liens et d'autres paramètres sont spécifiés par les propriétés ou le panneau de formatage. peut être appelé en appuyant sur (Ctrl-F3) :

En sélectionnant n'importe quel texte, vous pouvez spécifier un lien sur Internet - où vous obtiendrez lorsque vous cliquez dessus avec la souris. Ensuite, les adresses entrées peuvent être recherchées à l'aide de la flèche. En cliquant sur l'icône du dossier, vous choisissez un lien vers n'importe quel fichier de votre page.

Objets graphiques: les dessins (simples et avec pointage), les tableaux, boutons, menus, flash et autres insertions sont créés et édités à l'aide du panneau Commun appelé avec les boutons (Ctrl-F2).

De plus, toutes ces commandes sont dans le menu principal: Dans le jeu

Un lien texte vers une autre page forme la balise suivante:

<a href=" http://www.shram.kiev.ua "> название ссылки </a>

Si vous spécifiez un fichier à la place de l'adresse, vous pouvez le télécharger à partir de votre page en visitant:

<a href=" http://www.shram.kiev.ua/file.zip "> скачать file.zip </a>

Lorsque vous insérez une image, le programme en définit immédiatement les dimensions. Avec son aide, elle peut être mise à l'échelle, mais pas sans distorsion:

<img src=" pen_.gif " width=" 100 " height=" 200 ">

Si vous créez un calque pour une image, vous pouvez le déplacer dans la page quel que soit le texte, ses coordonnées sont automatiquement enregistrées en tant que code et vous pouvez superposer une image sur une autre:

<div id=" Layer2 " style="position:absolute; width: 112 px; height: 205 px; z-index:2; left: 602px; top: 787px">

Il existe un autre moyen de placer une image sur le côté du texte, sans utiliser de calques:

<p align="justify"><font size="3"><img align="right" hspace=" 20 " src=" name.jpg " width=" 120 " height=" 100 ">... д а л е е идет нужный т е к с т </font></p>

Dans ce cas, le texte sera à gauche et la figure à droite align = "right" , hspace = "20" - les champs d'image, pour placer l'image à gauche, vous devez spécifier le paramètre align = "left"

En plaçant Gif-animation sur la page, vous pouvez rendre le dessin plus vivant, mais ne vous laissez pas emporter par la surcharge. Dans tous les cas, une collection d'images gif animées sera certainement utile lors de la création de la page:

Dans un fichier Gif de qualité, il peut y avoir beaucoup de cadres (cadre - cadre, cadre), de sorte que dans le crayon de danse, il y en a jusqu'à 40 - environ 1 Ko par cadre. Chaque image est une image séparée que vous pouvez éditer et créer vos propres animations (placez le curseur sur la 3ème balle - un exemple d'image interactive):


Figure 1:
Figure 2:

Maintenant ensemble:

Ici, vous pouvez utiliser trois images: 1- lorsque vous passez la souris sur le curseur, 2- après avoir pointé, 3 - avant d'avoir pointé

<a href="" onMouseOver="document.image.src=' 1.gif '; return true;" onMouseOut="document.image.src=' 2.gif '; return true;"><IMG SRC=" 3.gif " border=0 name=image></a>

Série pour Gif Movie Gear 3.0.2 - Nom: Sempai ^ LasH , série: mg37slsh03217

Dreamweaver dispose d'un riche arsenal de commandes pour l'insertion d'objets de page Web prédéfinis (ensemble B ), ce qui simplifie grandement le processus de présentation et réduit le nombre d'erreurs dans la structure et les paramètres des balises, mais l'éditeur ne vous dispense pas complètement de la correction "manuelle" du code de la page. Il est également pratique d’utiliser divers panneaux déroulants avec différents paramètres ( À propos de ), mais un grand nombre de panneaux ouverts surchargent l’écran de travail. Les utilisateurs expérimentés essaient donc d’utiliser les commandes du menu principal au lieu de panneaux supplémentaires (dans la plupart des cas, ils sont dupliqués).

Avec le bouton droit de la souris, vous pouvez ouvrir un menu contextuel qui duplique toutes les commandes du panneau de formatage:

Les paramètres par défaut des options de l'éditeur dans le menu Edition / Paramètres :


appel rapide - (Ctrl-U)

Fireworks Utility est spécialement conçu pour créer et concevoir un album photo Web. Dreamweaver vous permet d’insérer du code html créé dans Fireworks ainsi que des images et du code JavaScript associés dans le document final (commande / Créer un album photo). Cette fonctionnalité facilite l'insertion dans un document Dreamweaver de tableaux ou de cartes d'images prédéfinis. Si vous enregistrez une page vierge ou un modèle de votre page, vous pourrez facilement l'utiliser en l'insérant dans d'autres documents. Créez immédiatement des dossiers: vignettes, images, pages, notes, ainsi que la page principale de votre album photo.

Dans Dreamweaver 4, vous pouvez convertir et importer des fichiers Web de différents formats:

La création d’une page commence par l’élaboration de son contenu et de sa structure, puis une esquisse est constituée de la disposition de tous les éléments de menu, graphiques, textes et champs d’objets.

Tout d'abord, la page est créée sur le lecteur de vis, le fichier de démarrage s'appelle ../ index.htm , il est préférable de trier les fichiers d'affichage graphique par dossiers, par sujet ou par page. Les noms des autres fichiers peuvent sembler pratiques, mais si vous avez modifié quelque chose lors de la modification de la page, vous devez mettre à jour les liens avec les nouveaux noms et l'emplacement des fichiers précédemment utilisés. Si vous remarquez que la photo est manquante, vous pouvez cliquer dessus dans l'éditeur et Dreamweaver ouvrira le dossier contenant le fichier perdu et mettra en surbrillance son nom. Vous devez juste le trouver et le diriger vers l'éditeur. Les fichiers téléchargés à partir du réseau ne seront affichés que lors de l'accès à Internet à partir de l'adresse spécifiée à l'avance. En outre, il convient de rappeler que les noms de fichiers ne doivent comporter que des lettres latines et ne doivent pas contenir d'espaces ni de caractères interdits.

Pendant le processus d'édition, la page doit être chargée périodiquement dans Internet Explorer, car elle peut apparaître différemment dans l'éditeur. Lors de la mise en page, vous pointez les fichiers tels qu'ils sont sur le disque. Lorsque la page est prête, vous pouvez la transférer sur le serveur sur lequel vous vous enregistrez. Dans le même temps, la structure de votre site ne doit pas être perturbée et le chemin d'accès au fichier sur disque remplacera l'adresse de votre future page. Par exemple, le fichier C: /../ temp / index.htm sera http://www.shram.kiev.ua/index.htm

Il existe des gestionnaires ftp qui aident à mettre à jour et à télécharger des fichiers à partir de tout ordinateur disponible sur Internet et à les utiliser comme dans l'explorateur (en mode d'accès distant).