Reći ću vam na konkretnom primjeru kako sam napravio šablon za uCoz. Ovo nije detaljno uputstvo i nije poziv na akciju, ovo je jednostavna priča o tome kako sam napravio šablon. Pisaću o zadnjem šablonu, čak postoji i video. Htjela sam snimiti cijeli proces, ali nekako nisam trošila vrijeme na to, a nisam još otkrila tajne, snimila sam samo izradu layout-a i layout-a.

Imam spisak ideja za materijale i članke koje treba jednog dana dodati na sajt, sada ima 20 stavki na ovoj listi, ali volim slične teme sa ove liste gde ne treba davati uputstva gde slobodno pričati o tome i o tome.

1. Odlučeno za temu

Hteo sam da uradim nešto istovremeno neophodno, a ne teško. Inače, imam još jednu listu - ovo je lista tema šablona.

2. Napravljen layout (2 sata)

Prema strukturi, odlučio sam da napravim jednostavan i razumljiv šablon. Unaprijed sam odlučio šta će se generalno dešavati, a raspored elemenata je samo približno. Otvorio sam Photoshop, pogledao nekoliko analoga, ovo su interfejsi na temu obrazovanja.

Evo videa kako je bilo.

Video je uklonjen.

3. Napravljeno (4-5 sati)

Ovde je sve jasno. U početku sam samo napravio kako jeste, a zatim dodao prilagodljivost za mobilne telefone. Za ovaj slučaj nisam napravio izgled, već sam ga smislio u hodu. U videu postoji trenutak kada zbog greške nisam dobio iste materijale kao na layoutu, ali mi se svidio, ostavio sam ga.

Video je uklonjen.

4. Povukao sam šablon na uCoz

Pa nisam ga samo pooštrio i to je to, plan je bio da doradim temu upravo u uCoz kontrolnom panelu. Uvek sam to radio i nastaviću da radim. Nisam pažljivo promišljao stranice, ali ne mislim da sam to učinio slučajno. Dapače, na jednostavan način, ali nisam htio ostaviti ni standardne.

5. Sastavio sam arhivu šablona: rasuo kod u fajlove i napisao uputstva

Otprilike 2 dana pisao sam uputstva i distribuirao kod u fajlove i fascikle. Mislim da bi to moglo da se uradi za 2-3 sata.

6. Kreiran demo sajt

Da, napravio sam još jedan sajt za šablon da proverim instalaciju šablona, ​​proverite uputstva. Pronašao sam greške i u uputama i u samom predlošku. Osim toga, u to vrijeme sam provjerio temu u različitim pretraživačima i pronašao još više grešaka. Popravio sve.

7. Napravio prezentaciju šablona

Već sam napravio opis šablona tako što sam ukucao uputstva, a sada bih želeo da dodam dugačku svetlu prezentaciju šablona.

8. Dodan šablon na uTemplate

Dodao sam ga kasno navečer, očekivao sam da će mi, kao i uvijek, ukazati na greške i da će šablon trebati ispraviti. Ovoga puta to nije bio slučaj, šablon je odmah ušao u katalog. Odredio sam prosječnu cijenu za radnju, dok nema rasprodaje. Možda još nije sezona.

Obično sve radim dugo, šablon napravim u roku od mjesec dana, polako. Ovdje sam radio intenzivnije, 10 dana. Ima dana između kada nisam unaprijedio posao. Radim to dugo, ne samo zbog lijenosti, već i zbog opterećenja u školi. Sa sajtom, generalno, ista situacija.

Prije nego što nastavite s procesom instalacije, morate pronaći odgovarajući dizajn. Preporučio bih korištenje šablona samo iz pouzdanih izvora, kao što su: zvanična trgovina od uCoz-a ili na stranicama koje su specijalizirane za ovu oblast.

U tom slučaju možete biti sigurni u kvalitetu predloška i njegove performanse. Naravno, možete guglati ili koristiti razne proizvode - ali vrlo često naiđu na ripove, neradne dizajne ili još gore fajlove sa virusima. Stoga, pristupite pitanju odabira izvora sa punom ozbiljnošću, jer od toga ovisi ne samo uspjeh operacije, već i sigurnost vaše stranice. Za ovaj članak, instalirat ću besplatni predložak DesktopChaos sa uTemplate.pro.

