Jeg vil fortælle dig med et specifikt eksempel, hvordan jeg lavede en skabelon til uCoz. Dette er ikke en detaljeret instruktion og ikke en opfordring til handling, dette er en simpel historie om, hvordan jeg lavede skabelonen. Jeg vil skrive om den sidste skabelon, der er endda en video. Jeg ville filme hele processen, men på en eller anden måde brugte jeg ikke tid på det, og jeg afslørede ikke hemmelighederne endnu, jeg filmede kun skabelsen af ​​layout og layout.

Jeg har en liste med ideer til materialer og artikler, der skal tilføjes til siden en dag, der er 20 punkter på denne liste nu, men jeg kan godt lide lignende emner fra denne liste, hvor du ikke behøver at give instruktioner, hvor jeg frit kan snak om dit og dat.

1. Besluttet emnet

Jeg ønskede at gøre noget på samme tid nødvendigt og ikke svært. Forresten har jeg en anden liste - dette er en liste over skabelonemner.

2. Lavet et layout (2 timer)

I henhold til strukturen besluttede jeg at lave en enkel og forståelig skabelon. Jeg besluttede på forhånd, hvad der vil ske generelt, og arrangementet af elementerne er kun cirka. Jeg åbnede Photoshop, så på flere analoger, disse er grænseflader om emnet uddannelse.

Her er en video af, hvordan det var.

Video fjernet.

3. Lavet op (4-5 timer)

Alt er klart her. Først lavede jeg det som det er, og tilføjede derefter tilpasningsmuligheder til mobiltelefoner. Til denne sag lavede jeg ikke et layout, jeg fandt på det på farten. Der er et øjeblik i videoen, hvor jeg på grund af en fejl ikke fik den samme slags materialer som i layoutet, men jeg kunne lide det, jeg forlod det.

Video fjernet.

4. Jeg trak skabelonen på uCoz

Nå, jeg strammede det ikke bare op, og det var det, planen var at forfine temaet lige i uCoz kontrolpanel. Det har jeg altid gjort og vil fortsætte med at gøre det. Jeg tænkte ikke omhyggeligt igennem siderne, men jeg tror ikke, at jeg gjorde det tilfældigt. Snarere på en enkel måde, men jeg ville heller ikke forlade de standard.

5. Jeg kompilerede et skabelonarkiv: spredte koden i filer og skrev instruktioner

I omkring 2 dage skrev jeg instruktioner og distribuerede koden i filer og mapper. Dette tror jeg kunne klares på 2-3 timer.

6. Oprettet en demoside

Ja, jeg lavede et andet websted til skabelonen for at kontrollere installationen af ​​skabelonen, tjek instruktionerne. Jeg fandt fejl både i instruktionerne og i selve skabelonen. Derudover tjekkede jeg på det tidspunkt temaet i forskellige browsere, og fandt endnu flere fejl. Rettede alt.

7. Lavede en præsentation af skabelonen

Jeg har allerede lavet beskrivelsen af ​​skabelonen ved at skrive instruktionerne, og nu vil jeg gerne tilføje en lang lys præsentation af skabelonen.

8. Tilføjet skabelon på uTemplate

Jeg tilføjede det sent på aftenen, jeg forventede, at de som altid ville påpege fejl for mig, og skabelonen skulle rettes. Denne gang var det ikke tilfældet, skabelonen kom straks ind i kataloget. Jeg sætter gennemsnitsprisen for butikken, mens der ikke er udsalg. Måske er det ikke sæsonen endnu.

Normalt laver jeg alt i lang tid, jeg laver skabelonen inden for en måned, langsomt. Her arbejdede jeg mere intensivt, i 10 dage. Der er dage imellem, hvor jeg ikke rykkede arbejdet frem. Jeg gør det i lang tid, ikke kun på grund af min dovenskab, men på grund af arbejdsbyrden i skolen. Med webstedet, generelt, den samme situation.

Før du går videre til installationsprocessen, skal du finde et passende design. Jeg vil anbefale kun at bruge skabeloner fra pålidelige kilder, såsom: den officielle butik fra uCoz eller på websteder, der specialiserer sig i dette område.

