mijndomein.nl De Basiscursus Websitemaker

Transcriptie

1 mijndomein.nl De Basiscursus Websitemaker iedereen een website Deel 2: vormgeving, 11 april 2012

2 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

3 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

4 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

5 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

6 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

7 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

8 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

9 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 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 = 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 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 adres 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

10 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

11 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

12 mijndomein.nl Aantekeningen 12

13 basiscursus websitemaker Aantekeningen 13

14 basiscursus websitemaker Aantekeningen 14