Preuzimanje datoteke šablona

Dakle, preuzmite arhivu sa šablonom:

Unutar arhive postoji nekoliko podmapa:

• folder sa slikama (slike, img);
• folder sa skriptama (js);
• folder sa stilovima (css);
• fascikle sa kodovima Globalnih blokova, Informera itd.

Takođe u arhivi se po pravilu nalaze:

• instruction.txt (ReadMe.txt) - toplo preporučujem da ga pročitate;
• šablon constructor.txt (tmpl.txt) - opšti kod okvira;
• stylesheet.txt (css.txt, style.txt) - datoteka sa skupom stilova;
• vrsta materijala.txt - sadrži šifru vrste materijala;
• i druge tekstualne datoteke sa kodovima koji su potrebni za potpunu instalaciju predloška.

Bilješka: sadržaj vaše arhive može se razlikovati od mog šablona (ovo zavisi od tipa, strukture, složenosti šablona i drugih faktora).

Pravljenje rezervne kopije trenutnog šablona

Prije nego što nastavite s instalacijom novog predloška, ​​preporučujem da napravite sigurnosnu kopiju trenutnog predloška (za svaki slučaj)

Da biste to učinili, idite na "Kontrolna tabla" vaše stranice - "Dizajn" - "Rezervna kopija predloška":

Pritisnemo dugme "Kreiraj rezervnu kopiju" u gornjem desnom uglu, nakon čega ćete videti arhivu rezervne kopije koja se pojavljuje sa vašim trenutnim šablonom obrasca "1372338464.zip" sa datumom kreiranja u zagradama:

I još nešto: prije instaliranja novog šablona Preporučujem aktiviranje svih potrebnih modula: one koje trenutno želite koristiti i one koje biste možda željeli koristiti u budućnosti. Ovo je da bi se osiguralo da je vaš novi predložak ispravno instaliran i prikazan u svim modulima.

Korak po korak upute za instaliranje šablona na uCoz:

Instalacija šablona se vrši prema uputstvu koje se nalazi u vašoj arhivi sa šablonom. Kao što sam rekao u okviru ovog članka, prikazat ću instalaciju šablona DesktopChaos.

Korak 1.

Otpremite folder sa slikama na naš server. Ovo se može uraditi na dva načina.

Prvi način - preko FTP klijenta, kao što je FileZilla. Preuzmite i instalirajte program: http://filezilla.ru/get/.

Nakon toga, na glavnoj stranici Control Panela kliknite i postavite novu lozinku:

Nakon toga otvorite FileZilla ftp manager, na samom vrhu unesite Host, korisničko ime i lozinku, kliknite na "Brza veza":

U lijevom dijelu menadžera nalazimo fasciklu sa slikama našeg šablona, ​​kliknite desnim tasterom miša na njega, u meniju koji se pojavi kliknite na "Prenesi na server". Spreman. Sada su slike na našem serveru.

Ova metoda je pogodna za korištenje ako trebate učitati mnogo slika ili drugih datoteka.

Drugi način - otpremite slike putem File manager. Idite na glavnu stranicu PU i kliknite na "Upravitelj datotekama":

U gornjem desnom uglu kliknite Kreiraj folder, unesite naziv slike i pritisnite Enter:

Idemo u ovaj folder. Da biste u njega učitali slike, kliknite na "Odaberi datoteku", odaberite sliku i kliknite na Upload file. Možete dodati polja za nekoliko datoteka sa zelenim znakom plus.

Na taj način postavljamo sve slike iz foldera slika na server.

Korak-2.

Postavite (ako je potrebno) vrijednost oznake . Idite na "PU (Kontrolna tabla)" - "Postavke" - "Opće postavke" i zalijepite kod u odgovarajuće polje:

Korak-3.

Instaliranje stilskog lista. Da bismo to učinili, u arhivi pronađemo datoteku "Style sheet.txt", otvorimo i kopiramo sav kod iz nje (Ctrl + A, Ctrl + C) i zalijepimo ga umjesto starog koda u "PU" - "Dizajn " - "Upravljanje dizajnom (CSS) )" - "Stilski list (CSS)":

Korak-4.

Instalirajte kod iz datoteke "Konstruktor šablona". Otvorite datoteku iz arhive "Template Builder.txt", kopirajte sav sadržaj i zalijepite je u "PU" - "Design" - "Template Builder", pritisnite dugme "Create Templates":

