Bij het maken van sites worden vaak kant-en-klare sjablonen gebruikt die op het net te vinden zijn. Ze worden soms duizenden keren door gebruikers gedownload, de bronnen die op basis daarvan zijn gemaakt, lijken qua uiterlijk sterk op elkaar. Om de site een individueel ontwerp te geven, moet de sjabloon worden bewerkt.
Het is nodig
- - sitesjabloon;
- - Dreamweaver-software.
instructies:
Stap 1
De beste manier om met sjablonen te werken is Dreamweaver, die van internet kan worden gedownload. Dit programma is een van de beste tools voor het maken van een website, het stelt je in staat om pagina's zowel visueel als met een code-editor te bewerken.
Stap 2
Download en installeer Dreamweaver en start het. Open daarin het sjabloon van uw keuze. Houd er rekening mee dat de sjabloon correct moet worden geselecteerd om het werk te minimaliseren. Richt u bij het kiezen op de lay-out van de elementen op de pagina, niet op het kleurenschema. Als u een website wilt maken die anders is dan andere, moet u nog steeds het kleurenschema wijzigen, dus het is beter om een sjabloon te kiezen met een geschikte lay-out, die niet opnieuw hoeft te worden gedaan, en deze al in de juiste manier.
Stap 3
Het is het handigst om het bewerkingsproces te bekijken met een specifiek voorbeeld. Download een van de html-sjablonen - bijvoorbeeld deze: https://web-silver.ru/templates/sites/086/086.zip. Pak het uit en open het html-bestand in Dreamweaver. Let op de modusschakelaar in de linkerbovenhoek - "Code", "Separate", "Design". Door tussen modi te schakelen, kunt u de sjabloon op de voor u meest geschikte manier bewerken.
Stap 4
Schakel over naar de "Ontwerp"-weergave en klik vervolgens met de muis op een van de elementen - bijvoorbeeld de paginakop, in het voorbeeld van de sjabloon bevat deze de tekst De rivier. Houd er rekening mee dat de eigenschappen van dit pagina-element onder in het programmavenster zijn verschenen. Met name de breedte, hoogte, gebruikte afbeelding worden aangegeven. U kunt de grootte van de koptekst wijzigen door ze in de daarvoor bestemde velden op te geven of door de grensmarkeringen op de koptekst zelf te slepen. Verander de afbeelding, selecteer hiervoor de afbeelding die je nodig hebt van hetzelfde formaat en plaats deze in plaats van de originele.
Stap 5
U kunt alle elementen op dezelfde eenvoudige manier wijzigen. Bijvoorbeeld tekstkleur, pagina-achtergrond, linktitels, etc. enz. Mocht er iets niet lukken in het ontwerpvenster, dan kun je altijd direct in de code de nodige correcties aanbrengen. Vergeet niet om het originele bestand op een aparte locatie op te slaan voordat u aan het werk gaat. Sla terwijl u werkt de resultaten op als afzonderlijke bestanden met verschillende namen, zodat u op elk moment terug kunt gaan. Met een beetje oefening met Dreamweaver kunt u elke sjabloon snel en gemakkelijk bewerken.
