Het ontwerp van elke site is gebaseerd op achtergrondafbeeldingen en kleuren, zoals een huis op een fundering. Als u de typische basis van uw internetbron wilt vervangen door iets meer individueels, dan moet u beginnen met de ontwikkeling van het ontwerp. En als het klaar is, blijft het puur technische deel over, dat wil zeggen, het vervangen van het oude ontwerp van de site-achtergrond gespecificeerd in de broncode van de pagina's door het nieuwe. Er zijn verschillende manieren om dit in de praktijk toe te passen.
instructies:
Stap 1
Eerst moet je uitzoeken op welke manier de achtergrond is ingesteld in de huidige versie van de site. Open hiervoor de HTML-code van de pagina. U kunt dit doen met een eenvoudige teksteditor door het bestand vooraf van de server te downloaden. Of u kunt de editor van de pagina's van het contentmanagementsysteem gebruiken, als u er een gebruikt. De pagina-editor hoeft het bestand niet te downloaden, maar wijzigt het rechtstreeks op de server met behulp van de browser als interface. De HTML-code (HyperText Markup Language) van de pagina die u opent, bestaat uit instructieregels voor de browser. Ze beschrijven de typen, het uiterlijk en de locatie van elk van de elementen van een webpagina. Deze instructies worden gewoonlijk "tags" genoemd. De volgorde van de tags zelf in de paginacode voldoet ook aan de regels van de HTML-taal - ze zijn verdeeld in blokken, waarvan de eerste een kopblok moet zijn dat begint met een tag en eindigt. Het moet worden gevolgd door het blok dat u nu meer interesseert - de hoofdtekst van het document. Het is beperkt tot tags en. In de openingstag van dit blok (), kunt u informatie over de achtergrond van de pagina plaatsen. Dergelijke informatie binnen tags wordt "attributen" genoemd. Het attribuut van de body-tag die de achtergrondkleur instelt, wordt aangeduid als bgcolor en in de code kan het er als volgt uitzien: Hier stellen we de achtergrondkleur voor de pagina in op zilver. De browser kan sommige kleuren herkennen aan hun naam, maar om zich niet te vergissen, is het beter om hun hexadecimale codes aan te geven. Deze versie met zilveren kleur in hexadecimale uitdrukking ziet er als volgt uit: Dus je moet de tag vinden die begint met <body in de paginacode en controleren of deze een achtergrondkleur heeft. Vervang dan de kleuraanduiding daarin door uw nieuwe versie en sla de wijzigingen op de pagina op.
Stap 2
De achtergrond in het huidige ontwerp van uw site kan niet op kleur worden ingesteld, maar op een afbeelding. Het corresponderende attribuut van de body tag heet background, en het kan er als volgt uitzien in de code: Hier is de background de bg.jpg
Stap 3
Gebruik bij het beschrijven van het uiterlijk van pagina's met een relatief complex ontwerp "cascading style sheets" - CSS (Cascading Style Sheets). Blokken CSS-code kunnen direct in de paginacode worden opgenomen of in een extern bestand met de extensie "css". U moet zoeken naar de stijlbeschrijvingstag die begint met <style in het kopgedeelte van de paginacode (tussen de en tags). Als het een link naar een extern bestand bevat, ziet het er ongeveer zo uit: @import "style.css"; Hier is een link naar een stylesheet met de naam style.css. U moet het opgegeven bestand openen om het te bewerken. En als er geen link is, en na de openingstag <style zijn er stijlinstructies, dan moet je ze hier aanpassen. In beide opties moet u tussen de beschrijvingen van stijlen zoeken naar die met betrekking tot de hoofdtekst van het document (hoofdtekst). Dit blok met beschrijvingen kan er als volgt uitzien: body {
achtergrondkleur: Zilver;
de kleur zwart;
} Hier moet je de waarde van de achtergrondkleurparameter vervangen door de waarde van je nieuwe kleur en beter in dezelfde hexadecimale waarden. De optie voor de achtergrondafbeelding in de CSS-instructies zou er als volgt uit moeten zien: body {
achtergrond: # C0C0C0 url (img / bg.jpg) herhaal-y;
de kleur zwart;
} Hier is de link naar de afbeelding vergelijkbaar met degene die hierboven is besproken, en # C0C0C0 voor de link betekent dat de paginaruimte die niet wordt ingenomen door de achtergrondafbeelding een zilveren achtergrond zal hebben. "Herhaal-y" geeft aan dat de achtergrondafbeelding moet worden vermenigvuldigd langs de Y (verticale) as."Repeat-y" kan worden vervangen door "repeat-x" (horizontale replicatie) of "no-repeat" (niet repliceren). Als u helemaal geen herhaling opgeeft, wordt de achtergrondafbeelding in alle richtingen op de achtergrondruimte van de pagina geplaatst.