I dette tilfælde kan du være sikker på kvaliteten af ​​skabelonen og dens ydeevne. Selvfølgelig kan du google eller bruge forskellige warez - men meget ofte støder de på rips, ikke-fungerende designs eller endnu værre filer med virus. Tag derfor fat på spørgsmålet om at vælge en kilde med fuld alvor, da ikke kun succesen med operationen, men også sikkerheden på dit websted afhænger af det. Til denne artikel vil jeg installere den gratis DesktopChaos skabelon fra uTemplate.pro.

Download af en skabelonfil

Så download arkivet med skabelonen:

Inde i arkivet er der flere undermapper:

• mappe med billeder (billeder, img);
• mappe med scripts (js);
• styles mappe (css);
• mapper med koder for Global blokke, Informere mv.

Også i arkivet er der som regel:

• instruction.txt (ReadMe.txt) - Jeg anbefaler stærkt, at du læser den;
• skabelon constructor.txt (tmpl.txt) - generel rammekode;
• stylesheet.txt (css.txt, style.txt) - en fil med et sæt stilarter;
• type materialer.txt - indeholder koden for typen af ​​materialer;
• og andre tekstfiler med koder, der er nødvendige for fuldt ud at installere skabelonen.

Bemærk: indholdet af dit arkiv kan afvige fra min skabelon (dette afhænger af skabelonens type, struktur, kompleksitet og andre faktorer).

Lav en sikkerhedskopi af den aktuelle skabelon

Inden du fortsætter med installationen af ​​en ny skabelon, anbefaler jeg at lave en sikkerhedskopi af den nuværende skabelon (for en sikkerheds skyld)

For at gøre dette skal du gå til "Kontrolpanel" på dit websted - "Design" - "Skabelonsikkerhedskopiering":

Vi trykker på knappen "Opret en sikkerhedskopi" i øverste højre hjørne, hvorefter du vil se sikkerhedskopieringsarkivet, der vises med din nuværende skabelon af formularen "1372338464.zip" med oprettelsesdatoen i parentes:

Og en ting mere: før du installerer en ny skabelon Jeg anbefaler at aktivere alle de nødvendige moduler: dem, du i øjeblikket vil bruge, og dem, du måske vil bruge i fremtiden. Dette er for at sikre, at din nye skabelon er korrekt installeret og vist i alle moduler.

Trin-for-trin instruktioner til installation af en skabelon på uCoz:

Installationen af ​​skabelonen sker i henhold til instruktionerne, der er inde i dit arkiv med skabelonen. Som jeg sagde inden for rammerne af denne artikel, vil jeg vise installationen af ​​skabelonen DesktopChaos.

Trin 1.

Upload billedmappen til vores server. Dette kan gøres på to måder.

Første vej - via en FTP-klient, såsom FileZilla. Download og installer programmet: http://filezilla.ru/get/.

Derefter skal du på kontrolpanelets hovedside klikke og indstille en ny adgangskode:

Åbn derefter FileZilla ftp-manageren, indtast værten, brugernavnet og adgangskoden øverst øverst, og klik på "Hurtig forbindelse":

I venstre del af manageren finder vi en mappe med billeder af vores skabelon, højreklik på den, i menuen der kommer frem, klik på "Upload til server". Parat. Nu er billederne på vores server.

Denne metode er praktisk at bruge, hvis du skal uploade mange billeder eller andre filer.

Anden vej - upload billeder via Filhåndtering. Gå til hovedsiden af ​​PU og klik på "Filhåndtering":

I øverste højre hjørne skal du klikke på Opret mappe, indtaste navnebillederne og trykke på Enter:

Lad os gå til denne mappe. For at uploade billeder til det, klik på "Vælg en fil", vælg et billede og klik på Upload fil. Du kan tilføje felter til flere filer med et grønt plustegn.

Således uploader vi alle billederne fra billedmappen til serveren.

Trin-2.

Indstil (om nødvendigt) værdien af ​​tagget . Gå til "PU (Kontrolpanel)" - "Indstillinger" - "Generelle indstillinger" og indsæt koden i det relevante felt:

Trin-3.

Installation af typografiarket. For at gøre dette finder vi filen "Style sheet.txt" i arkivet, åbner og kopierer al koden fra den (Ctrl + A, Ctrl + C) og indsætter den i stedet for den gamle kode i "PU" - "Design " - "Design Management (CSS) )" - "Stilark (CSS)":

Trin-4.

Installer koden fra filen "Template Constructor".Åbn filen fra "Template Builder.txt"-arkivet, kopier alt indholdet og indsæt det i "PU" - "Design" - "Template Builder", tryk på knappen "Create Templates":

Trin-5.

Nu på lignende måde overføre indholdet af filen "Type of materials.txt" i form af modulmaterialer: "Site News", "Blog", "File Catalog", "Artikelkatalog". Gå til "PU" - "Design" - "Design Management (skabeloner)":

Koden fra filen "Comments view.txt" kopieres på samme måde til "Comments" - "Comments view".

Trin-6.

Opret en global blok. Gå til "PU" - "Design" - "Design management (skabeloner)" - "Globale blokke":

I øverste højre hjørne skal du klikke på "Tilføj blok", i feltet der vises, skriv navnet på INFO-blokken og klik på "Tilføj":

Find mappen "Global Blocks" i arkivet og åbn filen "INFO.txt", kopier indholdet af filen og indsæt den i den nyoprettede INFO globale blok, gem:

Trin-7.

Indstil de nødvendige værdier:

• Informer navn: Seneste nyt;
• Sektion: Nyheder fra webstedet (enten "Blog" eller "Filkatalog" eller "Artikelkatalog");
• Datatype: Materialer;
• Sorteringsmetode: Dato for tilføjelse af materiale D;
• Antal materialer: 5;
• Antal kolonner: 1.

Klik på "Opret".

Derefter vises en blok med den informer, vi oprettede, lidt lavere, til højre ser vi ikoner i den, vælg den første af dem "Informer Design Management" og indsæt indholdet af filen "Seneste nyheder" fra "Informers" mappe i det vindue, der vises, gem:

Kode for denne meddeler $MYINF_1$ indsæt i den globale blok, vi oprettede tidligere INFO.

Foruminformatoren er oprettet på lignende måde.

Dette fuldender installationen af ​​DesktopChaos skabelonen.

Forresten, hvis du stadig ikke har fundet ud af, hvordan du installerer en ny skabelon på dit websted, kan du bestille en skabeloninstallationstjeneste i den officielle uTemplate.pro-butik.

Har du oprettet din egen hjemmeside på Ucoz.ru-hosting? Så bør du sætte dig ind i parametrene for vedligeholdelse af webstedet - med indstillingerne. Vi ved alle, at originaliteten af ​​portalen primært bestemmes af dens udseende. For at ændre webstedets udseende har du brug for færdige ordninger. Du kan bruge de standard, men Ucoz webstedsskabelonen vil ikke være din ting. Og hvis du vil understrege det unikke ved din node, skal du oprette dit eget skemadesign. Men selv for dem, der er uerfarne med styling, har Ucoz skabeloner leveret af amatører eller webmastere. De er placeret på websteder eller fora, som du nemt kan finde i søgemaskinerne på det verdensomspændende web.

Jeg vil fortælle de uindviede, hvordan man installerer en skabelon på Ucoz. Du har fundet et passende skema, downloadet og udtrukket den fil, vi skal bruge, fra arkivet. Det næste spørgsmål er, hvad man så skal gøre. Du skal forstå, hvordan du installerer skabelonen på Ucoz. Lad os overveje dette mere detaljeret.

Deres skabere forudser ikke altid det faktum, at brugeren ikke ved, hvordan man ændrer skabelonen til Ucoz, og gider ikke investere instruktioner i arkivet, derfor afslører jeg denne hemmelighed for dig. Så vi installerer skabelonen på dit websted. Først skal du klikke på knappen "filhåndtering". De filer, der blev downloadet tidligere, vil være nødvendige for at udfylde webstedets rod. Det vil sige, at filen, eller rettere, mappen, der indeholder billederne til din hjemmeside, skal være i filhåndteringen. Se på indholdet af arkivet. Der skal være 2 notesblokke med koder og en mappe til filhåndteringen. "Template Builder" er stedet, hvor du skal indtaste en af ​​koderne i notesblokken. Den anden indeholder webstedets CSS-kode (normalt .css-udvidelsen), som skal erstatte alt indholdet fra "CSS Style Sheet", der findes i Admin. Paneler.

Mappen i filhåndteringen, hvor du "fylder" mappen med skabelonen, skal have samme navn som den anden. Det vil være mere bekvemt at installere skemaet ved hjælp af FTP, og vigtigst af alt vil det spare dig tid. Med FTP kan du placere et stort antal filer. Hvis ingen af ​​de præsenterede muligheder for designskemaer passer dig, kan du altid oprette en individuel skabelon. Ud over den sædvanlige type skemaer er der også DLE- og PSD-typer, som du kan installere, hvis du kan lide netop dette design. At installere det vil være lidt sværere.

På Ucoz PSD-format? I første omgang skal det konverteres og layoutes til et HTML-skema. For at gøre dette skal du bruge to programmer: PhotoShop og Dremweaver. Ændring af et PhotoShop-dokument (PSD) i PhotoShop. Du skal komponere filen i Dremweaver for at få HTML-skemaet. Detaljer om disse operationer kan findes på websteder, der specialiserer sig i disse emner. Dernæst skal du ændre teksten på dit websted ved hjælp af Du kan blot ændre teksten, der er angivet i skabelonen til din egen, så det bliver lettere at navigere og forstå notationen lidt, og også finde ud af, at nogle koder indeholder endnu en. For mere dybdegående undersøgelse kan du henvise til teknisk support-forum. Vi udfylder CSS-tabellen, indtaster koden til webstedsrammen og udfylder den med filhåndteringen. Og dit webstedsdesign er klar.

Nu kan vi overveje at installere DLE-skabelonen. Vi uploader også en mappe med billeder og CSS-kode og resten. Åbn derefter mailn.tpl med notesblok. Vi kopierer alt, der kom ud i en notesbog, og indsætter det derefter i sideredigeringsafdelingen, der er placeret i punktet "Site Pages". Så går vi ind i den hurtige udskiftning af skabelonsektioner. Der skal du fjerne (TEMA) og lade det nederste felt stå tomt, og udfylde det øverste - (TEMA). Og endelig redigerer du kredsløbet takket være koderne.

Du skal forberede dig på forhånd til at arbejde med skemaer, for eksempel vil det at kende HTML hjælpe dig meget. Generelt vil alle være i stand til at oprette deres eget unikke websted ved hjælp af denne enkle instruktion, der fortæller en begynder, hvordan man installerer en skabelon på Ucoz.

Jeg vil fortælle dig med et specifikt eksempel, hvordan jeg lavede en skabelon til uCoz. Dette er ikke en detaljeret instruktion og ikke en opfordring til handling, dette er en simpel historie om, hvordan jeg lavede skabelonen. Jeg vil skrive om den sidste skabelon, der er endda en video. Jeg ville filme hele processen, men på en eller anden måde brugte jeg ikke tid på det, og jeg afslørede ikke hemmelighederne endnu, jeg filmede kun skabelsen af ​​layout og layout.
Jeg har en liste med ideer til materialer og artikler, der skal tilføjes til siden en dag, der er 20 punkter på denne liste nu, men jeg kan godt lide lignende emner fra denne liste, hvor du ikke behøver at give instruktioner, hvor jeg frit kan snak om dit og dat.

1. Besluttet emnet
Jeg ønskede at gøre noget på samme tid nødvendigt og ikke svært. Forresten har jeg en anden liste - dette er en liste over skabelonemner.

2. Lavet et layout (2 timer)
I henhold til strukturen besluttede jeg at lave en enkel og forståelig skabelon. Jeg besluttede på forhånd, hvad der vil ske generelt, og arrangementet af elementerne er kun cirka. Jeg åbnede Photoshop, så på flere analoger, disse er grænseflader om emnet uddannelse.

3. Lavet op (4-5 timer)
Alt er klart her. Først lavede jeg det som det er, og tilføjede derefter tilpasningsmuligheder til mobiltelefoner. Til denne sag lavede jeg ikke et layout, jeg fandt på det på farten. Der er et øjeblik i videoen, hvor jeg på grund af en fejl ikke fik den samme slags materialer som i layoutet, men jeg kunne lide det, jeg forlod det.

4. Jeg trak skabelonen på uCoz
Nå, jeg strammede det ikke bare op, og det var det, planen var at forfine temaet lige i uCoz kontrolpanel. Det har jeg altid gjort og vil fortsætte med at gøre det. Jeg tænkte ikke omhyggeligt igennem siderne, men jeg tror ikke, at jeg gjorde det tilfældigt. Snarere på en enkel måde, men jeg ville heller ikke forlade de standard.

5. Jeg kompilerede et skabelonarkiv: spredte koden i filer og skrev instruktioner
I omkring 2 dage skrev jeg instruktioner og distribuerede koden i filer og mapper. Dette tror jeg kunne klares på 2-3 timer.

6. Oprettet en demoside
Ja, jeg lavede et andet websted til skabelonen for at kontrollere installationen af ​​skabelonen, tjek instruktionerne. Jeg fandt fejl både i instruktionerne og i selve skabelonen. Derudover tjekkede jeg på det tidspunkt temaet i forskellige browsere, og fandt endnu flere fejl. Rettede alt.

7. Lavede en præsentation af skabelonen
Jeg har allerede lavet beskrivelsen af ​​skabelonen ved at skrive instruktionerne, og nu vil jeg gerne tilføje en lang lys præsentation af skabelonen.

8. Tilføjet en skabelon til webstedet
Jeg tilføjede det sent på aftenen, jeg forventede, at de som altid ville påpege fejl for mig, og skabelonen skulle rettes. Denne gang var det ikke tilfældet, skabelonen kom straks ind i kataloget. Jeg sætter gennemsnitsprisen for butikken, mens der ikke er udsalg. Måske er det ikke sæsonen endnu.

Normalt laver jeg alt i lang tid, jeg laver skabelonen inden for en måned, langsomt. Her arbejdede jeg mere intensivt, i 10 dage. Der er dage imellem, hvor jeg ikke rykkede arbejdet frem. Jeg gør det i lang tid, ikke kun på grund af min dovenskab, men på grund af arbejdsbyrden i skolen. Med webstedet, generelt, den samme situation.

Når du opretter en hjemmeside, ønsker alle, at deres hjemmeside skal være anderledes end andres. Dette kræver et unikt design (køb i skabelonbutikken). I denne artikel vil vi se på, hvordan du skaber dit eget unikke design ud fra standard ucoz-designet. For at ændre designet for dig selv, skal du gå til sektionen "Design Management" i kontrolpanelet. For at gøre dette skal du logge ind på ucoz webtob og gå til Design > Design Management (skabeloner) i kontrolpanelet. Den tilsvarende side åbnes.

I dette vindue vil du se, hvad webstedsdesignet består af. Det er separate komponenter, der tilsammen udgør det samlede billede. For at ændre dem har ucoz leveret flere værktøjer, som vi nu vil analysere. Øverst i vinduet er der en "Konstruktør"-knap, som du kan bruge til at redigere dit websted i et browservindue lige på siden. Lad os indtil videre se på de værktøjer, der er i webstedets kontrolpanel. Klik på knappen "Top af webstedet", og vinduet til redigering af denne webstedsdesignskabelon åbnes.

Men mange kender ikke html-sproget, så vi vil vælge en anden vej. Vi vil bruge den visuelle editor. Klik på den visuelle editor-knap nederst i vinduet. Den visuelle editor i den øverste del af skabelonen åbnes.

Øverst vil du se linjen $WDAYS$ $DATE$ $TIME$ vi vil omarrangere dem som $DATE$ $WDAYS$ $TIME$. Under den er linjen $USERNAME$, |Gruppe "$USER_GROUP$" | RSS som betyder, at du har registreret dig under navnet $USERNAME$ og er en del af gruppen "$USER_GROUP$" ændre det til $USERNAME$, |Gruppe "$USER_GROUP$" | IP: $IP_ADDRESS$

IP: $IP_ADDRESS$ viser den registrerede brugers ip. Dernæst er indgangen MIT websted, du kan ændre det til hvad du vil afhængigt af navnet på dit websted. Klik derefter på knappen Gem for at gemme dine ændringer. Således kan du ændre andre skabeloner inkluderet i webstedsdesignet.
For at bruge den redigerede skabelon uden problemer, skal du oprette en sikkerhedskopi. Det vil hjælpe i tilfælde af, at du ved et uheld ødelægger skabelonen, når du redigerer. For at oprette en sikkerhedskopi skal du gå til sektionen "rediger skabeloner" og klikke på knappen "Sikkerhedskopieringsskabeloner" og klikke på "sikkerhedskopieringsskabeloner".