Ako vytvorím šablónu webových stránok?

Hotové šablóny pre návrh webových stránok sú platené ajzadarmo, pre každú chuť. Avšak, všetky z nich majú veľkú nevýhodu - nie sú jedinečné. Dokonca aj keď ste si kúpili šablónu, potom ju môže kúpiť aj niekto iný.

Ak chcete byť, ak chcete mať svoje vlastné webové stránky,a nemôžete si objednať dizajn webových stránok v profesionálnom štúdiu? Môžete a mali by ste sa pokúsiť vytvoriť vlastnú šablónu návrhu pre vaše stránky. Šablóna je druh prípravy na návrh stránok Vášho webového projektu, ktorý potom vyplníte potrebným obsahom.

Takže, kde začať. Prvý krok - predbežne starostlivo zvážiť, akoChcete vidieť dizajn vášho webu, môže sa to zdať zbytočné. Avšak iba na prvý pohľad. Je lepšie kresliť budúci dizajn na papieri, experimentovať s rôznymi možnosťami a až potom začať pracovať v grafickom editore.

Ďalší krok, ako ste pravdepodobne už uhádli, kreslí dizajn v grafickom editore. Ktorý zároveň vyberá editor - záležitosť osobných vkusov a preferencií. Najbežnejší grafický balík - Adobe Phohtoshop, takže zvážte vytvorenie šablóny pre návrh stránky bude na jeho príklade.

Stránky vašej budúcej stránky budú bunky v tabuľke, ak používate rozloženie tabuľky alebo bloky, ak je blok. Umiestnite obrázok, ktorý ste nakreslili dizajnové usporiadanie do týchto buniek alebo blokov je ďalším krokom pri vytváraní šablóny lokality. Ak to chcete urobiť, musíte rozdeliť jeden obrázok na niekoľko častí podľa počtu a veľkosti buniek alebo blokov, ktoré potrebujete.

V programe Adobe Phohtoshop je špeciálny nástroj na rezanie obrazov - Nástroj na rezanie, S týmto nástrojom, doslova ako nôžobraz sa rozreže na požadovaný počet kusov. Je potrebné vziať do úvahy, že pri vyplňovaní textu môžu niektoré bunky tabuľky alebo bloky na stránke stránok "stretnúť". Preto je pre tieto bunky potrebné vyrezať kúsky obrazu tak, aby pri kopírovaní nevytvárali dojem dlaždice.

Keď je obraz rozrezaný na požadovaný počet častí, musíte ho uložiť. V Adobe Phohtoshop je to jednoduché. V ponuke súbor musíte vybrať položku Uložiť pre webové zariadenia, V dialógovom okne, ktoré sa zobrazí, musítevyberte typ súboru "HTML & obrázky", zadajte názov súboru "index.htm" alebo "index.html" (príponu .htm je vhodnejší) a uložte tento súbor do koreňového priečinka vašej budúcej stránky. Ak sa všetko vykonalo správne, v tomto priečinku sa zobrazí príslušný súbor index.html a adresár obrázkov. Na obrázkoch budú všetky nakrájané kúsky obrazu.

Čo ďalej? Zostáva iba upraviť súbor index.html takže keď ho vyplníte textomNeexistovala žiadna pretrhnutie obrazu alebo biele pruhy. Aby sme sa vyhli takýmto problémom, je potrebné vybrať, pre ktoré bunky by mali byť obrázky na pozadí, ktoré bunky budú natiahnuté alebo kombinované. Nenechajte sa odradiť, ak sa vám nepodarilo dokonale odstrihnúť obraz od prvého dňa, možno budete potrebovať niekoľko bolestivých pokusov. Výsledkom je, že dizajn vášho webu bude presne to, čo ste chceli, a stránka samotná vás poteší originalita a jedinečnosť.

Na základe materiálov stránky webstudio2u.net