Den enkleste måten å lage et nettsted på er å bruke en mal. For at ressursen skal skille seg ut, må du imidlertid endre standardoppsettet. Og her kan du ikke gjøre uten grunnleggende kunnskap om html og css.
Bruksanvisning
Trinn 1
Finn nettstedsmalen som passer deg best på Internett. Vær oppmerksom på dens evner, evnen til å tilpasse seg størrelsen på skjermen, funksjonene på menyen og kolonnens utforming. Last ned versjonen du liker til datamaskinen din, pakk ut arkivet. Sjekk ytelsen ved å laste opp filene til roten til nettstedet. Kanskje inneholder malen feil og vil ikke installeres riktig, så vil det ikke være noe poeng å jobbe med den i fremtiden.
Steg 2
Selv om du ikke vil gjøre om malen helt, må du erstatte de fleste bildene, og spesielt de som ligger som en logo. Bytt ut hvert bilde på denne måten:
- åpne grafikkfilen i Photoshop-programmet;
- i menyen "Image" - "Image size" se på parametrene;
- åpne et nytt ark med nøyaktig samme dimensjoner;
- lage ønsket bilde ved hjelp av applikasjonsverktøyene;
- flate alle lagene og lagre (ikke for nettet) et nytt bilde under samme navn og i samme mappe, og still inn det originale formatet.
Dermed, i stedet for ett bilde, skal et annet vises.
Trinn 3
Så snart du endrer alle bildene, pakker du inn mappen med filene (i tilfelle Joomla) og laster den opp gjennom administratorpanelet for nettstedet i "Extensions" -menyen. Se om temaet vises riktig med de nye illustrasjonene.
Trinn 4
Endre resten av parameterne i style.css. Videre er det mye mer praktisk å gjøre dette ikke via adminpanelet, men på en datamaskin. Det er rimelig å bruke localhost (Denver) for å se resultatet av transformasjonene så snart som mulig. Dette vil unngå behovet for å laste opp resultatet til serveren hver gang for å se resultatene etter neste redigering.
Trinn 5
Last ned gratis FireBug-plugin for Mozilla Firefox. Etter installasjon vises et gult feilikon øverst til høyre i nettleseren. Klikk på den eller trykk på F12-tasten, og nederst på skjermen vises sidekoden i en skjult versjon. Den kan åpnes ved å sveve musen over pluss-skiltene. Og hvis du klikker på linjen til et element, blir det uthevet øverst på skjermen. På høyre side av vinduet med koden finner du stiler som indikerer linjene som er ansvarlige for utseendet. Og det vil umiddelbart bli klart hvor du trenger å redigere stilfilen for å endre designet.
Trinn 6
Åpne style.css i Notepad ++. Du kan bruke andre programmer designet for å redigere koden, men for dette formålet kan du ikke bruke standard "Notisblokk", ellers vil det være feil på grunn av kodingen. Bruk FireBug for å finne parametrene du vil endre og redigere dem i Notepad ++ samtidig.
Trinn 7
Lagre den endelige cssen og last opp filen til serveren.
