Hoe Om 'n Webwerf-sjabloon Te Herontwerp

INHOUDSOPGAWE:

Hoe Om 'n Webwerf-sjabloon Te Herontwerp
Hoe Om 'n Webwerf-sjabloon Te Herontwerp

Video: Hoe Om 'n Webwerf-sjabloon Te Herontwerp

Video: Hoe Om 'n Webwerf-sjabloon Te Herontwerp
Video: 10 Resources For Free Website u0026 Web App Themes 2024, Mei
Anonim

Die maklikste manier om 'n webwerf te skep, is om 'n sjabloon te gebruik. Om die hulpbron te laat uitstaan, moet u die standaarduitleg verander. En hier kan u nie sonder basiese kennis van html en css nie.

Hoe om 'n webwerf-sjabloon te herontwerp
Hoe om 'n webwerf-sjabloon te herontwerp

Instruksies

Stap 1

Vind die webwerf-sjabloon wat die beste by u pas op die internet. Let op sy vermoëns, die vermoë om aan te pas by die grootte van die monitor, die funksies van die menu en die uitleg van die kolomme. Laai die weergawe wat u wil, af na u rekenaar, pak die argief uit. Kyk na die prestasie daarvan deur die lêers na die wortel van die werf op te laai. Miskien bevat die sjabloon foute en sal dit nie korrek geïnstalleer word nie, dan sal dit in die toekoms geen nut hê om daarmee te werk nie.

Stap 2

Selfs as u nie die sjabloon heeltemal wil oordoen nie, vervang die meeste van die beelde, en veral die foto's wat as 'n logo geleë is. Vervang elke prentjie so:

- open die grafiese lêer in die Photoshop-program;

- kyk in die menu "Beeld" - "Beeldgrootte" na die parameters daarvan;

- maak 'n nuwe vel oop met presies dieselfde afmetings;

- skep die gewenste beeld met behulp van die toepassingsinstrumente;

- maak alle lae plat en stoor (nie vir die internet nie) 'n nuwe prentjie onder dieselfde naam en in dieselfde lêergids met die oorspronklike formaat.

In plaas van een beeld moet 'n ander dus verskyn.

Stap 3

Sodra u al die foto's verander, pak die vouer met die lêers (in die geval van Joomla) en laai dit op via die werfadministrasiepaneel in die menu "Uitbreidings". Kyk of die tema korrek vertoon word met die nuwe illustrasies.

Stap 4

Verander die res van die parameters in style.css. Boonop is dit baie geriefliker om dit nie via die adminpaneel nie, maar op 'n rekenaar te doen. Dit is redelik om localhost (Denver) te gebruik om die resultaat van die transformasies so gou moontlik te sien. Dit sal voorkom dat u die resultaat elke keer na die bediener moet oplaai om die resultate na die volgende wysiging te sien.

Stap 5

Laai die gratis FireBug-inprop vir Mozilla Firefox af. Na die installasie verskyn 'n geel foutpictogram in die regter boonste hoek van die blaaier. Klik daarop of druk op die F12-sleutel en onderaan die skerm sal die bladsykode in 'n saamgevoegde weergawe verskyn. Dit kan oopgemaak word deur met die muis oor die plustekens te beweeg. En as u op die lyn van 'n element klik, word dit bo-aan die skerm gemerk. Aan die regterkant van die venster met die kode, vind u style wat die lyne aandui wat verantwoordelik is vir die voorkoms. En dit sal onmiddellik duidelik word waar u die styllêer moet wysig om die ontwerp te verander.

Stap 6

Maak style.css in Notepad ++ oop. U kan ander programme gebruik wat ontwerp is om die kode te wysig, maar vir hierdie doel kan u nie die standaard "Notepad" gebruik nie, anders is daar foute as gevolg van die kodering. Gebruik FireBug om die parameters wat u wil verander te vind en terselfdertyd in Notepad ++ te wysig.

Stap 7

Stoor die finale css en laai die lêer op die bediener op.

Aanbeveel: