Come incorporare un badge JPG

February 4

Come incorporare un badge JPG


Incorporare un'immagine distintivo JPG sul tuo sito web o blog mostra visibilmente il vostro sostegno per una campagna on-line o la propria affiliazione a un club, società o altra organizzazione. Per aggiungere un badge JPG al tuo sito web, caricare il file di immagine al server di hosting del sito web con il consueto applicazione File Transfer Protocol o il sistema di gestione dei contenuti di host e aggiungere un breve frammento di immagine-source HyperText Markup Language codice di progettazione per la pagina Web.

istruzione

1 Avviare Microsoft Paint e aprire il file immagine JPG contenente il grafico distintivo. Visualizza altezza e larghezza dimensioni dell'immagine nella barra di stato nella parte inferiore della finestra di Paint. Annotare queste informazioni, insieme al nome del file immagine, in modo che è possibile fare riferimento in un secondo momento.

2 Aprire il trasferimento di file dal pannello di controllo per il sistema di gestione dei contenuti on-line del vostro host Web o protocollo. Inserisci il tuo FTP o controllare username e password del pannello. Quindi fare clic sul pulsante di connessione per la connessione al server di hosting Web. Vai alla cartella principale - di solito chiamato "htdocs" o "Root". La maggior parte dei pannelli di FTP e di controllo aperte sulla cartella principale del sito web di default. È possibile riconoscere la cartella principale perché contiene la home page del sito.

3 Carica l'immagine JPG sia alla cartella principale o la o le "immagini" sottocartella trascinando il file di immagine dalla cartella del computer per la finestra del pannello di controllo FTP o aperto. In alternativa, fare clic sul pulsante "Carica" ​​nel pannello di controllo o strumento FTP e individuare il percorso del file. Fare doppio clic sul file JPG per caricarlo.

4 Avviare il programma di codifica solito Web design e, editor HTML o Microsoft Blocco note. Aprire la pagina Web in cui si desidera inserire il badge JPG.

5 Scorrere fino alla sezione body della pagina Web, tra i "<body>" tag e "</ body>" codice HTML. Fare clic sulla posizione di inserimento per l'immagine JPG. Per un grafico distintivo, selezionare una posizione di rilievo nella parte superiore della pagina o vicino al menu di navigazione.

6 Incollare il seguente codice nella pagina per incorporare l'immagine:

<IMG SRC = "badge.jpg" alt = "text esempio" width = 30 Altezza = 30>

7 Change "badge.jpg", il nome del file JPG, a nome effettivo del file. Se hai caricato l'immagine di una sottocartella, aggiungere il nome della cartella e una barra prima del nome del file; per esempio, "immagini / Sallysbadge.jpg". Digitare una descrizione dell'immagine breve tra le virgolette nel campo ALT per sostituire "esempio di testo." Modificare i valori di larghezza e altezza per le corrette dimensioni per l'immagine JPG.

8 Salvare la pagina Web e caricarlo sul server Web con lo strumento FTP o pannello di controllo del sistema di gestione dei contenuti.

Consigli e avvertenze

  • Se si utilizza un blog on-line hosting e servizi di gestione dei contenuti, come ad esempio Blogger o Tumblr, è possibile incorporare l'immagine facendo clic sull'icona "Inserisci immagine" nello strumento editor di posta e caricare l'immagine dal computer. Alcuni forum online permettono anche membri di incorporare i file di immagine in messaggi utilizzando un simile strumento Inserisci immagine nella barra degli strumenti post editor.