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érons 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 pas confondre 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 / Depuis 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 cette balise.Les paramètres de format, police, taille, liens et autres sont définis par le panneau de propriétés ou le 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, les boutons, les menus, les inserts flash et autres sont créés et édités à l'aide du panneau Commun appelé par des boutons (Ctrl-F2).

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

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. Vous pouvez la redimensionner avec son aide, 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 l'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" seront les champs de l'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 animées gif 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 distincte qui peut être modifiée et créer vos propres animations (dé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 du code de la page "manuelle". Il est également pratique d’utiliser divers panneaux contextuels 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).

Vous pouvez utiliser le bouton droit de la souris pour 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 le document Dreamweaver de tableaux ou de cartes d’image 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 de page commence par le développement de son contenu et de sa structure, puis une esquisse est faite 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 des graphiques par dossiers, par thème ou par appartenance à une 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 utilisés précédemment. 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échargeables à 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 sur les fichiers tels qu'ils se trouvent sur le disque. Lorsque la page est prête, vous pouvez la transférer sur le serveur sur lequel vous vous enregistrez. Dans ce cas, 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 depuis n'importe quel ordinateur disponible sur Internet et travaillent avec eux comme dans l'explorateur (en mode d'accès distant).