Hoe om 'n agtergrond by 'n webwerf te voeg: 14 stappe (met foto's)

INHOUDSOPGAWE:

Hoe om 'n agtergrond by 'n webwerf te voeg: 14 stappe (met foto's)
Hoe om 'n agtergrond by 'n webwerf te voeg: 14 stappe (met foto's)

Video: Hoe om 'n agtergrond by 'n webwerf te voeg: 14 stappe (met foto's)

Video: Hoe om 'n agtergrond by 'n webwerf te voeg: 14 stappe (met foto's)
Video: The Torchlighters: The Martin Luther Story (2016) (Spanish) | Episode 15 | Stephen Daltry 2024, Mei
Anonim

Die agtergrond is een van die belangrikste elemente van 'n webwerf. 'N Goeie agtergrond skep die toon vir die webwerf en vul die inhoud aan. Daar is baie verskillende maniere om 'n agtergrond by te voeg, elk met 'n ander doel. Met sommige metodes kan u die agtergrond op alle bladsye op 'n webwerf toepas, terwyl ander die agtergrond slegs tot 'n sekere bladsy beperk. Hierdie artikel leer u hoe u 'n agtergrond by u webwerf kan voeg met HTML of CSS.

Stappe

Metode 1 van 2: HTML -metodes

Eenkleurige agtergrond

Voeg 'n agtergrond by 'n webwerf Stap 1
Voeg 'n agtergrond by 'n webwerf Stap 1

Stap 1. 'n Eenkleurige agtergrond is die mees basiese tipe agtergrond wat u op 'n webwerf kan plaas

Elke webwerf begin eintlik met 'n standaard wit agtergrond. Alhoewel 'n wit agtergrond baie glad en netjies kan lyk as dit met 'n harmonieuse kleurskema gebruik word, kan 'n ander agtergrond met verskillende temas begunstig word.

Voeg 'n agtergrond by 'n webwerf Stap 2
Voeg 'n agtergrond by 'n webwerf Stap 2

Stap 2. Maak u webkode (bron) oop

Voeg 'n agtergrond by 'n webwerf Stap 3
Voeg 'n agtergrond by 'n webwerf Stap 3

Stap 3. Voeg 'n kenmerk genaamd bgcolor by die body tag

Nou moet u liggaamsmerk so lyk-

waar COLORNAME die naam van die kleur is. KLEURNAAM kan gevul word met baie soorte kleurverteenwoordigers-

  • (kleur naam)
  • (hekswaarde)
  • (RGB -waarde)
Voeg 'n agtergrond by 'n webwerf Stap 4
Voeg 'n agtergrond by 'n webwerf Stap 4

Stap 4. Eksperimentering met RGB en # kan tot baie skakerings lei, maar u kan die maklike eerste weg neem

Maar onthou dat as u 'n ongewone kleur as 'Ultramarine Bluish Green' tik, dit wit sal word.

Voeg 'n agtergrondprent by

Om 'n agtergrondprent by te voeg, is effens ingewikkelder as 'n effekleurige agtergrond

Voeg 'n agtergrond by 'n webwerf Stap 5
Voeg 'n agtergrond by 'n webwerf Stap 5

Stap 1. Voeg die agtergrond eienskap by die body tag, sodat dit so lyk:

waar SRC die bron van die beeld is, kan SRC in dieselfde gids of 'n ander gids/webbladsy wees.

  • (in dieselfde gids)
  • (in 'n ander gids)
  • (op 'n ander webblad)
Voeg 'n agtergrond by 'n webwerf Stap 6
Voeg 'n agtergrond by 'n webwerf Stap 6

Stap 2. Onthou om die.gif /-j.webp" />

Metode 2 van 2: CSS -metodes

Voeg 'n agtergrond by 'n webwerf Stap 6
Voeg 'n agtergrond by 'n webwerf Stap 6

Eenkleurige agtergrond

Voeg 'n agtergrond by 'n webwerf Stap 7
Voeg 'n agtergrond by 'n webwerf Stap 7

Stap 1. Om 'n effekleurige agtergrond in CSS by te voeg, voeg 'n stylkenmerk by

U kan ook ID's en klasse gee en eksterne sowel as interne stylblaaie gebruik.

Voeg 'n agtergrond by 'n webwerf Stap 8
Voeg 'n agtergrond by 'n webwerf Stap 8

Stap 2. Jou liggaamsmerk moet so lyk:

waar die KLEURNAAM die naam van die kleur, hekswaarde of RGB is (onthou ook die laaste stappe van die effekleurige agtergrond in HTML, dit is ook hier van toepassing).

Voeg 'n prentjie by

Voeg 'n agtergrond by 'n webwerf Stap 9
Voeg 'n agtergrond by 'n webwerf Stap 9

Stap 1. Om 'n prentjie by te voeg, voeg die stylkenmerk by die body tag

U kan ook ID's en klasse gee en eksterne sowel as interne stylblaaie gebruik.

Voeg 'n agtergrond by 'n webwerf Stap 10
Voeg 'n agtergrond by 'n webwerf Stap 10

Stap 2. Jou liggaamsmerk moet nou so lyk-

Voeg 'n agtergrond by 'n webwerf Stap 11
Voeg 'n agtergrond by 'n webwerf Stap 11

Stap 3. Onthou dat SR die bron is

Dit kan uit dieselfde gids, verskillende vouers of 'n ander webbladsy wees.

  • (in dieselfde gids)
  • (in 'n ander gids)
  • (op 'n ander webblad).
Voeg 'n agtergrond by 'n webwerf Stap 12
Voeg 'n agtergrond by 'n webwerf Stap 12

Stap 4. Onthou om ook die.extensions by te voeg

Herhaal patroon agtergrond

Voeg 'n agtergrond by 'n webwerf Stap 13
Voeg 'n agtergrond by 'n webwerf Stap 13

Stap 1. Om 'n herhaalde patroon agtergrond te maak, voeg 'n agtergrond by soos in die bogenoemde stappe gesê

U liggaamsmerk moet nou verander word na-

Waar herhalingsinstellings die instellings is. Daar kan baie herhalingsinstellings wees, soos-

  • (Die agtergrond word vertikaal en horisontaal herhaal.)
  • (Die agtergrond word horisontaal herhaal.)
  • (Die agtergrond word vertikaal herhaal.)

Vaste prentagtergrond

Voeg 'n agtergrond by 'n webwerf Stap 14
Voeg 'n agtergrond by 'n webwerf Stap 14

Stap 1. Vaste prentagtergronde lyk cool en verander nie terwyl u afrol nie

Om dit te doen, hoef u net die kode in die afdeling hierbo eenvoudig aan te pas. Doen die tweaks om die body tag so te laat lyk-

waar SRC die bron van die agtergrondbeeld is, is POSITIE die posisie van die beeld (dit kan wissel van middel tot regs bo); agtergrond-aanhangsel is die belangrikste "katalisator" van hierdie agtergrondtipe. Dit word gebruik om die posisie van die agtergrond aan te dui, en dit word aanbeveel dat dit nie verander word nie.

Aanbeveel: