Comment faire pour incorporer des Photos dans une Instructable

récemment, j’ai essayé rendant Instructables avec photo uniquement des instructions (voir ma Rosette et Mesh Decolletage Instructables).  Pour simple Instructables, je pense que c’est un format qui semble bon, et j’aime l’idée des instructions sans paroles.

Si vous souhaitez essayer vous-même, voici un rapide tutoriel sur l’incorporation des photos dans votre espace de texte. Il n’est pas le bouton just en cliquant sur ; vous apprendrez un peu de HTML de base. Mais si vous n’avez jamais fait n’importe quel codage avant, n’ayez pas peur ! Il n’est pas difficile, et vous ne devrez apprendre un tout petit peu pour incorporer une photo.

Et c’est ici : < img src="photourl.jpg"/ >

Sauf que vous allez remplacer photourl.jpg avec l’URL de votre photo.
Mais quelle est l’URL de votre photo ? Nous allons faire un pas en arrière.

Pour ce Instructable, je vais travailler avec cette photo d’un robot t-shirt :


Vous devez suivre le long dans une fenêtre différente et essayer tous les trucs que je vous montre.

Étape 1: Télécharger la Photo
Télécharger la photo sur Instructables normalement. Vous n’avez même pas à joindre à l’Instructable, juste l’obtenir sur le site. (Il peut effectivement être une image de n’importe où sur l’internet, mais je vais me contenter de travailler de l’intérieur le site Instructables.)
Vous devez télécharger une photo assez grande pour que vous serez en mesure de voir toutes les options.

Étape 2: Copiez l’URL de l’image
Faites un clic droit sur la vignette de l’image et sélectionnez « Copier l’Image URL ».

Etape 3: Jouer avec l’URL
Nous allons prendre que URL et jouer avec lui un peu, alors allez-y et collez cette chaîne de l’URL dans un nouvel onglet de votre navigateur. Instructables a quelques versions différentes de votre photo.
Parce que nous avons copié de la miniature, la chaîne d’URL doit actuellement se terminer par ". THUMB.jpg". Si l’image est petite, comme ceci :

Maintenant changer. THUMB.jpg à. TINY.jpg pour le rendre encore plus petit.

ÉQUERRE, SQUARE2 et Carré3 :

Essayez le milieu.

Essayez le grand.

Donc vous voyez que vous avez beaucoup d’options par défaut pour la taille et même la forme, de votre photo.

Étape 4: Insertion dans le code source

Retour dans votre Instructable, cliquez sur la touche " Source ". Maintenant que vous voyez le code HTML qui utilise votre Instructable. Nous allons juste être jouer avec les images, donc vous pouvez l’ignorer la plupart de celui-ci. Naviguez jusqu'à l’endroit où vous voulez mettre votre photo et utiliser ce code, nous avons appris plus tôt : < img src="photourl.jpg"/ >

Mais au lieu de photourl.jpg, mettre dans l’URL de votre propre photo. Par exemple, il s’agit
< img src = « » / >

Étape 5: Largeur et hauteur
Il ne faut pas être limité aux tailles par défaut que nous avons exploré à l’étape 3. Vous pouvez également spécifier une largeur spécifique ou hauteur (ou les deux!) dans le code HTML. C’est facile ! Essayez :

< img src="photourl.jpg" width = "200" / >

< img src="photourl.jpg" height = "200" / >

< img src="photourl.jpg" width = "200" height = "200" / > ou < img src="photourl.jpg" hauteur = "200" width = "200" / >


Mais quand vous contraindre la largeur et la hauteur, vous pouvez déformer votre image.

La largeur d’une Instructable est habituellement 650px. Vous devez définir l’URL de votre image à LARGE dans la plupart des cas afin que vous ayez à haute résolution. Dans le cas contraire, il pourrait ressembler à ceci :

Et c’est tout ce que vous devez savoir !
Pour intégrer une image ici, de toute façon. Mais si vous avez aimé ce petit goût de puissance de codage, vous devriez apprendre plus ! Il est très pratique parfois. Probablement la meilleure façon d’apprendre est codeacademy.org. Cliquez sur le lien ! Essayez-le ! Juste arrêter si tu t’ennuies.

Articles Liés

Comment faire pour publier des photos dans les commentaires

Comment faire pour publier des photos dans les commentaires

je sais que ce n'est pas le type de Instructables, j'ai l'habitude de poster, mais j'ai besoin de mélanger. Si vous ne saviez pas comment poster des photos dans les commentaires de Instructables, maintenant vous pouvez connaître !Étape 1: Trouvez un
Comment faire pour lire des ebooks sur une PSP

Comment faire pour lire des ebooks sur une PSP

Hi thereDans ce INSTRUCTABLE je vais vous montrer comment faire pour lire des ebooks sur votre PSP.Si vous êtes comme moi qui viens d'acheter une PSP et n'a pas d'argent laissé pour un lecteur d'ebook ou comprimé, cette instructable est pour vousJE N
Comment faire pour éditer des photos ipod avec VFX