Korak-5.

Sada, na sličan način prenesite sadržaj datoteke "Vrsta materijala.txt" u obliku materijala modula: "Novosti o sajtu", "Blog", "Katalog datoteka", "Katalog članaka". Idite na "PU" - "Dizajn" - "Upravljanje dizajnom (šabloni)":

Kod iz datoteke "Comments view.txt" se na sličan način kopira u "Comments" - "Comments view".

Korak-6.

Kreirajte globalni blok. Idite na "PU" - "Dizajn" - "Upravljanje dizajnom (šabloni)" - "Globalni blokovi":

U gornjem desnom uglu kliknite na "Dodaj blok", u polje koje se pojavi upišite naziv INFO bloka i kliknite na "Dodaj":

Pronađite folder "Global Blocks" u arhivi i otvorite datoteku "INFO.txt", kopirajte sadržaj datoteke i zalijepite je u novokreirani globalni blok INFO, sačuvajte:

Korak-7.

Postavite tražene vrijednosti:

• Naziv Informera: Najnovije vijesti;
• Odjeljak: Vijesti na stranici (bilo "Blog" ili "Katalog datoteka" ili "Katalog članaka");
• Tip podataka: Materijali;
• Način razvrstavanja: Datum dodavanja materijala D;
• Broj materijala: 5;
• Broj kolona: 1.

Kliknite na "Kreiraj".

Nakon toga, blok sa informerom koji smo kreirali se pojavljuje malo niže, desno vidimo ikone u njemu, odaberite prvu od njih "Upravljanje dizajnom Informera" i zalijepite sadržaj datoteke "Posljednje vijesti" iz "Informers" folder u prozor koji se pojavi, sačuvajte:

Šifra ovog informatora $MYINF_1$ umetnite u globalni blok koji smo ranije kreirali INFO.

Forum informator je kreiran na sličan način.

Ovim je završena instalacija DesktopChaos šablona.

Usput, ako niste shvatili kako instalirati novi predložak na svoju web stranicu, tada možete naručiti uslugu instalacije predloška u službenoj trgovini uTemplate.pro.

Jeste li kreirali vlastitu web stranicu na Ucoz.ru hostingu? Zatim se trebate upoznati s parametrima održavanja stranice - s postavkama. Svi znamo da je originalnost portala prvenstveno određena njegovim izgledom. Da biste promijenili izgled stranice, trebat će vam gotove sheme. Možete koristiti standardne, ali Ucoz predložak stranice neće biti vaša stvar. A ako želite da naglasite jedinstvenost svog čvora, onda morate da kreirate sopstveni dizajn kola. Ali čak i za one koji nemaju iskustva sa stilizovanjem, Ucoz ima šablone koje obezbeđuju amateri ili webmasteri. Nalaze se na stranicama ili forumima koje možete lako pronaći u tražilicama svjetske mreže.

Reći ću neupućenima kako da instaliraju šablon na Ucoz. Pronašli ste odgovarajuću šemu, preuzeli i izdvojili datoteku koja nam je potrebna iz arhive. Sljedeće pitanje je šta dalje. Morate razumjeti kako instalirati šablon na Ucoz. Razmotrimo ovo detaljnije.

Njihovi kreatori ne predviđaju uvijek činjenicu da korisnik ne zna kako promijeniti šablon u Ucoz, i ne trude se uložiti upute u arhivu, stoga vam otkrivam ovu tajnu. Dakle, instaliramo predložak na vašu web stranicu. Prvo kliknite na dugme "upravljač datotekama". Datoteke koje su ranije preuzete bit će potrebne za popunjavanje root stranice. To jest, datoteka, odnosno mapa koja sadrži slike za vašu web stranicu, mora biti u upravitelju datoteka. Pogledajte sadržaj arhive. Trebalo bi da postoje 2 notepad-a sa kodovima i fascikla za upravljanje datotekama. "Template Builder" je mjesto gdje trebate unijeti jedan od kodova u notepad. Drugi sadrži CSS kod stranice (obično ekstenzija .css), koji bi trebao zamijeniti sav sadržaj iz "CSS Style Sheet" koji se nalazi u Admin-u. Paneli.

