Det enklaste sättet att skapa en webbplats är att använda en mall. För att resursen ska sticka ut måste du dock ändra standardlayouten. Och här kan du inte göra utan grundläggande kunskaper om html och css.
Instruktioner
Steg 1
Hitta webbplatsmallen som passar dig bäst på Internet. Var uppmärksam på dess kapacitet, möjligheten att anpassa sig till bildskärmens storlek, menyfunktionerna och kolonnernas layout. Ladda ner den version du gillar till din dator, packa upp arkivet. Kontrollera dess prestanda genom att ladda upp filerna till webbplatsens rot. Kanske innehåller mallen fel och kommer inte att installeras korrekt, då är det ingen mening att arbeta med den i framtiden.
Steg 2
Även om du inte kommer att göra om mallen helt, byt ut de flesta bilderna, och särskilt de som finns som en logotyp. Byt ut varje bild på detta sätt:
- öppna grafikfilen i Photoshop-programmet;
- i menyn "Bild" - "Bildstorlek" titta på dess parametrar;
- öppna ett nytt ark med exakt samma dimensioner;
- skapa önskad bild med hjälp av applikationsverktygen;
- platta alla lager och spara (inte för webben) en ny bild under samma namn och i samma mapp, och ställ in originalformatet.
Istället för en bild ska alltså en annan visas.
Steg 3
Så snart du ändrar alla bilder, zippar du in mappen med filerna (när det gäller Joomla) och laddar upp den via webbplatsens administratörspanel i menyn "Extensions". Se om temat visas korrekt med de nya illustrationerna.
Steg 4
Ändra resten av parametrarna i style.css. Dessutom är det mycket bekvämare att göra detta inte via adminpanelen utan på en dator. Det är rimligt att använda localhost (Denver) för att se resultatet av transformationerna så snart som möjligt. Detta kommer att undvika behovet av att ladda upp resultatet till servern varje gång för att se resultaten efter nästa redigering.
Steg 5
Ladda ner det gratis FireBug-tillägget för Mozilla Firefox. Efter installationen visas en gul buggikon i webbläsarens övre högra hörn. Klicka på den eller tryck på F12-tangenten och längst ner på skärmen visas sidkoden i en hopfälld version. Den kan öppnas genom att hålla musen över plustecknen. Och om du klickar på raden i ett element markeras det högst upp på skärmen. På höger sida av fönstret med koden hittar du stilar som anger de linjer som är ansvariga för utseendet. Och det blir omedelbart tydligt var du behöver redigera stilfilen för att ändra design.
Steg 6
Öppna style.css i Notepad ++. Du kan använda andra program som är utformade för att redigera koden, men för detta ändamål kan du inte använda standard "Notepad", annars kommer det att finnas fel på grund av kodningen. Använd FireBug för att hitta parametrarna du vill ändra och redigera dem i Notepad ++ samtidigt.
Steg 7
Spara den slutliga css och ladda upp filen till servern.
