Nu maak je een template en exporteert hem later naar de gewenste omgeving.

Maat: px

Weergave met pagina beginnen:

Download "Nu maak je een template en exporteert hem later naar de gewenste omgeving."

Emma de Lange
8 jaren geleden
Aantal bezoeken:

1 Gebruik Artisteer Start Artisteer 4 start enigszins anders dan de vorige versies. Vroeger moest je eerst kiezen voor welke omgeving je een template zou maken. Nu maak je een template en exporteert hem later naar de gewenste omgeving. Je kan kiezen tussen het vertrekken vanuit een bestaand sjabloon of gewoon blanco. Kies een sjabloon. Dirk Cuypers Pagina 1/39

Nu maak je een template en exporteert hem later naar de gewenste omgeving.

2 Dit geeft een standaard website. De bedoeling van de zichtbare pagina is om een overzicht te hebben van de verschillende instellingen. Dit kan je testen door bijvoorbeeld over de hyperlinks te bewegen, ever de knoppen van de tabbladen enz Een eenvoudige manier om ideeën op te doen is de knop Suggestie Design: Hiermee doorblader je andere suggesties /sjablonen Dirk Cuypers Pagina 2/39

3 Dit geeft een heel ander beeld. Aanpassen Je kan nu alle onderdelen gaan aanpassen. Basisonderdelen van een template: 1. Navigatie 2. Achtergrond 3. Artikel 4. Blokken 5. Hoofding / Header 6. Voettekst / Footer Dirk Cuypers Pagina 3/39

Met Suggestie Lettertype wordt het lettertype van de hele pagina aangepast.

4 De computer het werk laten doen In hetzelfde tabblad ideeën kan je suggesties laten doen door artisteer voor verschillende onderdelen. Met Suggestie Kleuren worden de kleuren aangepast. Met Suggestie Lettertype wordt het lettertype van de hele pagina aangepast. Met Suggestie Layout kan je de schikking van de pagina aanpassen: het aantal kolommen, plaatsing, enz. Dirk Cuypers Pagina 4/39

. Met Suggestie Navigatie wordt de lay-out van de navigatie aangepast Met Geef

5 Met Suggestie Achtergrond wordt de achtergrondfiguur van de pagina aangepast Met Suggestie Header wordt de afbeelding in de hoofding van de pagina aangepast.. Met Suggestie Navigatie wordt de lay-out van de navigatie aangepast Met Geef suggestie voor Artikel ontwerp wordt de lay-out van het artikel aangepast Dirk Cuypers Pagina 5/39

6 Met Suggestie Blokken kan je de lay-out van de blokken aanpassen. Met Suggestie Knoppen kan je de lay-out van de knoppen aanpassen. Via Geef Suggestie voor voettekst kan je de lay-out van de voettekst aanpassen. Dirk Cuypers Pagina 6/39

7 De kleuren en lettertypes aanpassen Kleuren Klik op de knop Suggestie Kleuren, als je de kleuren van de huidige lay-out wil aanpassen. De computer maakt voor u een keuze. Voor Na: Dirk Cuypers Pagina 7/39

8 Via Kleur Thema s, kan je zelf een voorgedefinieerde kleurencombinatie kiezen. Bijvoorbeeld: Dirk Cuypers Pagina 8/39

9 Dirk Cuypers Pagina 9/39

10 Je kan nu nog meerdere instellingen doen bij je gekozen kleurencombinatie bij aanpassen: De hoofdkleuren afzonderlijk aanpassen: Varianten op die hoofdkleuren via de knop aanpassen Dirk Cuypers Pagina 10/39

hoofdkleuren afzonderlijk aanpassen: Varianten op

11 Aanpassen van de lettertypes Lettertype Samenstelling Lettertype (familie) kiezen Typografie Indeling wijzigen lettertypes: grootte van de titels, spatiëring enz Lettertype Schaal Grootte van de tekst. Dirk Cuypers Pagina 11/39

lettertypes: grootte van de titels, spatiëring enz

12 De indeling Bij lay-out wordt de algemene indeling in blokken gewijzigd. Suggestie layout laat Artsiteer voorstellen doen. Pagina Layout geeft de mogelijkheid om de positie van hoofding en navigatie ten opzichte van elkaar te bepalen Kolommen bepaalt uit hoeveel kolommen het ontwerp bestaat. In de kolommen komen de artikelen en blokken te staan. Speciaal geval: Eén kolom, dwz geen blokken Dirk Cuypers Pagina 12/39

Pagina Layout geeft de mogelijkheid om de positie van hoofding en navigatie ten opzichte van elkaar te

De achtergrond aanpassen Suggestie Achtergrond laat Artsiteer voorstellen doen. Je kan ook een achtergrond selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst.

13 De achtergrond aanpassen Suggestie Achtergrond laat Artsiteer voorstellen doen. Je kan ook een achtergrond selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst. Afbeelding of tekstuur laten toe uit een reeks afbeeldingen te kiezen. Er wordt rekening gehouden met de kleurkeuze Gloed dient om de achtergrond een speciaal effect mee t egeven. Dirk Cuypers Pagina 13/39

14 Verloop heeft als bedoeling een kleurverloop aan de achtergrond te geven. Via Vulkleur bepaalt de kleur van de achtergrondafbeelding of van het verloop. Dirk Cuypers Pagina 14/39

15 Uit bestand laat toe een afbeelding te kiezen. Dirk Cuypers Pagina 15/39

16 Selecteer een bestand. Kies positie en de Blend mode (manier van doordrukken). Via Opties ids het mogelijk om gedetailleerd al deze instellingen te wijzigen. Dirk Cuypers Pagina 16/39

Bladzijde Via bladzijde wordt de vormgeving van de inhoud aangepast. Suggestie Bladzijde laat Artsiteer voorstellen doen. Je kan ook een breedte/vorm selecteren.

17 Bladzijde Via bladzijde wordt de vormgeving van de inhoud aangepast. Suggestie Bladzijde laat Artsiteer voorstellen doen. Je kan ook een breedte/vorm selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst. Kies een breedte bij Breedte. De bovenmarge bepaal je met vlakdruk. Dirk Cuypers Pagina 17/39

Je kan ook een breedte/vorm selecteren. Gebruik de schuifbalk om te kiezen.

18 Dirk Cuypers Pagina 18/39

19 Opvulling: de afstand in de bladzijde tot aan de inhoud te wijzigen Radius: de afronding van de hoeken Rand: de randdikte Schaduw : schaduweffect op de bladzijde Dirk Cuypers Pagina 19/39

20 Dirk Cuypers Pagina 20/39

21 Klik op Transparantie om de doorzichtigheid van je bladzijde aan te passen. Dit heeft ook invloed op de volgende optie vulkleur. Klik op Vulkleur om de kleur van de vulling te wijzigen. Via Kleur van de rand kan je de randkleur wijzigen. Header Bij header kan je het bovenste deel van de website, de hoofding aanpassen. Suggestie Hedaer laat Artsiteer voorstellen doen. Breedte: breedte header Hoogte: hoogte header Dirk Cuypers Pagina 21/39

22 In de heading heb je ook een tekstblok.. Bij Tekst Blok, kan je de breedte aanpassen. Dirk Cuypers Pagina 22/39

23 Je kan ook een figuur selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst. Dirk Cuypers Pagina 23/39

24 Positie bepaalt welk gedeelte van de foto zichtbaar is. Uit bestand laat toe een afbeelding te kiezen. Dirk Cuypers Pagina 24/39

25 Effecten: diverse aanpassingen oa kleur Voorgrond foto Mogelijkheid om foto s van bv personen toe te voegen Dirk Cuypers Pagina 25/39

titel en een onderschrift, hier Naam en Slogan genoemd.

26 Ook hier een aantal opties. En special effecten: Kleur Gloed Spiegel Tekst Bestaat in principe uit een titel en een onderschrift, hier Naam en Slogan genoemd. Je kan via de A knoppen de opmaak wijzigen. Met het vak Titel Stijl kan je de positie, grootte en uitlijning van de tekst nog aanpassen Dirk Cuypers Pagina 26/39

27 De navigatie Suggestie navigatie laat Artsiteer voorstellen doen. Je kan ook een navigatie selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst. De knop Stijlen : Vorm: extra vormen Marge: marge in de knop Afstand: afstand tussen de knoppen Dirk Cuypers Pagina 27/39

28 Menubalk Menu Balk: verloop aan de ruimte waarin de knoppen staan Dirk Cuypers Pagina 28/39

29 Rand : randdikte van de menubalk. Item : vorm, kleur en tekst van de knop. Subitem: instellingen subitems Dirk Cuypers Pagina 29/39

30 Blokken Suggestie Blokken laat Artsiteer voorstellen doen. Je kan ook een Blok Stijl selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst. Je kan ook een stijl kiezen via Stijlen en aanpassen Dirk Cuypers Pagina 30/39

31 J ekan de hoofding (header) aanpassen :teksyt, Icoon, Via inhoud kan je de achtergrond wijzigen van de inhoud van een blok. Opmaak van de inhoud: Dirk Cuypers Pagina 31/39

32 Knoppen Het gaat hier om extra knoppen die in de inhoud staan: bv een lees meer knop. Suggestie Knoppen laat Artisteer voorstellen doen. Je kan ook een Knop selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst. Vorm: de vorm van de knop kiezen. Verloop: knop een verloop geven Dirk Cuypers Pagina 32/39

Rand randdikte Schaduw: Schaduweffect Vulkleur opvulling, Kleur van de rand: randkleur Tekst: tekstopmaak van de knop. Voettekst Geef suggestie voor voettekst laat Artisteer voorstellen doen.

33 Rand randdikte Schaduw: Schaduweffect Vulkleur opvulling, Kleur van de rand: randkleur Tekst: tekstopmaak van de knop. Voettekst Geef suggestie voor voettekst laat Artisteer voorstellen doen. Vulling kleur van de voettekst Verloop : de gradient Structuur de textuur. Uitlijnen: tekstuitlijning Tekstopvulling de afstand van de tekst tot de rand Transparantie : doorzichtigheid Tekst: tekstkleuren Hyperlink: kleuren hyperlink RSS: ja/ nee, keuze Dirk Cuypers Pagina 33/39

34 Dirk Cuypers Pagina 34/39

35 Beheer Resultaat Kan je bekijken via voorbeeld in Bowser, voor verschiullende Browsers. Dirk Cuypers Pagina 35/39

Opslaan Voor later gebruik via opslaan. Je creëert een project. Bij wijzigingen achteraf moet je hier naar terugkeren en bewerken. Exporteren Voor gebruik als sjabloon, thema,.

36 Opslaan Voor later gebruik via opslaan. Je creëert een project. Bij wijzigingen achteraf moet je hier naar terugkeren en bewerken. Exporteren Voor gebruik als sjabloon, thema,... Bestand exporteer- Drupal thema Kies de juiste plaats en naam. Hou rekening met de versie van Drupal. Voor de upload kan je ook nog zippen. Klik eventueel op opties: Opties voor CSS Dirk Cuypers Pagina 36/39

37 Omschrijving: Al dan niet watermerk Footers. Dirk Cuypers Pagina 37/39

38 Installatie in Drupal Dit is niet anders dan een gewone template installeren Uploaden Uiterlijk Nieuw thema installeren Inschakelen Dirk Cuypers Pagina 38/39

39 Resultaat Uiteraard moet je nu met de blokken gaan schuiven! Dirk Cuypers Pagina 39/39

Vergelijkbare documenten

Artisteer NL door Invender HANDLEIDING

Artisteer NL door Invender HANDLEIDING Wat is Artisteer? Artisteer is het eerste en enige programma dat direct fantastische website- en blog sjablonen automatisch voor je genereert. Het is krachtige software