Comment faire pour publier un site web en utilisant ImageReady

Comment faire pour publier un site web en utilisant ImageReady


Les graphistes sont toujours à la recherche de bons, moyens rapides pour publier un site Web sans avoir à moudre à travers le code de programmation complexe. ImageReady est un programme qui permet d'optimiser facilement les fichiers graphiques pour une utilisation sur Internet. Il vient généralement emballé avec les éditions pré-CS3 d'Adobe Photoshop. ImageReady n'a pas la capacité de télécharger des fichiers à l'Internet - vous aurez besoin d'un programme FTP à cet effet. Sa force, cependant, est qu'il permet aux concepteurs sans codage expérience un moyen pratique HTML pour créer des pages de base de Web-prêt.

Instructions

Rendre votre Web Design-Ready

1 Comment faire pour publier un site web en utilisant ImageReady

Ouvrez votre page Web fichier de conception dans Photoshop. Vous avez peut-être déjà conçu le fichier dans Photoshop; sinon, vous pouvez l'importer à partir d'un programme de conception différente.

2 Comment faire pour publier un site web en utilisant ImageReady


Ajouter des directives à votre conception. Assurez-vous que vos règles sont visibles en cliquant sur "Voir: et ensuite". Rulers "Pour faire une ligne directrice horizontale, placez votre curseur sur la règle du haut, appuyez et maintenez le bouton gauche de la souris et la traînée vers le bas une ligne directrice à l'endroit où vous devez placez-le. pour les lignes directrices verticales, suivez la même procédure à partir de la règle de gauche. Dans les deux cas, si vous avez besoin de déplacer la ligne directrice après qu'il a été placé, vous devez vous assurer que l'outil "déplacer" est sélectionné. il est important d'ajouter les lignes directrices d'une manière telle que tous les onglets de navigation (ou des zones d'images que vous souhaitez fonctionner comme des liens vers d'autres pages Web) doivent être séparés en leurs propres sections (également appelées «cellules» ou «tranches».)

3 Comment faire pour publier un site web en utilisant ImageReady


Sélectionnez l'outil "Slice".

4 Comment faire pour publier un site web en utilisant ImageReady


Utilisation de l'outil "Slice", sélectionnez chaque cellule de votre image qui devra être lié à une page Web distincte. Pour ce faire, en plaçant votre curseur sur le point supérieur gauche de la cellule que vous souhaitez sélectionner, maintenez enfoncé le bouton gauche de la souris et faites glisser la souris vers le bas à droite coin de la cellule. Relâchez le bouton de la souris. Notez que dès que vous avez fait cette étape, Photoshop ajoute automatiquement les noms de tranche à certains des autres cellules.

5 Comment faire pour publier un site web en utilisant ImageReady


Répétez cette étape pour chaque cellule qui aura besoin d'un lien qui lui est attribué.

6 Comment faire pour publier un site web en utilisant ImageReady


Passer à l'aide de l'outil "Slice-select", et cliquez sur la première tranche qui a besoin d'un lien ajouté. Notez qu'une fois que vous choisissez l'outil "Slice-select", un onglet appelé "options Slice" apparaît sur la barre au-dessus du fichier.

7 Comment faire pour publier un site web en utilisant ImageReady


Cliquez sur la barre "Options Slice" et ajouter l'URL du lien que vous voulez connecté à cette cellule.

8 Répétez ce processus pour chaque cellule pour lequel vous souhaitez ajouter un lien.

9 Enregistrez le design comme Photoshop (.psd) fichier afin que vous puissiez y revenir plus tard si vous avez besoin de faire des changements.

dix Répétez les étapes 1 à 9 pour chaque page que vous avez conçu pour votre site web.

La publication de la page

11 Comment faire pour publier un site web en utilisant ImageReady

Allez à l'onglet Fichier et sélectionnez "Enregistrer pour le Web." Cela va automatiquement lancer ImageReady.

12 Enregistrez le fichier soit comme un fichier .jpg ou .gif. Vous pouvez prévisualiser chaque type à différents niveaux de qualité pour voir à quoi il ressemble avant d'appuyer sur le bouton "Enregistrer".

13 Testez le fichier une fois que vous l'avez enregistré. Ouvrez votre navigateur Web et cliquez sur «Ouvrir le fichier." Sélectionnez le fichier que vous venez d'enregistrer à travers ImageReady. Il aura le même aspect ici que lorsque vous postez sur le Web. Comme vous la souris sur les cellules à laquelle vous avez ajouté des liens URL, votre curseur de la souris va changer à partir d'une flèche à la main, ce qui indique que votre lien a été correctement intégrée dans le fichier.

14 Répétez les trois étapes ci-dessus pour chaque page que vous avez conçu pour votre site web.

15 Lancez votre programme FTP et se connecter au serveur de votre URL.

16 Télécharger tous les fichiers enregistrés par ImageReady.

17 Voir vos fichiers sur Internet. Lorsque vous tapez dans l'adresse, il devrait ressembler à ceci: www.yourURLname.com/yourFILEname.jpg. Si votre URL est un .net ou .org, substitut que pour le .com dans l'exemple. Si votre fichier est un fichier .gif, remplacer que pour le .jpg.

Conseils et avertissements

  • D'une manière générale, les fichiers .gif sont plus petits que .jpg, mais ne se reproduisent généralement pas des photographies aussi bien.