Jak Udělat Gumový Obrázek

Obsah:

Jak Udělat Gumový Obrázek
Jak Udělat Gumový Obrázek

Video: Jak Udělat Gumový Obrázek

Video: Jak Udělat Gumový Obrázek
Video: Pokusy pro děti - Škrábací obrázek 2024, Listopad
Anonim

„Pryž“je obrázek, který má schopnost měřítka. Takový obrázek můžete vytvořit pomocí počítačových programů. Jeho pohodlí spočívá ve skutečnosti, že se „táhne“požadovaným směrem. Taková tvorba webu se úspěšně zobrazuje v libovolném prohlížeči. Pokud obrázek obsahuje některé užitečné prvky, vlastnosti „gumy“zvyšují jeho funkčnost.

Jak udělat gumový obrázek
Jak udělat gumový obrázek

Je to nutné

obrázek, web, program Adobe Photoshop, aplikace Poznámkový blok, kód HTML, kořenový adresář vašeho webu

Instrukce

Krok 1

Najděte nebo vytvořte obrázek, který chcete změnit a umístit na internet. Spusťte Adobe Photoshop. Otevřete tento obrázek v programu. Najděte nástroj řezy na panelu nástrojů. Použijte jej k rozřezání obrazu na kousky. Rozdělte jej tak, aby celý obrázek sestával ze tří grafických prvků a centrální byl prázdný. To pomůže roztažení obrazu při jakémkoli rozlišení monitoru.

Krok 2

Uložte obrázek optimalizovaný pro webový formát (Uložit pro web). Při ukládání nastavte požadovaný formát souboru - gif, jpeg nebo png. Chcete-li změnit jednotlivé části obrazu, najděte v nabídce možnost Nástroj pro výběr řezu a změňte části obrazu tak, aby byla velikost minimální s co nejmenší ztrátou kvality během vykreslování na obrazovce. Po změně uložte obrázky jako html a obrázky.

Krok 3

Po uložení obrázků začněte upravovat kód HTML. Otevřete uložený html dokument v poznámkovém bloku. Vymažte všechny řádky kódu, které nejsou potřeba. Ponechat beze změny pouze data tabulky, do které jsou obrázky vloženy

Krok 4

Na řádcích namísto yourimage

Krok 5

Aby se střední část obrazu roztáhla, když jsou extrémní části rozloženy od sebe, zapište do řádků kódu potřebné informace. Zadejte parametry (šířka a výška) vlastního obrázku.

Krok 6

Nahrajte vytvořené obrázky do kořenového adresáře webu. Určete nové cesty k obrázkům na serveru a upravte tak kód HTML. Vložte kód obrázku mezi značky.

Krok 7

Zkontrolujte vlastnosti obrázku. Zkuste to zvětšit online. Obrázek musí být flexibilní v každém směru.

Doporučuje: