Hvordan setter jeg opp en gjennomsiktig bakgrunn i HTML?

Hvordan setter jeg opp en gjennomsiktig bakgrunn i HTML?


Finne en passende bakgrunn er en av de mest utfordrende trinnene i Web designprosessen. En god bakgrunn behov for å utfylle bildene på siden uten distraherende betrakteren. Mange websider bruker transparent bakgrunn, som de pleier å være komplementære heller enn distraherende. Sette en gjennomsiktig HTML bakgrunn er det samme som å sette en hvilken som helst annen HTML bakgrunn, bortsett fra at det krever at du bruker et bilde editor for å lage et gjennomsiktig bilde.

Bruksanvisning

1 Åpne HTML editor. Hvis du har en HTML-editor, som Dreamweaver eller Kompozer, åpne tekstfilen for siden du vil sette inn bakgrunn i. Hvis du ikke har en redaktør og bare ønsker å lære ferdigheter for å sette gjennomskinnelig bakgrunn, bruke en online editor .

2 Skriv kodene for seksjonen som du vil ha en bakgrunn. Hvis du vil angi en bakgrunn for hele siden, skriver <body bakgrunn => </ body>. Hvis du vil ha en bakgrunn for en tabell skriver <table height = width = bakgrunn => </ table>. Hvis du vil ha en bakgrunn for et avsnitt, skriver <paragraph bakgrunn => </ paragraph>.

3 Åpne illustrasjon programvare og velg en farge eller bilde for bakgrunnen. Bruk palett funksjonen til å velge en farge, klikk på hue du ønsker. Plukk et bilde fra Bilder-mappen. Hvis du vet om en public domain bilde på nettet du vil bruke, laste ned bildet. Ikke bruk kopibeskyttede bilder med mindre du har arrangert for å kjøpe dem. Hvis du ikke har en illustrasjon program på datamaskinen, og trenger å få en raskere, laste ned en åpen kildekode-program.

4 Bruk opacity funksjonen i illustrasjonen programvare for å gjøre bildet gjennomsiktig. Sett opacity lavere enn 70 prosent for virkelig gjennomsiktige effekter. Gjør dette ved å trykke på eller bla nedover etter å ha valgt objektet og klikke på "Opacity".

5 Last opp bildet. Hvis du utformer en profesjonell nettside og må sørge for at bildet vil vare, laste opp bildet til serveren din ved hjelp av File Transfer Protocol (FTP). Bruk en overføringsprogram for å finne filen på datamaskinen, identifisere sin beliggenhet og velg en destinasjon på nettstedet ditt for å være vert for det. Hvis du bare eksperimenterer med webdesign, laste opp bildet til en fil deling av området ved å registrere en konto og klikke på "Last opp bilder".

6 Sett bildet inn HTML-kodene du tegnet opp. For et bilde du har lastet opp til din egen side, sette filnavnet i kodene (for eksempel <table bakgrunn = "jimmy.gif" />). For et bilde har du vert på et bilde deling av området, satt i nettadressen til bildet i kodene (for eksempel <table bakgrunn = "www.picturesite.com/jimmy.gif" />).