Designet af ethvert websted er baseret på baggrundsbilleder og farver, som et hus på et fundament. Hvis du har et ønske om at erstatte det typiske fundament for din internetressource med noget mere individuelt, skal du starte med udviklingen af designet. Og når den er klar, forbliver den rent tekniske del, det vil sige at erstatte det gamle design af webstedsbaggrund specificeret i kildekoden på siderne med den nye. Der er flere måder at implementere dette på i praksis.
Instruktioner
Trin 1
Først skal du finde ud af, hvilken af måder baggrunden indstilles i den aktuelle version af webstedet. For at gøre dette skal du åbne sidens HTML-kode. Du kan gøre dette med en simpel teksteditor ved at downloade filen fra serveren på forhånd. Eller du kan bruge editoren til siderne i indholdsstyringssystemet, hvis du bruger en. Sideditoren kræver ikke download af filen, men ændrer den direkte på serveren ved hjælp af browseren som en grænseflade. HTML-koden (HyperText Markup Language) på den side, du åbner, består af instruktionslinjer til browseren. De beskriver typerne, udseendet og placeringen af hvert af elementerne på en webside. Disse instruktioner kaldes almindeligvis "tags". Rækkefølgen af selve tags i sidekoden overholder også HTML-sprogets regler - de er opdelt i blokke, hvoraf den første skal være en overskriftsblok, der starter med et tag og slutter. Det skal følges af den blok, der interesserer dig mere nu - dokumentets brødtekst. Det er begrænset til tags og. I åbningskoden til denne blok () kan du placere oplysninger om baggrunden af siden. Sådan information inden for tags kaldes "attributter". Attributten for body-koden, der indstiller baggrundsfarven, betegnes som bgcolor, og i koden kan det se sådan ud: Her indstiller vi baggrundsfarven til siden til sølv. Browseren kan genkende nogle af farverne ved deres navne, men for ikke at tage fejl, er det bedre at angive deres hexadecimale koder. Denne version med sølvfarve i hexadecimalt udtryk vil se sådan ud: Så du skal finde mærket startende med <body i sidekoden og kontrollere, om det har en baggrundsfarve. I så fald skal du udskifte farveindikationen i den med din nye version og gemme ændringerne på siden.
Trin 2
Baggrunden i det aktuelle design af dit websted kan ikke indstilles efter farve, men ved et billede. Den tilsvarende attribut for body tag kaldes baggrund, og det kan se sådan ud i koden: Her er baggrunden bg.jpg-billedet fra img-mappen på din server. Hvis denne attribut er til stede, skal du udskifte billedfilnavnet med navnet på det nye billede og huske at uploade det til serveren. Hvis du vil erstatte billedet med en farve, skal du udskifte baggrundsattributten med attributten bgcolor, som vi beskrev over.
Trin 3
Når du beskriver udseendet på sider med et relativt komplekst design, skal du bruge "cascading style sheets" - CSS (Cascading Style Sheets). Blokke af CSS-kode kan inkluderes direkte i sidekoden eller indeholdes i en ekstern fil med "css" -udvidelsen. Du skal kigge efter typebeskrivelseskoden, der starter med <style i sidehovedets sidehoveddel (mellem tags og tags). Hvis den indeholder et link til en ekstern fil, vil den se sådan ud: @import "style.css"; Her er et link til et stylesheet med navnet style.css. Du skal åbne den angivne fil til redigering. Og hvis der ikke er noget link, og efter åbningen <style tag er der stilinstruktioner, så skal du redigere dem her. I begge indstillinger, blandt beskrivelserne af stilarter, skal du kigge efter dem, der er relateret til dokumentets brødtekst (brødtekst). Denne blok af beskrivelser kan se sådan ud: body {
baggrundsfarve: Sølv;
farve: sort;
} Her skal du erstatte værdien af baggrundsfarveparameteren med værdien af din nye farve og bedre i de samme hexadecimale værdier. Indstillingen for baggrundsbillede i CSS-instruktionerne skal se sådan ud: body {
baggrund: # C0C0C0 url (img / bg.jpg) gentag-y;
farve: sort;
} Her ligner linket til billedet det, der er diskuteret ovenfor, og # C0C0C0 før linket betyder, at det sideplads, der ikke er optaget af baggrundsbilledet, har en sølvbaggrund. "Gentag-y" indikerer, at baggrundsbilledet skal ganges langs Y-aksen (lodret)."Gentag-y" kan erstattes med "gentag-x" (vandret replikering) eller "ingen gentagelse" (repliker ikke). Hvis du slet ikke angiver gentagelse, bliver baggrundsbilledet flisebelagt til baggrundsområdet på siden i alle retninger.
