Kaip Pertvarkyti Svetainės šabloną

Turinys:

Kaip Pertvarkyti Svetainės šabloną
Kaip Pertvarkyti Svetainės šabloną

Video: Kaip Pertvarkyti Svetainės šabloną

Video: Kaip Pertvarkyti Svetainės šabloną
Video: Internetinių svetainių šablonai tinklapių pavyzdžiai | SITE.LT 2024, Gegužė
Anonim

Lengviausias būdas sukurti svetainę yra šablono naudojimas. Tačiau norint, kad šaltinis išsiskirtų, turite pakeisti numatytąjį išdėstymą. Ir čia jūs negalite išsiversti be pagrindinių HTML ir css žinių.

Kaip pertvarkyti svetainės šabloną
Kaip pertvarkyti svetainės šabloną

Nurodymai

1 žingsnis

Internete raskite labiausiai jums tinkantį svetainės šabloną. Atkreipkite dėmesį į jo galimybes, galimybę prisitaikyti prie monitoriaus dydžio, meniu ypatybių ir stulpelių išdėstymo. Atsisiųskite patinkančią versiją į savo kompiuterį, išpakuokite archyvą. Patikrinkite jo našumą įkeldami failus į svetainės šaknį. Galbūt šablone yra klaidų ir jis nebus tinkamai įdiegtas, tada nebus prasmės su juo dirbti ateityje.

2 žingsnis

Net jei neketinate visiškai perdaryti šablono, pakeiskite daugumą vaizdų, ypač tuos, kurie yra kaip logotipas. Pakeiskite kiekvieną paveikslėlį taip:

- atidarykite grafinį failą „Photoshop“programoje;

- meniu „Vaizdas“- „Vaizdo dydis“pažiūrėkite į jo parametrus;

- atidarykite naują lygiai tokių pat matmenų lapą;

- naudodamiesi programos įrankiais sukurkite norimą vaizdą;

- išlyginkite visus sluoksnius ir išsaugokite (ne žiniatinkliui) naują paveikslėlį tuo pačiu pavadinimu ir tame pačiame aplanke, nustatydami pradinį formatą.

Taigi vietoj vieno vaizdo turėtų atsirasti kitas.

3 žingsnis

Kai tik pakeisite visas nuotraukas, užklijuokite aplanką su failais („Joomla“atveju) ir įkelkite jį per svetainės administratoriaus skydelį meniu „Plėtiniai“. Pažiūrėkite, ar tema tinkamai rodoma kartu su naujomis iliustracijomis.

4 žingsnis

Pakeiskite likusius „style.css“parametrus. Be to, daug patogiau tai padaryti ne per administratoriaus skydelį, o kompiuteryje. Tikslinga naudoti „localhost“(Denver), kad kuo greičiau pamatytumėte transformacijų rezultatą. Taip išvengsite poreikio kiekvieną kartą įkelti rezultatus į serverį, kad galėtumėte peržiūrėti rezultatus po kito redagavimo.

5 žingsnis

Atsisiųskite nemokamą „Firefox“„Firefox“papildinį. Po įdiegimo viršutiniame dešiniajame naršyklės kampe pasirodys geltona klaidos piktograma. Spustelėkite jį arba paspauskite klavišą F12 ir ekrano apačioje puslapio kodas pasirodys sutraukta versija. Jį galima atidaryti užvedus pelės žymeklį ant pliuso ženklų. Jei spustelėsite elemento eilutę, ji bus paryškinta ekrano viršuje. Dešinėje lango pusėje su kodu rasite stilių, nurodančių linijas, kurios yra atsakingos už išvaizdą. Ir iškart paaiškės, kur reikia redaguoti stiliaus failą, kad pakeistumėte dizainą.

6 žingsnis

Atidarykite „style.css“naudodami „Notepad ++“. Galite naudoti kitas programas, skirtas kodui redaguoti, tačiau šiuo tikslu negalite naudoti standartinio „Notepad“, kitaip dėl kodavimo bus klaidų. Naudokite „FireBug“, kad surastumėte parametrus, kuriuos norite pakeisti, ir tuo pačiu metu redaguokite juos „Notepad ++“.

7 žingsnis

Išsaugokite paskutinius CSS ir įkelkite failą į serverį.

Rekomenduojamas: