» » Comment insérer une image sur un site

Comment insérer une image sur un site

Tout ce que le visiteur voit sur les pages site Est affiché par le navigateur sur la base des instructions détaillées, envoyées par le serveur lui. Ces instructions sont appelées pages code html et se composent de différents « tags », qui décrit le type d'apparence et l'emplacement de chaque élément séparément. Pour mettre dans une page ou un nouvel élément (par exemple - l'image ), il est nécessaire dans le code source pour ajouter les instructions appropriées - tag. Considérez - comment faire de la façon la plus facile.

Instruction


1. Si vous utilisez un type de système de gestion de contenu, il est très probable que, dans là est l'éditeur de page. Pour commencer, vous devez ouvrir la page souhaitée dans l'éditeur. options possibles - Next. Dans le cas de l'éditeur de pages la plus réussie aura un « mode visuel », autrement dit - « un mode WYSIWYG» (Qu'est-ce que vous voyez est ce que vous obtenez - «Ce que vous voyez est ce que vous obtenez»). Dans ce mode, vous généralement pas besoin de traiter avec le code html source! éditeur de page sera la même apparence que sur le site, sera suffisant pour pousser la souris à l'endroit désiré, puis cliquez sur le bouton de la barre d'outils de l'éditeur « insérer l'image « Image » dans le panneau de l'éditeur visuel «

2. Cela ouvrira une boîte de dialogue dans laquelle vous devez choisir si vous ne l'avez pas déjà téléchargé l'image désirée -. Il y a aussi un bouton pour sélectionner une image sur votre ordinateur et le télécharger sur le serveur. en outre, dans cette boîte de dialogue, vous pouvez spécifier la couleur et la largeur de la bordure autour de l'image, la distance et la couleur de remplissage entre le cadre et l'image, le texte de l'info-bulle. les dimensions ici ne sont pas nécessaires, mais pour des raisons de rapidité en chargement de la page et pour prévenirla conception de distorsion est encore mieux de le faire. Lorsque tous les champs obligatoires sont remplis de dialogue, cliquez sur « OK » et puis enregistrez 3. la page éditée.

En raison du fait qu'une seule norme sur le système de contrôle n'existe pas , procédure d'insertion d'image en mode visuel, votre système est peut-être un peu différent, mais le principe est le même. Pour cette raison, le mode WYSIWYG peut ne pas être disponible dans votre système de gestion de contenu. Alors encore modifier le code source du langage HTML de la page (HyperText Markup - «langage de balisage hypertexte"). Vous devrez insérer au bon endroit le code de l'étiquette, le commandant de l'émission du navigateur ici l'image . Dans sa forme la plus simple, il devrait ressembler à ceci: Bien sûr, le serveur peut trouver et donner du navigateur. l'image , Il doit être pompé dans l'emplacement spécifié. La meilleure façon de le faire par un gestionnaire de fichiers, qui est dans tous les systèmes de gestion de contenu, ainsi que dans le panneau de contrôle de votre société d'hébergement. Vous pouvez le faire via le protocole FTP (protocole de transfert de fichiers - «Protocole de transfert de fichiers») à l'aide d'un programme spécial - client FTP. Il y a beaucoup, à la fois gratuits et payants - par exemple, Cute FTP, FlashFXP, WS FTP, etc. Mais, bien sûr, l'installation, le développement et la personnalisation du programme prendra du temps, de sorte que le gestionnaire de fichiers pour télécharger tout le navigateur web nécessaire -. Une version plus simple.

4. En plus de l'adresse dans une image balise html peut être spécifiée, et des informations supplémentaires - tag « attributs ». Par exemple, l'attribut alt contient le texte de la fenêtre contextuelle lorsque vous placez le curseur de la souris sur l'image Conseils: Vous pouvez remplacer l'attribut - titre: - la taille du rectangle dans lequel le navigateur doit afficher une image, définir les attributs de largeur et de hauteur: - L'attribut border spécifie la largeur de la bordure autour de l'image (en pixels): Si l'image faire un lien, le navigateur dessinera un cadre bleu autour d'elle. Pour se débarrasser de, il est nécessaire d'attribuer une valeur zéro de la frontière: - Les deux autres attributs contiennent des informations sur la taille de l'empreinte de l'image des éléments voisins (de lignes de texte, d'autres images, etc.) - hspace définit dans l'horizontale, la quantité d'espace (à gauche et à droite) , vspace - vertical (haut et bas):

S'il vous plaît noter


Insérer une image sur le site. Dans la leçon d'aujourd'hui, pensez à comment insérer une image dans votre site web. Pour insérer une image, une image, une photo à la page, vous devez utiliser la balise, qui a le seul attribut obligatoire du src, qui définit l'adresse du fichier avec l'image.

Conseil utile


Voyager sur Internet, vous avez vu sur de nombreux sites différents images, bannières, graphiques. Aujourd'hui, nous allons apprendre comment intégrer l'image dans une page HTML. L'image elle-même est inséré à l'aide d'une balise img src = « img /mers1.jpg » où « img /mers1.jpg » - indique que notre image est le nom du fichier img et dossier mers1.jpg. En principe, il suffit que pour insérer une image, les autres paramètres ne sont pas obligatoires, mais tout de même qu'ils devraient prescrire autrement notre image peut être soumise à une déformation.