Jak vytvořím šablonu webových stránek?

Připravené šablony pro tvorbu webových stránek jsou placené izdarma pro každou chuť. Nicméně, všechny z nich mají obrovskou nevýhodu - nejsou jedinečné. Dokonce i když jste si koupili šablonu, pak ji může koupit někdo jiný.

Jak být, chcete-li mít svůj vlastní web,a nemůžete objednat design webových stránek v profesionálním studiu? Můžete a měli byste se snažit vytvořit vlastní návrhovou šablonu pro vaše stránky. Šablona je druh přípravy na návrh stránek webového projektu, který pak vyplníte potřebným obsahem.

Takže, kde začít. První krok - předběžné pečlivé zváženíChcete vidět návrh vašeho webu, může se zdát zbytečné. Pouze na první pohled. Je lepší kreslit na papíře budoucí design, experimentovat s různými možnostmi a teprve potom začít pracovat v grafickém editoru.

Další krok, jak jste pravděpodobně již uhádli, kreslí design v grafickém editoru. Které zároveň vybírá editor - záležitost osobních vkusů a preferencí. Nejběžnější grafický balíček - Adobe Phohtoshop, takže zvážit vytvoření šablony pro návrh stránky bude na jeho příkladu.

Stránky vašeho budoucího webu budou buňkami tabulky, pokud použijete rozvržení tabulky nebo bloky, pokud blokujete. Umístěte obrázek, který jste nakreslili design layout do těchto buněk nebo bloků je dalším krokem při vytváření šablony webu. Chcete-li to provést, musíte rozdělit jeden snímek na několik částí podle počtu a velikosti buněk nebo bloků, které potřebujete.

V programu Adobe Phohtoshop je speciální nástroj pro řezání obrázků - Slice Tool. S tímto nástrojem, doslova jako nůžobraz se rozřízne na požadovaný počet kusů. Mělo by se vzít v úvahu, že při vyplňování textu mohou některé buňky tabulky nebo bloky na stránce stránek "roztáhnout". Proto je pro tyto buňky nutné vyříznout části obrazu tak, aby při kopírování nevytvářely dojem dlaždice.

Když je snímek vyříznut na požadovaný počet součástí, musíte jej uložit. V Adobe Phohtoshopu je to snadné. V nabídce Soubor musíte vybrat položku Uložit pro webové zařízení. V dialogu, který se zobrazí, musítevyberte typ souboru "HTML & images", zadejte název souboru "index.htm" nebo "index.html" (přípona .htm je vhodnější) a uložte tento soubor do kořenové složky vašeho budoucího webu. Pokud bylo vše provedeno správně, zobrazí se v tomto adresáři příslušný soubor index.html a adresář obrázků. Na obrázcích budou všechny nakrájené části obrazu.

Co bude dál? Zbývá pouze upravit soubor index.html takže při vyplňování textuNeexistovala žádná prasknutí obrazu nebo bílých pruhů. Abychom se vyhnuli takovým problémům, je nutné vybrat, na které buňky by měly být obrázky na pozadí, které buňky budou roztaženy nebo kombinovány. Nenechte se odradit, pokud se vám nepodařilo dokonale snížit obraz od prvního okamžiku, možná budete potřebovat několik bolestivých pokusů. Výsledkem je, že návrh vašich stránek bude přesně to, co jste chtěli, a samotné stránky vás potěší originality a jedinečnost.

Na základě materiálů webu webstudio2u.net