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 les commandes de codage <..> html de base ou "tags". C'est ainsi que le code de la page apparaît en premier, voici le titre de la page <title>, son type et son encodage, le fond et la couleur du texte. Immédiatement besoin de changer le jeu de caractères sur Windows-1251 , sinon l'affichage de la page ne sera pas correct (vous avez besoin de l'encodage 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 du texte, left margin = 40pix:

<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 Edition / A partir des propriétés de la page:

Un éditeur de balises vous permet de modifier n'importe quelle balise en mode visuel et le nom de la nouvelle balise peut être sélectionné dans la liste alphabétique des noms de tous les attributs de cette balise.Les paramètres de format, police, taille, couleur, liens et autres sont définis par 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 obtenez lorsque vous cliquez dessus avec une souris. Ensuite, les adresses entrées peuvent être triées par la flèche. En cliquant sur l'icône du dossier, vous sélectionnez un lien vers n'importe quel fichier de votre page.

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

En outre, toutes ces commandes sont dans le menu principal: Dans l' ensemble

Un lien texte vers une autre page forme le tag suivant:

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

Si vous spécifiez un fichier au lieu d'une adresse, il peut être téléchargé par un visiteur depuis votre page:

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

Lorsque vous insérez une image, le programme définit immédiatement sa taille, avec leur aide, il peut être mis à l'échelle, mais pas sans distorsion:

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

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

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

Il existe une autre façon 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 sur la gauche, et la figure sur la droite align = "right" , hspace = "20" - les champs de l'image, pour placer l'image sur la gauche, vous devez spécifier le paramètre align = "left"

En plaçant une animation Gif sur la page, vous pouvez rendre la décoration plus vivante, mais ne vous laissez pas emporter pour la surcharger inutilement. Dans tous les cas, la collection d'images gif animées est sûre de vous être utile lors de la création d'une page:

Dans un fichier Gif de qualité, il peut y avoir beaucoup de trames (frame-frame, frame), donc dans le crayon dansant il y en a 40, environ 1 Ko par frame. Chaque image est une image séparée que vous pouvez modifier et créer vos propres nouvelles animations (survolez la 3ème boule - un exemple de dessin interactif):


Figure 1:
Figure 2:

Maintenant ensemble:

ici vous pouvez utiliser trois chiffres: 1- lorsque vous passez le curseur, 2- après le vol stationnaire, 3 - avant de planer

<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>

Serial pour Gif Movie Gear 3.0.2 - Nom: Sempai ^ LasH , Numéro de série: mg37slsh03217

Dreamweaver dispose d'un riche arsenal de commandes d'insertion pour les objets de page Web prêts à l'emploi, ce qui simplifie considérablement le processus de mise en page et réduit le nombre d'erreurs dans la structure et les paramètres des balises. Il est également pratique d'utiliser divers panneaux contextuels avec une variété de 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 plutôt que des panneaux supplémentaires.

Cliquez avec le bouton droit sur le menu contextuel qui duplique toutes les commandes de la barre de format:

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


appel rapide - (Ctrl-U)

L'utilitaire Fireworks est spécialement conçu pour créer et concevoir un album photo Web Dreamweaver vous permet d'insérer le code html créé dans l'application Fireworks avec les images et le code JavaScript associés dans le document final ( Vers / Créer un album photo). Cette fonctionnalité facilite l'insertion de tableaux ou d'images-maquettes prêts à l'emploi dans le document Dreamweaver. Si vous enregistrez une pièce ou un modèle de votre page, vous pouvez l'utiliser facilement en l'insérant dans d'autres documents. À la fois, les dossiers sont créés: 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 le développement de son contenu et de sa structure, puis une esquisse de la disposition de tous les éléments de menu, graphiques, textes et objets est effectuée.

Tout d'abord, la page est créée sur le vintchester, le fichier de démarrage s'appelle ../index.htm, les fichiers d'affichage graphique sont mieux triés par dossiers soit par sujet, soit par appartenance à la page. Les noms d'autres fichiers peuvent être donnés aussi commodément, mais si vous avez modifié quelque chose lors de la modification de la page, vous devez mettre à jour les liens vers de nouveaux noms et l'emplacement des fichiers utilisés précédemment. Si vous remarquez que vous avez perdu l'image, vous pouvez cliquer dessus dans l'éditeur et Dreamweaver ouvrira le dossier où se trouvait le fichier perdu et mettra son nom en surbrillance. Vous avez juste à le trouver et le pointer à 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. De plus, n'oubliez pas que les noms de fichiers ne doivent contenir que des lettres latines et ne contiennent aucun espace ou caractère.

Pendant le processus d'édition, la page doit être téléchargée périodiquement sur Internet Explorer, car elle peut être affichée différemment dans l'éditeur. Lorsque vous créez une mise en page, vous spécifiez les fichiers tels qu'ils sont sur le disque. Lorsque la page est prête, elle peut être téléchargée sur le serveur où vous vous enregistrez. Dans le même temps, la structure de votre site ne doit pas être violée, et le chemin vers le fichier sur le disque sera remplacé par l'adresse de votre future page. Par exemple, le fichier C: /../ temp / index.htm deviendra http://www.shram.kiev.ua/index.htm

Il existe des programmes ftp-managers qui aident à mettre à jour et télécharger des fichiers à partir de n'importe quel ordinateur disponible sur Internet et à travailler avec eux comme dans un conducteur (en mode d'accès à distance).