Dizajn ľubovoľného webu je založený na obrázkoch a farbách pozadia, ako je napríklad dom na základoch. Ak chcete nahradiť typický základ vášho internetového zdroja niečím individuálnejším, mali by ste začať s vývojom dizajnu. A keď bude hotová, čisto technická časť zostane, to znamená nahradí starý dizajn pozadia webu uvedený v zdrojovom kóde stránok novým. Existuje niekoľko spôsobov, ako to realizovať v praxi.
Inštrukcie
Krok 1
Najprv musíte zistiť, ktorý zo spôsobov, ako je pozadie nastavené v aktuálnej verzii webu. Ak to chcete urobiť, otvorte kód HTML stránky. Môžete to urobiť pomocou jednoduchého textového editora stiahnutím súboru zo servera vopred. Alebo môžete použiť editor stránok systému na správu obsahu, ak ho používate. Editor stránok nevyžaduje stiahnutie súboru, ale upraví ho priamo na serveri pomocou prehliadača ako rozhrania. Kód HTML otvorenej stránky (HyperText Markup Language) pozostáva z riadkov pokynov pre prehliadač. Opisujú typy, vzhľad a umiestnenie každého z prvkov webovej stránky. Tieto pokyny sa bežne označujú ako „značky“. Aj poradie samotných značiek v kóde stránky sa riadi pravidlami jazyka HTML - sú rozdelené do blokov, z ktorých prvý musí byť blok nadpisu, ktorý začína značkou a končí. Za ním by mal nasledovať blok, ktorý vás teraz zaujíma viac - telo dokumentu. Je obmedzený na značky a. Do úvodnej značky tohto bloku () môžete vložiť informácie o pozadí stránky. Takéto informácie v značkách sa nazývajú „atribúty“. Atribút tagu body, ktorý nastavuje farbu pozadia, je označený ako bgcolor a v kóde by to mohlo vyzerať takto: Tu nastavíme farbu pozadia stránky na striebornú. Prehliadač dokáže rozpoznať niektoré farby podľa ich mien, ale aby sa nemýlili, je lepšie označiť ich hexadecimálne kódy. Táto verzia so striebornou farbou v hexadecimálnom vyjadrení bude vyzerať takto: Musíte teda nájsť značku začínajúcu na <body v kóde stránky a skontrolovať, či má farbu pozadia. Ak je to tak, nahraďte v ňom farebnú indikáciu novou verziou a uložte zmeny na stránku.
Krok 2
Pozadie v aktuálnom dizajne vášho webu je možné nastaviť nie farebne, ale obrázkom. Zodpovedajúci atribút tagu body sa nazýva background a v kóde môže vyzerať takto: Pozadím je tu obrázok bg.jpg
Krok 3
Pri popise vzhľadu stránok s pomerne zložitým dizajnom použite „kaskádové štýly“- CSS (Cascading Style Sheets). Bloky kódu CSS môžu byť obsiahnuté priamo v kóde stránky alebo obsiahnuté v externom súbore s príponou „css“. Musíte vyhľadať značku popisu štýlu začínajúcu značkou <style v hlavičkovej časti kódu stránky (medzi značkami a). Ak obsahuje odkaz na externý súbor, bude vyzerať asi takto: @import "style.css"; Tu je odkaz na šablónu štýlov s názvom style.css. Musíte otvoriť zadaný súbor pre úpravy. A ak neexistuje žiadny odkaz a po úvodnej značke <style sú štýlové pokyny, musíte ich tu upraviť. V obidvoch možnostiach musíte medzi popismi štýlov hľadať tie, ktoré súvisia s telom dokumentu (telo). Tento blok popisov môže vyzerať takto: body {
farba pozadia: strieborná;
farba: čierna;
} Tu musíte nahradiť hodnotu parametra farba pozadia hodnotou vašej novej farby a lepšie v rovnakých hexadecimálnych hodnotách. Možnosť obrázka na pozadí v pokynoch k CSS by mala vyzerať takto: body {
pozadie: # C0C0C0 url (img / bg.jpg) repeat-y;
farba: čierna;
} Tu je odkaz na obrázok podobný tomu, ktorý je diskutovaný vyššie, a # C0C0C0 pred odkazom znamená, že priestor na stránke, ktorý nie je obsadený obrázkom na pozadí, bude mať strieborné pozadie. „Repeat-y“označuje, že obrázok na pozadí by sa mal vynásobiť pozdĺž osi Y (vertikálna).„Repeat-y“je možné nahradiť „Repeat-x“(horizontálna replikácia) alebo „no-repeat“(nereplikovať). Ak neurčíte vôbec opakovanie, obrázok pozadia sa naskladá do priestoru pozadia stránky vo všetkých smeroch.
