Een Websitesjabloon Opnieuw Ontwerpen

Inhoudsopgave:

Een Websitesjabloon Opnieuw Ontwerpen
Een Websitesjabloon Opnieuw Ontwerpen

Video: Een Websitesjabloon Opnieuw Ontwerpen

Video: Een Websitesjabloon Opnieuw Ontwerpen
Video: Designing a website - Episode 1: Planning & site map! 2024, Mei
Anonim

De eenvoudigste manier om een website te maken is door een sjabloon te gebruiken. Om de bron echter te laten opvallen, moet u de standaardlay-out wijzigen. En hier kun je niet zonder basiskennis van html en css.

Een websitesjabloon opnieuw ontwerpen
Een websitesjabloon opnieuw ontwerpen

instructies:

Stap 1

Vind de websitesjabloon die het beste bij u past op internet. Besteed aandacht aan de mogelijkheden, de mogelijkheid om zich aan te passen aan de grootte van de monitor, de functies van het menu en de lay-out van de kolommen. Download de gewenste versie naar uw computer, pak het archief uit. Controleer de prestaties door de bestanden naar de hoofdmap van de site te uploaden. Misschien bevat de sjabloon fouten en wordt deze niet correct geïnstalleerd, dan heeft het geen zin om er in de toekomst mee te werken.

Stap 2

Zelfs als u de sjabloon niet volledig opnieuw gaat doen, vervangt u de meeste afbeeldingen, en vooral de afbeeldingen die zich als een logo bevinden. Vervang elke afbeelding op deze manier:

- open het grafische bestand in het programma Photoshop;

- kijk in het menu "Afbeelding" - "Beeldgrootte" naar de parameters;

- open een nieuw blad met exact dezelfde afmetingen;

- maak de gewenste afbeelding met behulp van de applicatietools;

- maak alle lagen plat en sla (niet voor het web) een nieuwe afbeelding op onder dezelfde naam en in dezelfde map, waarbij u het oorspronkelijke formaat instelt.

Dus in plaats van de ene afbeelding zou er een andere moeten verschijnen.

Stap 3

Zodra je alle afbeeldingen hebt gewijzigd, zip je de map met de bestanden (in het geval van Joomla) en upload je deze via het sitebeheerderspaneel in het menu "Extensies". Kijk of het thema correct wordt weergegeven met de nieuwe illustraties.

Stap 4

Wijzig de rest van de parameters in style.css. Bovendien is het veel handiger om dit niet via het admin panel te doen, maar op een computer. Het is redelijk om localhost (Denver) te gebruiken om het resultaat van de transformaties zo snel mogelijk te zien. Dit voorkomt dat het resultaat elke keer naar de server moet worden geüpload om de resultaten na de volgende bewerking te bekijken.

Stap 5

Download de gratis FireBug-plug-in voor Mozilla Firefox. Na de installatie verschijnt een geel bugpictogram in de rechterbovenhoek van de browser. Klik erop of druk op de F12-toets en onderaan het scherm verschijnt de paginacode in een ingeklapte versie. Het kan worden geopend door met de muis over de plustekens te gaan. En als u op de regel van een element klikt, wordt deze bovenaan het scherm gemarkeerd. Aan de rechterkant van het venster met de code vindt u stijlen die de lijnen aangeven die verantwoordelijk zijn voor het uiterlijk. En het wordt meteen duidelijk waar je het stijlbestand moet bewerken om het ontwerp te wijzigen.

Stap 6

Open style.css in Kladblok ++. U kunt andere programma's gebruiken die zijn ontworpen om de code te bewerken, maar hiervoor kunt u het standaard "Kladblok" niet gebruiken, anders zullen er fouten optreden vanwege de codering. Gebruik FireBug om de parameters te vinden die u wilt wijzigen en bewerk ze tegelijkertijd in Kladblok ++.

Stap 7

Sla de laatste css op en upload het bestand naar de server.

Aanbevolen: