mijndomein.nl
De Basiscursus Websitemaker
iedereen een website Deel 2: vormgeving, 11 april 2012
mijndomein.nl Inhoudsopgave
8: De vormgeving van je website
3
Een stijl kiezen
3
Waar moet je op letten?
3
9: Een nieuwe stijl installeren
4
10: De juiste kleuren kiezen
6
11: De instellingen van je website
7
Artikelen - algemene instellingen
7
Media-album - algemene instellingen
8
Formulieren - algemene instellingen
8
Reacties - algemene instellingen
9
Categorieën - algemene instellingen
10
Beveiliging - algemene instellingen
11
Aantekeningen
14
basiscursus websitemaker
8: De vormgeving van je website Wanneer je de structuur van je site hebt staan, is het tijd voor de vormgeving. Zo kun je je site ‘eigen’ maken. De websitemaker heeft tal van stijlen die je naar eigen smaak kunt aanpassen middels de afgeleide stijl. De onderdelen die je kunt aanpassen, verschillen per stijl. Bij de huidige stijl (in dit voorbeeld oceaan) zie je in het linkermenu welke onderdelen aangepast kunnen worden. Een stijl kiezen
Ga naar het tabblad vormgeving. Klik in het linkermenu op de Binnenkomst pagina en klik daar op “Selecteer een andere stijl”. Klik vervolgens op
Waar moet je op letten?
Na het opslaan wordt in het linkermenu de huidige stijl aangepast. Je ziet dan direct hoeveel onderdelen je bij de gekozen stijl kunt aanpassen. Bij je pagina-indeling (middenkolom) zie je uit hoeveel kolommen je stijl bestaat. Dit zijn er 1, 2 of 3. De oceaan-stijl heeft 3 kolommen, te herkennen aan een linker-, hoofden rechter uitvoer. (Zie afbeelding)
3
mijndomein.nl 9: Een nieuwe stijl installeren Regelmatig worden er nieuwe stijlen aan de Websitemaker toegevoegd. Deze kun je in je paginabeheer niet direct selecteren. Druk op ‘zoek nieuwe stijlen’ in het linkermenu, zoek door de stijlen en installeer de gewenste stijl. Na het installeren kun je direct een afgeleide stijl maken: je eigen variant met de gekozen stijl als uitgangspunt. Om vanuit de binnenkomst pagina uit meer stijlen te kunnen kiezen, moeten we eerst nieuwe stijlen installeren.
Klik op ‘zoek nieuwe stijlen’ in het linkermenu. Klik vervolgens op
Blader door de lijst, lees de omschrijvingen en kies vervolgens een stijl die je aanspreekt door op installeren te klikken. Op de vraag of je zeker weet of je de stijl wilt toevoegen antwoord je ‘ja’.
Vervolgens krijgen we de keuze uit drie: de stijl direct toepassen, een variant maken op de zojuist gekozen stijl of terug naar het stijlenoverzicht om nog een stijl te kiezen. Wij gaan voor de eigen variant.
4
basiscursus websitemaker
Geef eerst een herkenbare naam aan je stijl. Druk daarna op
Je kunt nu een foto als uitgangspunt voor je stijl gebruiken. Het gaat hier om een achtergrond foto van je header.
Selecteer een foto uit je mediaalbum of upload een foto. Klik daarna op
Je kunt nu je stijl verder bewerken. Aan de rechterkant van je scherm zie je welke stappen je allemaal kunt aanpassen. Dit verschilt per stijl. Stijlvariant “Red Flower” heeft bijvoorbeeld vier onderdelen die je kunt aanpassen. Stijlvariant “Oceaan” heeft er zeven. Stijlvariant “Zero one fixed” spant de kroon met 14 onderdelen met daarin meer dan 200(!) variabelen die je kunt aanpassen.
5
mijndomein.nl 10: De juiste kleuren kiezen De Websitemaker stelt aan de hand van de gekozen foto een kleurenpalet samen. Deze kun je -afhankelijk van de gekozen stijl- naar hartelust aanpassen.
Kies de kleuren die je mooi vindt. Als je tevreden bent, klik je op
Tip: Als je een mooie kleur op een site tegenkomt, heb je handige gratis programmaatjes zoals just color picker om de kleurcode te achterhalen. Typ in google maar eens ‘just color picker download’ in. Dat maakt kleuren kiezen een stuk eenvoudiger!
6
basiscursus websitemaker
11: De instellingen van je website In het instellingen menu kun je allerlei algemene zaken rondom je website regelen. De instellingen zijn gerangschikt per onderdeel. Hoe wil je bijvoorbeeld dat de pagina met een artikel eruitziet? Of van het media-album? Wil je een vervelende reactie weghalen? Wil je dat niemand je site kan zien terwijl je hem aan het ontwikkelen bent? Al dit soort zaken regel je in het instellingen menu. Artikelen - algemene instellingen
De informatiebalk laat zien wie en wanneer iemand het artikel heeft geplaatst.
De permalink: “Een permalink zorgt ervoor dat het artikel, inclusief de eventuele reacties op één enkele pagina komen te staan. Dit staat los van het feit of een item nieuw of gearchiveerd is. Hierdoor kan (een andere website) blijvend linken naar een bepaald item.
Als je een artikel hebt gemaakt en een bezoeker klikt verder, moet het artikel in een pagina-opmaak geopend worden. Herinner je je nog dat we bij navigatie -> nieuwe pagina toevoegen pagina’s aanmaakte? En in paginabeheer blokken kon toevoegen? Je kunt een bestaande pagina als ‘sjabloon’ kiezen. Je kunt eerst een nieuwe pagina aanmaken via bovengenoemde weg en daarna koppelen.
7
mijndomein.nl
Media-album - algemene instellingen
Sortering: wil je je foto’s in een bepaalde volgorde presenteren? Met de titel die je een foto geeft, kun je veel doen. In de instellingen kun je vervolgens alfabetisch op titel sorteren.
Net als een artikel, wordt ook een media-album in een paginaopmaak getoond. Je kunt een bestaande pagina als ‘sjabloon’ kiezen. Staat er geen geschikte pagina tussen? Maak dan een nieuwe pagina aan via navigatie -> nieuwe pagina toevoegen
Kruimelpad (of breadcrump). Kun je aan- of uitzetten. Laat album / [naam van album] zien. Formulieren - algemene instellingen
Hier kun je instellen welke pagina als sjabloon dient voor het formulier. Onnodig om in te stellen als je een formurier op basis van de cursus gemaakt hebt (zie blz 22)
Voorbeeld van media-album in een pagina-opmaak
8
basiscursus websitemaker
Reacties - algemene instellingen Hier bepaal je of bezoekers een reactie mogen plaatsen en kun je geplaatste reacties beheren. Als je reacties aan hebt staan, kun je aangeven of je een email wilt ontvangen als er een reactie geplaatst is. Kies je voor concept bij de standaard reactiestatus, dan bepaal jij of de reactie gepubliceerd wordt. Wil je de laatst geplaatste reactie bovenaan? Kies dan van nieuw naar oud. Het spamfilter tot slot (spam = email over allerlei zaken waarop je niet zit te wachten), probeert spam te herkennen en te verwijderen.
Op onze voorbeeldsite willen we reacties graag aan hebben staan en een email ontvangen als er een reactie geplaatst wordt. De nieuwste reacties staan bovenaan. Omdat we nog niet zoveel last hebben van spam, zetten we het filter uit. Neem de instellingen zoals boven over (wel je eigen emailadres invullen!) en druk op
Om een reactie te bekijken druk je op
en vervolgens op
bij de reactie van je
keuze.
Om een reactie als spam te beoordelen, kun je de status veranderen naar concept middels 9
mijndomein.nl
Categorieën - algemene instellingen Hier kun je kleine praktische zaken aanpassen, zoals in welke volgorde je de categorielijst wilt zien, of je de Voorpagina-categorie in je categorielijst wilt zien en welke pagina als basis moet dienen om categorieën in weer te geven.
Kies de instellingen die je wilt. Als je iets hebt veranderd klik je op
10
basiscursus websitemaker
Beveiliging - algemene instellingen Hier regel je wie er toegang tot je site mag hebben. Je kunt twee kanten op. Met de ip-blokkade kun je bezoekers via hun ip-adres (= identificatienummer van je computer op internet) blokkeren. Je kunt ook iedereen blokkeren en slechts enkelen toelaten. Op de websitemakercursus.nl wil ik als voorbeeld -naast mijzelf- alleen de heer Pino toegang verlenen.
Druk op ‘ip toevoegen’. Het volgende schermpje verschijnt. Typ het ip-adres in dat je wilt blokkeren en druk op. (ip-adressen vind je bij instellingen -> reacties)
Klik op
en de schermafbeelding
zoals bovenaan deze pagina wordt zichtbaar.
Druk op
en vul een gebruikersnaam en wachtwoord
in. Dit moet een bezoeker straks invullen om toegang tot je site te krijgen. Als je klaar bent druk je op
en vervolgens op
Als je iedereen weer toegang wilt verlenen, zet je het vinkje bij ‘toegangsrestricties activeren’ weer uit.
11
mijndomein.nl Aantekeningen
12
basiscursus websitemaker
Aantekeningen
13
basiscursus websitemaker
Aantekeningen
14