Comment faire pour éditer des photos ipod avec VFX

je vais vous apprendre comment utiliser VFX pour éditer des photosÉtape 1: Commencez par obtenir une image Vous pouvez Appuyez sur le bouton de la caméra et prenez un ou sélectionnez-en un dans vos albums photo.Étape 2: Obtenir un effet Après que vou
Comment faire pour extraire des Photos de rouleau d’appareils d’iTunes

Comment faire pour extraire des Photos de rouleau d’appareils d’iTunes

Pour éviter la perte de données iPhone, nous pourrions sauvegarder notre iPhone en créant une sauvegarde iTunes. Mais quand on veut se perdre les données de la sauvegarde après avoir perdu quelque chose, nous devons faire une restauration complète, c
Comment faire pour ajouter des transitions dans iMovie HD

Comment faire pour ajouter des transitions dans iMovie HD

Cette fonte d'écran vous montre les rudiments de la façon d'ajouter des transitions dans iMovie HD. Il fournit vous étape par étape des instructions dès le début de la façon d'ouvrir les applications et démarrez un nouveau projet pour ajouter des cli
Comment faire pour inscrire votre enfant dans une école publique à San Francisco

Comment faire pour inscrire votre enfant dans une école publique à San Francisco

Inscrire votre enfant dans une école publique à San Francisco peut être aussi facile que l'ABC.Bien sûr, certaines parties prennent énormément de temps et pensée--tout comme orthographe au-delà de ABC. Alors pense ce Instructable comme votre pratique
Comment faire pour modifier des documents dans n’importe quel jeu de source.

Comment faire pour modifier des documents dans n’importe quel jeu de source.

Si vous avez déjà joué à un jeu de source (hl2, css, portail), vous avez probablement vu un ou plusieurs des matières qui n'était pas assez bon. Il est également probable que vous avez pensé « que se passe-t-il si je pouvais modifier cela? » Avec ces
Comment faire pour remplacer le verre dans une fenêtre de l’armature en bois.

Comment faire pour remplacer le verre dans une fenêtre de l’armature en bois.

Ma maison a des fenêtres encadrées en bois qui, de temps en temps, ont été brisées.  J'ai employé un professionnel glasier remplacer un de mes fenêtres, qui a coûté un peu moins de 500 $.  J'ai décidé de regarder travailler alors que j'ai pu apprendr
Comment faire pour modifier des scripts dans le nuage parti

Comment faire pour modifier des scripts dans le nuage parti

cette instructable couvrira les rudiments de savoir comment rendre un objet et insérer un script existant.Étape 1: Base des capacités Cloud partie scripts sont écrits en Javascript et sont actuellement placés dans n'importe quel objet que vous créez
Comment faire pour éditer des Photos (gratuit)

Comment faire pour éditer des Photos (gratuit)

si vous souhaitez de photographe ou d'un éditeur ou peut-être juste envie de faire des photos cool pour impressionner vos amis, vous avez de la chance. Aujourd'hui, nous avons quelques free apps offre qui rendra votre visage laid, vieux ou assez flou
Comment faire pour éditer des Photos

Comment faire pour éditer des Photos

Étape 1: Téléchargement de l'App D'abord vous devez télécharger une application qui je pense est une des meilleures applications de retouche sa appelé (art photos)... Aussi je voudrais faire un shoutout gros gros mec assassin tel qu'il est celui qui
Comment faire pour transformer des photos normales en images terrifiantes de halloween !

Comment faire pour transformer des photos normales en images terrifiantes de halloween !

Tout d'abord, prenez une photo (ne cherche pas trop heureux, idéalement mais il n'importe pas si il a l'air heureux). et transférez-le sur www.picnik.com:-)Étape 1 : Une fois que l'image a été téléchargée, allez à la section recommandée et utiliser d
Comment faire pour obtenir des trucs sur une PSP (piratée)

Comment faire pour obtenir des trucs sur une PSP (piratée)

guide étape par étape pour obtenir des émulateurs et des jeux anciens sur la PSP (note toutes ces choses fonctionnent avec Custom Firmware 3.80 m33-2)Étape 1: Obtenir PSP Jeux sur carte mémoire PSPCela vous permet de jouer sans l'UMD PSP.Étape 1: Tro
Comment faire pour ajouter des serveurs dans Minecraft Pocket Edition !

Comment faire pour ajouter des serveurs dans Minecraft Pocket Edition !

Cette instructable vous apprend à ajouter des serveurs publics à Minecraft Pocket Edition !Étape 1: Mise en route Tout d'abord, ouvrez Minecraft et appuyez sur play.Étape 2: Ajouter quelque chose de nouveau Appuyez sur la touche de monde nouveau en h