Když vytváříte vlastní web, přirozeně chcete, aby se zobrazoval co nejatraktivněji bez ohledu na verzi prohlížeče uživatele. Zejména proto, aby byl obraz pozadí natažen a upraven na rozlišení monitoru počítače.
Je to nutné
dovednosti v práci s html, css, java-script
Instrukce
Krok 1
Otevřete kód svého webu v libovolném editoru, jako je například Poznámkový blok nebo speciální program pro návrh webů, Dreamweaver. Vložte následující řádky do kódu, aby se roztáhlo pozadí webu. Přidat pozadí: url („Vložit odkaz na obrázek“).
Krok 2
Chcete-li obrázek zvětšit vodorovně, použijte následující kód: Pozadí: url (‘Vložte odkaz na obrázek’ repeat-x), svisle - na konci kódu nahraďte x za y. Pokud je web stylizovaný v souboru css, vložte do něj kód. Tímto způsobem budete moci na svůj web vložit gumové pozadí.
Krok 3
Následující příklad kódu použijte k umístění obrázku na pozadí na stránku a jeho automatickému roztažení tak, aby odpovídalo rozlišení monitoru, na kterém je stránka prohlížena. Příklad kódu: body {background: "Vložte odkaz na obrázek na pozadí" () no-repeat pevný levý střed; pak velikost pozadí: […].
Krok 4
Chcete-li roztáhnout obrázek na pozadí, jednoduše vložte obrázek jako pozadí a nastavte jeho šířku na 100%. Například vložte do textu stránky následující text: obrázek na pozadí "alt =" Zadejte název obrázku "/>. Bude tedy použit k přizpůsobení šířce obrázku, ale jeho rozměry budou porušeny.
Krok 5
Podobně můžete nastavit obrázek tak, aby se roztahoval do výšky, místo atributu width (šířka) se použila výška. Nebo použijte následující příklad kódu pro css: obrázek na pozadí webu) "> a poté přidejte 100% šířku obrázku jako v předchozím příkladu. Také můžete pomocí skriptu zjistit rozlišení obrazovky uživatele a upravit velikost vašeho stolu za to.
