Utformningen av vilken webbplats som helst är baserad på bakgrundsbilder och färger, som ett hus på en grund. Om du vill ersätta den typiska grunden för din Internetresurs med något mer individuellt bör du börja med utvecklingen av designen. Och när den är klar kommer den rent tekniska delen att finnas kvar, det vill säga att ersätta den gamla designen av webbplatsbakgrunden som anges i källkoden på sidorna med den nya. Det finns flera sätt att genomföra detta i praktiken.
Instruktioner
Steg 1
Först måste du ta reda på vilket sätt bakgrunden ställs in i den aktuella versionen av webbplatsen. För att göra detta, öppna sidans HTML-kod. Du kan göra detta med en enkel textredigerare genom att ladda ner filen från servern i förväg. Eller så kan du använda redigeraren för sidorna i innehållshanteringssystemet, om du använder en. Sidredigeraren behöver inte ladda ner filen, men ändrar den direkt på servern med hjälp av webbläsaren som gränssnitt. HTML-koden (HyperText Markup Language) på den sida du öppnar består av instruktionsrader för webbläsaren. De beskriver typerna, utseendet och platsen för vart och ett av elementen på en webbsida. Dessa instruktioner kallas vanligtvis "taggar". Ordningen på själva taggarna i sidkoden följer också reglerna för HTML-språket - de är uppdelade i block, varav den första måste vara ett rubrikblock som börjar med en tagg och slutar. Det bör följas av blocket som intresserar dig mer nu - dokumentets kropp. Det är begränsat till taggar och. I inledningen på detta block () kan du lägga till information om bakgrunden på sidan. Sådan information inom taggar kallas "attribut". Attributet för body-taggen som anger bakgrundsfärgen betecknas som bgcolor och i koden kan det se ut så här: Här ställer vi in bakgrundsfärgen för sidan till silver. Webbläsaren kan känna igen några av färgerna genom deras namn, men för att inte misstas är det bättre att ange deras hexadecimala koder. Denna version med silverfärg i hexadecimalt uttryck kommer att se ut så här: Du måste hitta taggen som börjar med <body i sidkoden och kontrollera om den har en bakgrundsfärg. I så fall ersätter du färgindikationen i den med din nya version och sparar ändringarna på sidan.
Steg 2
Bakgrunden i den aktuella utformningen av din webbplats kan ställas in inte efter färg utan med en bild. Motsvarande attribut för body-taggen kallas bakgrund, och det kan se ut så här i koden: Här är bakgrunden bilden bg.jpg
Steg 3
När du beskriver utseendet på sidor med en relativt komplex design, använd "cascading styleheets" - CSS (Cascading Style Sheets). Block av CSS-kod kan inkluderas direkt i sidkoden eller innehålla en extern fil med tillägget "css". Du måste leta efter taggen för stilbeskrivning som börjar med <style i sidkodens rubrikdel (mellan taggarna och). Om den innehåller en länk till en extern fil kommer den att se ut så här: @import "style.css"; Här är en länk till ett formatmall med namnet style.css. Du måste öppna den angivna filen för redigering. Och om det inte finns någon länk, och efter inledningen <style tag finns det stilinstruktioner, måste du redigera dem här. I båda alternativen, bland beskrivningarna av stilar, måste du leta efter de som är relaterade till dokumentets (brödtext). Detta block av beskrivningar kan se ut så här: body {
bakgrundsfärg: Silver;
svart färg;
} Här måste du ersätta värdet på bakgrundsfärgsparametern med värdet på din nya färg och bättre i samma hexadecimala värden. Bakgrundsbildalternativet i CSS-instruktionerna ska se ut så här: body {
bakgrund: # C0C0C0 url (img / bg.jpg) repeat-y;
svart färg;
} Här liknar länken till bilden den som diskuterats ovan, och # C0C0C0 före länken innebär att sidutrymmet som inte upptas av bakgrundsbilden har en silverbakgrund. "Repeat-y" anger att bakgrundsbilden ska multipliceras längs Y-axeln (vertikal)."Repeat-y" kan ersättas med "repeat-x" (horisontell replikering) eller "no-repeat" (replikera inte). Om du inte anger repetering alls kommer bakgrundsbilden att läggas till sidans bakgrundsutrymme i alla riktningar.