Fascikla u upravitelju datoteka, u koju "punjavate" folder sa šablonom, mora biti nazvana slično kao i druga. Biće praktičnije instalirati shemu pomoću FTP-a, i što je najvažnije, uštedjet će vam vrijeme. Uz FTP, možete postaviti veliki broj datoteka. Ako vam nijedna od predstavljenih opcija za sheme dizajna ne odgovara, uvijek možete kreirati pojedinačni predložak. Pored uobičajenog tipa šema, postoje i DLE i PSD tipovi, koje možete instalirati ako vam se sviđa ovaj dizajn. Instaliranje će biti malo teže.

Na Ucoz PSD formatu? U početku ga treba konvertovati i rasporediti u HTML šemu. Da biste to učinili, trebat će vam dva programa: PhotoShop i Dremweaver. Izmjena PhotoShop dokumenta (PSD) u PhotoShop-u. Moraćete da sastavite datoteku u Dremweaveru da biste dobili HTML šemu. Detalji o ovim operacijama mogu se pronaći na web stranicama koje su specijalizirane za ove teme. Zatim morate promijeniti tekst svoje web stranice koristeći Možete jednostavno promijeniti tekst koji je naveden u predlošku u svoj, tako da će vam biti lakše kretati se i malo razumjeti notaciju, a također ćete saznati da neki kodovi sadrže drugi. Za detaljnije proučavanje, možete se obratiti na forum tehničke podrške. Popunjavamo CSS tabelu, unosimo kod za okvir stranice i popunjavamo ga upraviteljem datoteka. I dizajn vaše web stranice je spreman.

Sada možemo razmotriti instalaciju DLE šablona. Također postavljamo folder sa slikama i CSS kodom, i ostalo. Zatim otvorite mailn.tpl pomoću notepada. Sve što je izašlo kopiramo u bilježnicu, a zatim zalijepimo u odjel za uređivanje stranica, koji se nalazi u stavci „Stranice web-mjesta“. Zatim prelazimo na brzu zamjenu sekcija šablona. Tamo uklonite (TEMA) i ostavite donje polje prazno, a popunite gornje - (TEMA). I konačno, uređujete kolo zahvaljujući kodovima.

Morate se unaprijed pripremiti za rad sa šemama, na primjer, poznavanje HTML-a će vam puno pomoći. Općenito, svatko će moći kreirati vlastitu jedinstvenu web stranicu koristeći ovu jednostavnu instrukciju koja će početniku reći kako instalirati predložak na Ucoz.

Reći ću vam na konkretnom primjeru kako sam napravio šablon za uCoz. Ovo nije detaljno uputstvo i nije poziv na akciju, ovo je jednostavna priča o tome kako sam napravio šablon. Pisaću o zadnjem šablonu, čak postoji i video. Htjela sam snimiti cijeli proces, ali nekako nisam trošila vrijeme na to, a nisam još otkrila tajne, snimila sam samo izradu layouta i layouta.
Imam spisak ideja za materijale i članke koje treba jednog dana dodati na sajt, sada ima 20 stavki na ovoj listi, ali volim slične teme sa ove liste gde ne treba davati uputstva gde slobodno pričati o tome i o tome.

1. Odlučeno za temu
Hteo sam da uradim nešto istovremeno neophodno, a ne teško. Inače, imam još jednu listu - ovo je lista tema šablona.

2. Napravljen layout (2 sata)
Prema strukturi, odlučio sam da napravim jednostavan i razumljiv šablon. Unaprijed sam odlučio šta će se generalno dešavati, a raspored elemenata je samo približno. Otvorio sam Photoshop, pogledao nekoliko analoga, ovo su interfejsi na temu obrazovanja.

3. Napravljeno (4-5 sati)
Ovde je sve jasno. U početku sam samo napravio kako jeste, a zatim dodao prilagodljivost za mobilne telefone. Za ovaj slučaj nisam napravio izgled, već sam ga smislio u hodu. U videu postoji trenutak kada zbog greške nisam dobio iste materijale kao na layoutu, ali mi se svidio, ostavio sam ga.

4. Povukao sam šablon na uCoz
Pa nisam ga samo pooštrio i to je to, plan je bio da doradim temu upravo u uCoz kontrolnom panelu. Uvek sam to radio i nastaviću da radim. Nisam pažljivo promišljao stranice, ali ne mislim da sam to učinio slučajno. Dapače, na jednostavan način, ali nisam htio ostaviti ni standardne.

