Hvordan legge til Merchandise til en webside

Hvordan legge til Merchandise til en webside


Hvis du klarer en webside, har du mulighet til å legge varer til nettstedet ditt. På denne måten fremmer du dine produkter på Internett og få størst mulig publikum for arbeidet ditt. Forstå hvordan du setter dine produkter kan være forvirrende i begynnelsen, men med noen få linjer med Hypertext Markup Language (HTML) og inline Cascading Style Sheets (CSS), kan du vise elementene vellykket.

Bruksanvisning

1 Logg deg inn på web-host kontoen som administrerer ditt nettsted filer. Last opp dine merchandise bilder til den samme mappen eller katalogen der du nettsiden ligger, og noterer hver fil adresse (for eksempel yourpage.com/images/product1.gif).

2 Start din tekst editor program. Plasser markøren under åpningen <body> -koden der du vil produktene skal vises, og skriv "<p> </ p>" avsnittselementer.

3 Skriv inn følgende bilde koden mellom ledd koder som følgende eksempel:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif&quot; alt =" Skriv inn en beskrivelse av produktet her "/>
</ P>

Husk å sette faux filadresse med din egen.

4 Plasser markøren inne i bildet element og skriv "style =" etterfulgt av en "float:;" Egenskap. Skriv inn "venstre" eller "rett" til å instruere nettleseren hvor du skal justere bildet i forhold til varene teksten. For eksempel:
<Img src = "http://www.yourpage.com/images/product1.gif&quot; style =" float: left "/>

5 Skriv inn element tekst, for eksempel tittel og beskrivelse, før den avsluttende </ p> element. Å illustrere:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif&quot; style =" float: left "/>
Dette er din tekstelement.
</ P>

6 Gjenta trinnene for å legge de andre ønskede oppføringene til din webside. Forhåndsvis dokumentet i en nettleser, og deretter laste det opp til Web vert å publisere varene til nettstedet ditt.

Hint

  • Hvis du ønsker å lage plass mellom bildet og teksten, plasserer du markøren inne i anførselstegn for stilen attributtet og skriv inn et semikolon etter duppen erklæringen. Skriv inn "padding-right:" hvis bildet er justert til venstre eller skriv "padding-left:" for bilder på høyre side og skriv inn en tallverdi i piksler etter kolon slik:
  • <Img src = "http://www.yourpage.com/images/product1.gif" style = "float: left; padding-right: 5px;" />