Kuidas Veebisaidi Malli ümber Kujundada

Sisukord:

Kuidas Veebisaidi Malli ümber Kujundada
Kuidas Veebisaidi Malli ümber Kujundada

Video: Kuidas Veebisaidi Malli ümber Kujundada

Video: Kuidas Veebisaidi Malli ümber Kujundada
Video: Очень красивый узор - кайма спицами. Прекрасный вариант оформления шарфов, палантинов и кофточек! 2024, Aprill
Anonim

Lihtsaim viis veebisaidi loomiseks on malli kasutamine. Kuid ressursi eristamiseks peate muutma vaikeasetust. Ja siin ei saa te hakkama ilma HTML-i ja css-i põhiteadmisteta.

Kuidas veebisaidi malli ümber kujundada
Kuidas veebisaidi malli ümber kujundada

Juhised

Samm 1

Internetist leiate endale sobivaima veebisaidi malli. Pöörake tähelepanu selle võimalustele, võimele kohaneda monitori suurusega, menüü omadustega ja veergude paigutusega. Laadige oma arvutisse meeldiv versioon alla, pakkige arhiiv lahti. Kontrollige selle toimivust, laadides failid saidi juuresse üles. Võib-olla sisaldab mall vigu ja seda ei saa õigesti installida, siis pole mõtet sellega tulevikus töötada.

2. samm

Isegi kui te ei kavatse malli täielikult ümber teha, asendage enamus pilte ja eriti need, mis asuvad logona. Asendage kõik pildid sel viisil:

- avage Photoshopi programmis graafiline fail;

- menüüs "Pilt" - "Pildi suurus" vaadake selle parameetreid;

- avage uus täpselt samade mõõtmetega leht;

- loo rakendustööriistade abil soovitud pilt;

- tasandage kõik kihid ja salvestage (mitte veebi jaoks) uus pilt sama nime all ja samas kaustas, määrates algse vormingu.

Seega peaks ühe pildi asemel ilmuma teine.

3. samm

Niipea kui muudate kõiki pilte, pakkige kaust failidega (Joomla puhul) ja laadige see üles saidi administraatori paneeli kaudu menüüs "Laiendused". Vaadake, kas teema kuvatakse uute illustratsioonidega õigesti.

4. samm

Muutke ülejäänud parameetreid failis style.css. Pealegi on seda palju mugavam teha mitte adminipaneeli kaudu, vaid arvutis. Mõistlik on kasutada localhostit (Denver), et teisenduste tulemust võimalikult kiiresti näha. See väldib vajadust tulemust iga kord serverisse üles laadida, et tulemusi pärast järgmist muudatust vaadata.

5. samm

Laadige alla Mozilla Firefoxi jaoks tasuta Firefoxi pistikprogramm. Pärast installimist ilmub brauseri paremasse ülanurka kollane veaikoon. Klõpsake seda või vajutage klahvi F12 ja ekraani allosas kuvatakse lehe kood ahendatud versioonina. Selle saab avada, hõljutades hiirt plussmärkide kohal. Ja kui klõpsate elemendi real, tõstetakse see ekraani ülaosas esile. Koodiga akna paremast küljest leiate stiilid, mis tähistavad jooni, mis vastutavad välimuse eest. Ja kohe saab selgeks, kus peate kujunduse muutmiseks stiilifaili muutma.

6. samm

Avage stiil.css Notepad ++ -s. Koodi muutmiseks võite kasutada muid programme, kuid selleks ei saa kasutada standardset "Notepadi", vastasel juhul ilmnevad kodeerimisest tulenevad vead. Kasutage FireBugi, et leida parameetrid, mida soovite muuta, ja muutke neid Notepad ++'is samal ajal.

7. samm

Salvestage lõplikud css-failid ja laadige fail üles serverisse.

Soovitan: