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
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
Dit geeft een heel ander beeld.
Aanpassen Je kan nu alle onderdelen gaan aanpassen.
Basisonderdelen van een template: 1. 2. 3. 4. 5. 6.
Navigatie Achtergrond Artikel Blokken Hoofding / Header Voettekst / Footer
Dirk Cuypers
Pagina 3/39
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 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
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
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
Via Kleur Thema’s, kan je zelf een voorgedefinieerde kleurencombinatie kiezen.
Bijvoorbeeld:
Dirk Cuypers
Pagina 8/39
Dirk Cuypers
Pagina 9/39
Je kan nu nog meerdere instellingen doen bij je gekozen kleurencombinatie bij aanpassen:
Dirk Cuypers
De hoofdkleuren afzonderlijk aanpassen:
Pagina 10/39
Varianten op die hoofdkleuren via de knop aanpassen
Aanpassen van de lettertypes
Lettertype Samenstelling
Typografie
Lettertype Schaal
Lettertype (familie) kiezen
Indeling wijzigen lettertypes: grootte van de titels, spatiëring enz…
Grootte van de tekst.
Dirk Cuypers
Pagina 11/39
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
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
Dirk Cuypers
Pagina 13/39
Gloed dient om de achtergrond een speciaal effect mee t egeven.
Verloop heeft als bedoeling een kleurverloop aan de achtergrond te geven.
Dirk Cuypers
Pagina 14/39
Via Vulkleur bepaalt de kleur van de achtergrondafbeelding of van het verloop.
Uit bestand laat toe een afbeelding te kiezen.
Dirk Cuypers
Pagina 15/39
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. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst.
Kies een breedte bij Breedte.
Dirk Cuypers
De bovenmarge bepaal je met vlakdruk.
Pagina 17/39
Dirk Cuypers
Pagina 18/39
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
Dirk Cuypers
Pagina 20/39
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.
Header
Bij header kan je het bovenste deel van de website, de hoofding aanpassen. Suggestie Hedaer laat Artsiteer voorstellen doen. Breedte: breedte header
Dirk Cuypers
Hoogte: hoogte header
Pagina 21/39
Via Kleur van de rand kan je de randkleur wijzigen.
In de heading heb je ook een tekstblok.. Bij Tekst Blok, kan je de breedte aanpassen.
Dirk Cuypers
Pagina 22/39
Je kan ook een figuur selecteren. Gebruik de schuifbalk om te kiezen. De dubbele pijl opent een lijst.
Dirk Cuypers
Pagina 23/39
Positie bepaalt welk gedeelte van de foto zichtbaar is.
Uit bestand laat toe een afbeelding te kiezen.
Dirk Cuypers
Pagina 24/39
Effecten: diverse aanpassingen oa kleur
Voorgrond foto
Mogelijkheid om foto’s van bv personen toe te voegen
Dirk Cuypers
Pagina 25/39
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
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
Dirk Cuypers
Marge: marge in de knop
Pagina 27/39
Afstand: afstand tussen de knoppen
Menubalk
Menu Balk: verloop aan de ruimte waarin de knoppen staan
Dirk Cuypers
Pagina 28/39
Rand : randdikte van de menubalk.
Item : vorm, kleur en tekst van de knop.
Subitem: instellingen subitems
Dirk Cuypers
Pagina 29/39
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
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
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. 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
Dirk Cuypers
Pagina 34/39
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, ... 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
Omschrijving:
Al dan niet watermerk
Footers
.
Dirk Cuypers
Pagina 37/39
Installatie in Drupal Dit is niet anders dan een gewone template installeren
Uploaden Uiterlijk – Nieuw thema installeren
Inschakelen
Dirk Cuypers
Pagina 38/39
Resultaat
Uiteraard moet je nu met de blokken gaan schuiven!
Dirk Cuypers
Pagina 39/39
