Om de site individualiteit te geven, stelt de webmaster een origineel sjabloon op, want design is het gezicht van de site. Een groot aantal lay-outlay-outs kan tegenwoordig van internet worden gedownload en ze zullen een zeer aangename uitstraling hebben. Doorgaans worden sjablonen die van internet zijn gekopieerd, bewerkt om de site uniek te maken.
Het is nodig
- - beeldviewer;
- - FileZilla;
- - teksteditor Notepad ++.
instructies:
Stap 1
Gebruik FileZilla om uw sjabloonbestanden te bekijken en te bewerken. Met zijn hulp kunt u online met configuratiebestanden werken. In de regel worden 3 bestanden verwerkt om het site-ontwerp te wijzigen: index.php, template.css en templateDetails.xml.
Stap 2
De "header" van de site is het pagina-element dat van de top naar het begin van de inhoud gaat, vandaar de naam. Het wordt ook wel een kop genoemd. In de regel moet alleen het logo of een andere afbeelding (logo.jpg) worden vervangen in de "header" van de site. De locatie van het sitelogo bevindt zich in het template.css-bestand. Open het met Kladblok ++.
Stap 3
Om een waarde te zoeken, gebruikt u de optie "Zoeken naar element": druk op de toetsencombinatie Ctrl + F en typ de gewenste waarde in het lege veld. Als u de breedte of hoogte van de afbeelding in de "header" wilt wijzigen, voert u de woordkop in de zoekbalk in en drukt u op de Enter-toets.
Stap 4
Onder het woord dat u zoekt, ziet u de regels: Hoogte (hoogte) en Breedte (breedte). Wijzig deze waarden en druk vervolgens op Ctrl + S om uw wijzigingen op te slaan. Klik in het resulterende FileZilla-dialoogvenster op de knop Ja.
Stap 5
Ga naar de site om de wijzigingen te bekijken. Als u er niet tevreden mee bent, gaat u terug naar het bestand en voert u de nieuwe waarden in.
Stap 6
Gebruik de zoekfunctie om de grootte en naam van het lettertype op de hoofdpagina van de site te wijzigen. Typ het woord body en druk op de Enter-toets. Onder deze operator staan de regels font-family (naam) en font-size (grootte of punt). Wijzig hun waarden, sla uw wijzigingen op en ga naar de site om ze te bekijken.
Stap 7
Om de manier waarop links worden weergegeven te wijzigen, voert u de waarden a: link (standaard link), a: bezocht (bezochte link) en a: hover (actieve link) in het zoekformulier in. Druk op Enter om deze elementen in het template.css-bestand te vinden.
Stap 8
Bewerk de lettergrootte en kleurparameters. Na het wijzigen zult u waarschijnlijk merken dat niet alle links een andere kleur of lettergrootte hebben gekregen. In dit geval moet u op zoek naar alternatieve opties voor het plaatsen van links. Degenen die bijvoorbeeld ongewijzigd zijn gebleven, bevinden zich in het hoofdmenu, daarom moet u naar een medeklinkerelement zoeken.
Stap 9
Zoek naar het woord "Hoofd" en druk op Enter. Hoogstwaarschijnlijk bevindt u zich naast de linker col-link en linker col huidige link-elementen, waarvan u de waarde moet wijzigen. Nadat u ze hebt bewerkt, slaat u het resultaat op en gaat u naar de sitepagina, alle links op de geladen pagina moeten extern veranderen.
