Come aggiungere merce a una pagina Web

April 22

Come aggiungere merce a una pagina Web


Se si gestisce una pagina Web, avete la possibilità di aggiungere la merce al tuo sito. In questo modo, promuovere i vostri prodotti su Internet e di ottenere il più vasto pubblico possibile per il vostro lavoro. Capire come inserire i vostri prodotti possono essere fonte di confusione in un primo momento, ma con poche righe di HyperText Markup Language (HTML) e fogli in linea di stile a cascata (CSS), è possibile visualizzare i vostri articoli con successo.

istruzione

1 Accedere al conto host web che gestisce i file del sito web. Carica le tue immagini merce nella stessa cartella o directory in cui risiede la pagina Web, e prendere nota di ogni indirizzo file (ad esempio, yourpage.com/images/product1.gif).

2 Avviare l'applicazione editor di testo. Posizionare il cursore sotto l'apertura tag <body> in cui si desidera i prodotti di apparire e inserire "<p> </ p>" paragrafo elementi.

3 Digitare il seguente codice di immagine tra i tag di paragrafo, come il seguente esempio:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif&quot; alt =" Inserire una descrizione del prodotto qui "/>
</ P>

Ricordarsi di sostituire l'indirizzo del file finto con il proprio.

4 Posizionare il cursore all'interno dell'elemento immagine e immettere "style =" seguito da un "float:;" attributo. Inserire "sinistra" o "destra" per indicare al browser dove per allineare l'immagine in relazione al testo merce. Per esempio:
<Img src = "http://www.yourpage.com/images/product1.gif&quot; style =" float: left "/>

5 Digitare il testo oggetto, come ad esempio il titolo e la descrizione, prima che l'elemento di chiusura </ p>. Illustrare:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif&quot; style =" float: left "/>
Questo è il testo oggetto.
</ P>

6 Ripetere la procedura per aggiungere gli altri elenchi desiderati per la pagina Web. Visualizzare l'anteprima del documento in un browser Web e poi caricarlo sul vostro ospite Web per pubblicare la merce al tuo sito.

Consigli e avvertenze

  • Se si desidera creare spazio tra l'immagine e il testo, posizionare il cursore all'interno delle virgolette dell'attributo stile e inserire un punto e virgola dopo la dichiarazione del galleggiante. Inserire "padding-right:" Se l'immagine è allineata a sinistra o digitare "padding-left:" per le foto sul lato destro e digitare un valore numerico in pixel dopo i due punti in questo modo:
  • <Img src = "http://www.yourpage.com/images/product1.gif" style = "float: left; padding-right: 5px;" />

Articoli Correlati