Cum fac un șablon de site?

Șabloanele de design site-uri șabloane sunt atât plătite, cât șigratuit, pentru fiecare gust. Cu toate acestea, toate au un dezavantaj uriaș - ele nu sunt unice. Chiar dacă ați cumpărat un șablon, atunci altcineva îl poate cumpăra.

Cum să fiți, dacă doriți să aveți propriul dvs. site web,și nu puteți comanda un design de site într-un studio profesional? Puteți și ar trebui să încercați să creați propriul șablon de design pentru site-ul dvs. Un șablon este un fel de pregătire pentru proiectarea paginilor proiectului dvs. web, pe care apoi le completați cu conținutul necesar.

Deci, de unde să încep. Primul pas - o analiză preliminară atentă, cumVrei să vezi design-ul site-ului tău, poate părea inutil. Cu toate acestea, doar la prima vedere. Este mai bine să desenezi un design pe hârtie, să experimentezi diferite opțiuni și să începi să lucrezi într-un editor grafic.

Următorul pas, după cum probabil ați ghicit deja, desenează un design într-un editor grafic. Care, în același timp, alege editorul - o chestiune de gusturi și preferințe personale. Cel mai comun pachet grafic - Adobe Phohtoshop, deci luați în considerare crearea exemplului pentru proiectarea site-ului.

Paginile site-ului viitoare vor fi celulele tabelului dacă utilizați structura de tabelă sau blocuri, dacă blocați. Plasați imaginea pe care ați desenat-o design layout site-ul în aceste celule sau blocuri este următorul pas în crearea unui șablon de site. Pentru a face acest lucru, trebuie să împărțiți o singură imagine în mai multe părți, după numărul și dimensiunea celulelor sau blocurilor de care aveți nevoie.

În programul Adobe Phohtoshop există un instrument special pentru tăierea imaginilor - Slice Tool. Cu acest instrument, pur și simplu ca un cuțitimaginea este tăiată în numărul necesar de piese. Trebuie să se țină seama de faptul că atunci când se completează textul, unele celule de masă sau blocuri de pe pagina site-ului se pot "întinde". Prin urmare, pentru aceste celule este necesar să se taie bucăți din imagine, astfel încât atunci când se copiază nu creează impresia unei plăci.

Când imaginea este tăiată în numărul necesar de piese, trebuie să o salvați. În Adobe Phohtoshop, acest lucru este ușor. În meniu fișier trebuie să selectați elementul Salvați pentru dispozitive Web. În dialogul care apare, trebuie să faceți clic peselectați tipul de fișier "HTML & images", specificați numele fișierului "index.htm" sau "index.html" (extensia .htm este preferabilă) și salvați acest fișier în dosarul rădăcină al viitorului site. Dacă totul a fost făcut corect, atunci fișierul index.html corespunzător și directorul de imagini vor apărea în acest director. În imagini, vor fi doar toate piesele tăiate ale imaginii.

Ce urmează? Rămâne doar să editați fișierul index.html astfel încât atunci când îl umpleți cu textNu a existat nicio ruptură a imaginii sau a dungilor albe. Pentru a evita astfel de probleme, este necesar să selectați pentru care celule ar trebui să fie imaginile de fond, care celule vor fi întinse sau combinate. Nu vă descurajați dacă nu ați reușit să tăiați perfect imaginea de la prima dată, ați putea avea nevoie de câteva încercări dureroase. Dar, ca rezultat, design-ul site-ului dvs. va fi exact ceea ce v-ați dorit, iar site-ul în sine vă va multumi originalitate și unicitatea.

Pe baza materialelor site-ului webstudio2u.net