5. Sastavio sam arhivu šablona: rasuo kod u fajlove i napisao uputstva
Otprilike 2 dana pisao sam uputstva i distribuirao kod u fajlove i fascikle. Mislim da bi to moglo da se uradi za 2-3 sata.

6. Kreiran demo sajt
Da, napravio sam još jedan sajt za šablon da proverim instalaciju šablona, ​​proverite uputstva. Pronašao sam greške i u uputama i u samom predlošku. Osim toga, u to vrijeme sam provjerio temu u različitim pretraživačima i pronašao još više grešaka. Popravio sve.

7. Napravio prezentaciju šablona
Već sam napravio opis šablona tako što sam ukucao uputstva, a sada bih želeo da dodam dugačku svetlu prezentaciju šablona.

8. Dodan šablon na stranicu
Dodao sam ga kasno navečer, očekivao sam da će mi, kao i uvijek, ukazati na greške i da će šablon trebati ispraviti. Ovoga puta to nije bio slučaj, šablon je odmah ušao u katalog. Odredio sam prosječnu cijenu za radnju, dok nema rasprodaje. Možda još nije sezona.

Obično sve radim dugo, šablon napravim u roku od mjesec dana, polako. Ovdje sam radio intenzivnije, 10 dana. Ima dana između kada nisam unaprijedio posao. Radim to dugo, ne samo zbog lijenosti, već i zbog opterećenja u školi. Sa sajtom, generalno, ista situacija.

Kada kreirate web stranicu, svi žele da se njihova web stranica razlikuje od drugih. Za to je potreban jedinstven dizajn (kupite u prodavnici šablona). U ovom članku ćemo pogledati kako kreirati vlastiti jedinstveni dizajn od standardnog ucoz dizajna. Da biste promijenili dizajn za sebe, morate otići u odjeljak "Upravljanje dizajnom" na kontrolnoj tabli. Da biste to učinili, prijavite se na ucoz webtob i idite na Dizajn > Upravljanje dizajnom (šabloni) na kontrolnoj tabli. Odgovarajuća stranica će se otvoriti.

U ovom prozoru ćete vidjeti od čega se sastoji dizajn stranice. To su odvojene komponente koje zajedno čine cjelokupnu sliku. Kako bismo ih promijenili, ucoz je obezbijedio nekoliko alata koje ćemo sada analizirati. Na vrhu prozora nalazi se dugme "Konstruktor" pomoću kojeg možete uređivati ​​svoju stranicu u prozoru pretraživača direktno na stranici stranice. Za sada, pogledajmo alate koji se nalaze na kontrolnoj tabli stranice. Kliknite na dugme "Vrh stranice" i otvoriće se prozor za uređivanje ovog predloška dizajna stranice.

Ali mnogi ne znaju html jezik, pa ćemo izabrati drugi put. Koristićemo vizuelni editor. Kliknite na dugme vizuelnog uređivača na dnu prozora. Otvara se vizuelni uređivač gornjeg dela šablona.

Na vrhu ćete vidjeti red $WDAYS$ $DATE$ $TIME$ mi ćemo ih preurediti kao $DATE$ $WDAYS$ $TIME$. Ispod njega je red $USERNAME$, |Grupa "$USER_GROUP$" | RSS što znači da ste se registrovali pod imenom $USERNAME$ i da ste dio grupe "$USER_GROUP$" promijenite u $USERNAME$, |Grupa "$USER_GROUP$" | IP: $IP_ADDRESS$

IP: $IP_ADDRESS$ pokazuje ip registrovanog korisnika. Sljedeći je unos MOJA stranica, možete ga promijeniti u šta god želite ovisno o nazivu vaše stranice. Zatim kliknite na dugme Sačuvaj da sačuvate promene. Na taj način možete promijeniti druge šablone uključene u dizajn stranice.
Da biste bez problema koristili uređeni predložak, potrebno je da napravite rezervnu kopiju. Pomoći će u slučaju da slučajno pokvarite predložak prilikom uređivanja. Za kreiranje sigurnosne kopije idite na odjeljak "uređivanje predložaka" i kliknite na dugme "Predlošci sigurnosne kopije" i kliknite na "predlošci sigurnosne kopije".