Design libovolného webu je založen na obrázcích a barvách pozadí, jako je dům na nadaci. Pokud chcete nahradit typický základ vašeho internetového zdroje něčím individuálnějším, měli byste začít s vývojem designu. A až bude připraven, čistě technická část zůstane, tj. Nahradí starý design pozadí webu uvedený ve zdrojovém kódu stránek novým. Existuje několik způsobů, jak to v praxi implementovat.
Instrukce
Krok 1
Nejprve musíte zjistit, který ze způsobů nastavení pozadí v aktuální verzi webu. Chcete-li to provést, otevřete HTML kód stránky. To lze provést pomocí jednoduchého textového editoru stažením souboru ze serveru předem. Nebo můžete použít editor stránek systému pro správu obsahu, pokud jej používáte. Editor stránky nevyžaduje stahování souboru, ale upravuje jej přímo na serveru pomocí prohlížeče jako rozhraní. HTML kód (HyperText Markup Language) stránky, kterou otevřete, se skládá z řádků instrukcí pro prohlížeč. Popisují typy, vzhled a umístění každého z prvků webové stránky. Tyto pokyny se běžně označují jako „značky“. Pořadí samotných značek v kódu stránky se rovněž řídí pravidly jazyka HTML - jsou rozděleny do bloků, z nichž první musí být nadpisový blok, který začíná značkou a končí. Za ním by měl následovat blok, který vás nyní více zajímá - tělo dokumentu. Je omezen na značky a. Do úvodní značky tohoto bloku () můžete vložit informace o pozadí stránky. Takové informace ve značkách se nazývají „atributy“. Atribut značky těla, který nastavuje barvu pozadí, je označen jako bgcolor a v kódu to může vypadat takto: Zde nastavíme barvu pozadí stránky na stříbrnou. Prohlížeč dokáže rozpoznat některé barvy podle jejich názvů, ale aby nedošlo k omylu, je lepší označit jejich hexadecimální kódy. Tato verze se stříbrnou barvou v hexadecimálním vyjádření bude vypadat takto: Musíte tedy najít značku začínající na <body v kódu stránky a zkontrolovat, zda má barvu pozadí. Pokud ano, nahraďte barevnou indikaci v ní novou verzí a uložte změny na stránku.
Krok 2
Pozadí v aktuálním designu vašeho webu lze nastavit nikoli barvou, ale obrázkem. Odpovídající atribut tagu body se nazývá pozadí a v kódu může vypadat takto: Pozadí je obrázek bg.jpg
Krok 3
Při popisu vzhledu stránek s relativně složitým designem použijte „kaskádové šablony stylů“- CSS (kaskádové šablony stylů). Bloky kódu CSS mohou být zahrnuty přímo do kódu stránky nebo obsaženy v externím souboru s příponou „css“. Musíte hledat značku popisu stylu začínající <style v části záhlaví kódu stránky (mezi značkami a). Pokud obsahuje odkaz na externí soubor, bude vypadat asi takto: @import "style.css"; Zde je odkaz na šablonu stylů s názvem style.css. Musíte otevřít zadaný soubor pro úpravy. A pokud neexistuje žádný odkaz a po úvodní značce <style jsou pokyny ke stylu, musíte je zde upravit. V obou možnostech musíte mezi popisy stylů hledat ty, které souvisejí s tělem dokumentu (tělo). Tento blok popisů může vypadat takto: body {
barva pozadí: stříbrná;
Černá barva;
} Zde musíte nahradit hodnotu parametru barva pozadí hodnotou vaší nové barvy a lepší ve stejných hexadecimálních hodnotách. Možnost obrázku na pozadí v pokynech k CSS by měla vypadat takto: body {
pozadí: # C0C0C0 url (img / bg.jpg) repeat-y;
Černá barva;
} Zde je odkaz na obrázek podobný tomu, který byl popsán výše, a # C0C0C0 před odkazem znamená, že prostor stránky, který není obsazen obrázkem na pozadí, bude mít stříbrné pozadí. „Repeat-y“označuje, že obrázek na pozadí by měl být vynásoben podél osy Y (svisle).„Repeat-y“lze nahradit „repeat-x“(horizontální replikace) nebo „no-repeat“(nereplikovat). Pokud vůbec nezadáte opakování, bude obrázek pozadí vykládán do prostoru pozadí stránky ve všech směrech.
