HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.



Vergelijkbare documenten
Handleiding CMS Joomla 3.2 v1.2

Handleiding Joomla CMS

Handleiding Wordpress CMS

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Een pagina toevoegen en/of bewerken.

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Handleiding om uw website/webshop aan te passen

Gebruikershandleiding

Hoe moet je een prachtige presentatie maken?

Central Station. CS website

De tekstverwerker. Afb. 1 de tekstverwerker

Handleiding. Content Management Systeem (C.M.S.)

Het scherm is verdeeld in enkele blokken.

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Luna 3.0 Basishandleiding

Inloggen in Joomla! Inloggen op de voorkant (bezoekerszijde) Ga naar hoogkerk.groningerwijken.nl Log in met de verstrekte gegevens

Toelichting upgrade naar DNN 6.2.2

Handleiding Word Press voor de bewoners Westerkaap 1

Ga naar en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Handleiding Joomla 1.5 NetMatters

Portfolio s in Google Sites

Navigator CMS Beknopte handleiding v1.0

Handleiding MOBICROSS actie banners

TEKST INVOEREN EN BEWERKEN

Inloggen. In samenwerking met Stijn Berben.

CMS HANDLEIDING

Inhoud van de website invoeren met de ContentPublisher

HANDLEIDING. WordPress LAATSTE VERSIE: RODER!CKVS WEBDESIGN & WEBHOSTING

- Registeren - Inloggen - Profiel aanmaken - Artikel plaatsen

Handleiding. Berichten maken in WordPress. juni 2013

Globale kennismaking

Handleiding website AZSV 2014

Handleiding beheer website

Handleiding Wordpress

I) Wat? II) Google documenten. Deel 2 documenten

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

Handleiding CMS VOORKANT

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.

Handleiding Website beheersysteem

Snel aan de slag met BasisOnline en InstapInternet

SPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht

Handleiding in stappen. Hoe bewerk ik een groepspagina?

2 december 2013 Eindgebruikershandleiding Weblicity CMS

TeD Tekst en Design. Basisinformatie voor gebruik van het cms Made Simple

Handleiding Joomla! 1.5

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

Handleiding wordpress

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken

Handleiding BVBZ site voor Leden

Handleiding Websitebeheer

1.Inloggen. Wat is WordPress?

Uw eigen website onderhouden. How To

Handleiding teksteditor

Eenvoudige instructie Berichten maken in WordPress

Gebruikershandleiding Typo3

Algemene handleiding beheermodule: WORDPRESS. digital4u.nl effectief op internet

HANDLEIDING DOIT BEHEER SYSTEEM

Handleiding bij het Content Management Systeem

Handleiding website. Inloggen Start uw internet browser en ga naar

28 juli 2014 Eindgebruikershandleiding Weblicity CMS

Handleiding WIS TM Live-editing Live editing is een WIS TM module

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Handleiding CMS Made Simple

De website eenvoudig aanpassen

Safira CMS Handleiding

Eenvoudige instructie Berichten maken in WordPress

Stappenplan bij de werkvorm tijdbalk maken. Werken met TimeRime.com

Handleiding website. Inloggen Start uw internet browser en ga naar Laatst bijgewerkt: 17 mei 2008

Gebruikershandleiding Inleiding

HAND- OUT. password: statistieken support

EEN WEBLOG MAKEN MET BLOGGER

De Kleine WordPress Handleiding

Handleiding Content Management Systeem

HANDLEIDING Content Management Systeem de Fertilizer 4

De Teksteditor Hoe werkt het?

Een quiz plaatsen op je website

Websites i.s.m. School

SWIS Handleiding Webbeheer

PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!

Handleiding voor Leden Teampagina aanpassen op

Basishandleiding WordPress

Introductie 2. Inloggen 3. Dashboard 4. Pagina aanmaken / bewerken 5. Bericht toevoegen / bewerken 6. Afbeelding toevoegen 7. De tekstbewerker 11

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

emscreator PageBuilder Korte uitleg van werkwijze en functies

Handleiding voor Leden

DEEL: THEMA. Klik op Thema. Nu verschijnen er een aantal thema s. Dubbelklik op een thema en je krijgt het volgende schermpje:

Website Inhoud Beheerder

Aanmaken boomhut/uit de school geklapt nieuwsbrief bericht op de website (Wordpress):

Uw TEKSTEDITOR - alle iconen op een rij

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

Een checklist invoegen in je pagina

CMS Template Handleiding

Handleiding 2designers Content Management Systeem

Berichten plaatsen op de ALO site

Algemene basis instructies

Vragen opmaken in de editor

Transcriptie:

Terminologie

HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for short In de stylesheet wordt de opmaak van de HTML beschreven. Bijvoorbeeld de tekstkleur, achtergronden en positie.

Modules, componenten, plugins Modules: Onderdelen op de pagina die inhoud bevatten. (zie Wat zijn modules voor meer informatie) Componenten: zelfstandige programma's binnen Joomla! Plugins: Kleine programma's die functionaliteit toevoegen

Hoe kom ik in de Backend? Als je iets wilt wijzigen aan je site moet je inloggen in de backend. Dat kan via het volgende scherm:

Categorieën

Categorieën Categorieën zijn handig voor: Zoekmachines Overzicht houden Om categorieën toevoegen klik je op inhoud en dan op categorieën. Selecteren en sorteren van artikelen Het weergeven van groepen artikelen Het beheren van gebruikersrechten

Categorieën Categorieën toevoegen -Klik voor het toevoegen van een categorie op -Je kunt categorieën in een categorie maken.

Categorieën Categorieën toevoegen Vul een naam in voor de categorie Selecteer de overkoepelende categorie (indien aanwezig) Sla de categorie op. Na het opslaan kan je artikelen toevoegen aan de categorie Beschrijf eventueel de categorie voor jezelf of anderen.

Categorieën Artikelen toevoegen aan Categorieën Je kunt op twee manieren artikelen toevoegen aan een categorie: 1: Per artikel 2: Met meerdere artikelen tegelijk Ga eerst naar inhoud, artikelen

Categorieën Artikelen toevoegen aan Categorieën Eén artikel: Klik in het artikelbeheer op het artikel aan dat je toe wilt voegen. Je komt in het volgende scherm Selecteer hier de categorie en sla je artikel op.

Categorieën Artikelen toevoegen aan Categorieën Meedere artikelen: Selecteer de artikelen die je wilt toevoegen. (vink ze aan) Scroll naar de onderkant van de pagina. Je ziet dit: Selecteer de categorie en klik op verwerken. Je artikelen staan nu in de gekozen categorie.

Artikelen toevoegen en bewerken

Artikelen toevoegen Een website bestaat voornamelijk uit artikelen (articles / pagina's) Om een artikel aan te maken ga je naar het tabblad inhoud en klik je op artikelen

Artikelen toevoegen Het volgende scherm verschijnt: Artikelbeheer

Artikelen toevoegen Belangrijke knoppen in het artikelbeheer Nieuw artikel toevoegen Bestaand artikel bewerken (vink eerst een artikel aan) Artikel zichtbaar maken voor bezoekers van je site Artikel onzichtbaar maken voor bezoekers van je site Artikel markeren als speciaal (je kunt deze artikelen apart selecteren en weergeven) Artikel verwijderen Artikel opslaan in het archief (handig voor oude artikelen die je nog wel wilt bewaren, maar niet op de website wilt tonen) Opties voor alle artikelen wijzigen

Artikelen toevoegen Om een artikel toe te voegen klik je op Of direct in het menu op:

Artikelen toevoegen Je ziet het volgende scherm: Vul hier de titel in (deze verschijnt boven je artikel op je website) Hier staat de alias (die verschijnt in je url, bijv www.site.nl/artikel1) Selecteer evt. een categorie Hier kan je beginnen met het schrijven van je artikel.

Artikelen toevoegen Als je (even) klaar bent met schrijven klik je op één van de volgende knoppen: (rechtsboven in je scherm) Je artikel opslaan en daarna door gaan met schrijven Je artikel opslaan en afsluiten. Je gaat automatisch naar het artikeloverzicht. Je artikel opslaan en direct aan een nieuw artikel beginnen Stoppen met bewerken. Je artikel of wijzigingen worden niet opgeslagen. Hier vind je een heleboel handige tips en informatie over Joomla!

Artikelen toevoegen Als je een artikel heb opgeslagen kan je het terugvinden in het artikelbeheer. Of gebruik de zoekfunctie Of gebruik filters om te zoeken op categorie of auteur Zoek je artikel op in de lijst

Artikelen toevoegen Tips en tricks: Je artikel verschijnt niet automatisch op je website. Je hebt een menu-item of een andere link nodig om het te kunnen zien. Plak nooit teksten direct uit Word of OpenOffice in je website. Gebruik eerst het kladblok (te vinden in bureau-accesoires) om de opmaak uit je tekst te halen (zie ook de slides over tekstverwerken). Prop niet te veel tekst in één artikel en houd artikelen overzichtelijk met behulp van kopjes en alinea's.

Artikelen bewerken Als je een artikel hebt toegevoegd kan je het bewerken door erop te klikken in het Artikelbeheer. Je ziet dit scherm: Je kunt alle onderdelen van het artikel wijzigen. Deze wijzigingen verschijnen direct op je site nadat je op 'opslaan' hebt geklikt.

Artikelen bewerken Je bewerkt de inhoud van je artikel via de JCE-editor De JCE-Editor is de meestgebruikte editor. Deze tekstverwerker doet eigenlijk hetzelfde als Word of de OpenOffice writer. Wat kan je allemaal met deze editor doen? Tekstschrijven Tekst opmaken Tabellen maken Links maken Plaatjes toevoegen

Artikelen bewerken De editor verschijnt automatisch als je een artikel aanmaakt of bewerkt:

Artikelen bewerken Tekstverwerken Met de editor kan bijna net als op een gewone computer teksten bewerken. Je ziet hieronder de functies die te maken hebben met tekst. Onderstrepen Schuingedrukt Vette tekst Uitlijnen Quote Opmaak selecteren Opmaak verwijderen HTML opschonen Lettertype Tekstgrootte Tekstkleur Arceren Knippen Plakken Lijst invoegen Speciale tekens invoegen

Teksten bewerken is makkelijk! Selecteer de tekst die je wilt bewerken en druk op de juiste knop.

Artikelen bewerken Tips & Tricks Tekstverwerken Als je kopjes aan je artikel toe wilt voegen, maak ze dan niet vet, maar maak er heading van. Je selecteert de tekst en klikt vervolgens op: Kies vooral voor Heading 2 (dat vindt Google handig) Je template maakt je headings automatisch op zodat ze bij de rest van het ontwerp passen. Plak nooit teksten direct uit Word of OpenOffice in je website. Deze teksten bevatten vaak opmaak (lettertypes, lettergrootte). Als je deze teksten op de website zet ziet het er rommelig uit. Gebruik daarom eerst het kladblok (te vinden in bureau-accesoires) om de opmaak uit je tekst te halen. 1: kopieer en plak je tekst in het kladblok 2: kopieer en plak je tekst vanuit het kladblok naar de editor in Joomla!

Artikelen bewerken Links toevoegen Soms wil je in artikelen kunnen klikken op tekst. Om een link naar een andere pagina te maken doe je het volgende: 1: Selecteer je tekst 2: Klik op: 3: Het volgende scherm verschijnt:

Artikelen bewerken Links toevoegen Vul een URL in vb: http://www.domeinnaam.nl -Hier verschijnt je linktekst- of Selecteer een menuitem, artikel of contactpersoon op je site Geef aan hoe de link moet openen: -in een nieuw venster -in hetzelfde venster Vul een titel in die verschijnt als je met je muis over de link gaat.

Artikelen bewerken Links toevoegen Je link verschijnt onderstreept en blauw in de tekst. Om de link te bewerken klik je op de link en daarna op Je kunt ook de rechter muisknop gebruiken. Rechtermuisklik op de link. Klik daarna op insert/edit link

Artikelen bewerken Afbeeldingen toevoegen

Artikelen bewerken Afbeeldingen toevoegen Klik op één van de afbeeldingsknoppen als je een afbeelding wilt invoegen:

Artikelen bewerken Je ziet dit pop-upscherm: Afbeeldingen toevoegen Selecteer hier de afbeelding die je wilt gebruiken Staat de afbeelding nog niet op de server? Met deze knop kan je een afbeelding uploaden

Afbeeldingen uploaden Dit scherm verschijnt als je op Uploaden hebt geklikt. Om een afbeelding te uploaden, sleep je hem in het scherm, of klik je op browse. Je kunt dan een bestand op je computer selecteren. Klik op Upload om het bestand definitief op je website te zetten.

Artikelen bewerken Afbeeldingen toevoegen Als je juiste afbeelding hebt gevonden vul je het volgende in: Een alt-text (een beschrijving van de afbeelding) Hoe groot de afbeelding moet zijn (in pixels) Rand om de afbeelding (border) Ruimte ten opzichte van de tekst (marge in pixels) Uitlijning van de afbeelding (links, recht, boven of onder)

Afbeeldingen toevoegen Bekijk hier hoe de afbeelding eruit gaat zien Tevreden? Klik op insert om de afbeelding in je artikel op te nemen

Afbeeldingen toevoegen Links toevoegen Je afbeelding verschijnt in de tekst. Om de Afbeelding te bewerken klik je op de afbeelding en daarna op Je kunt ook de rechter muisknop gebruiken. Rechtermuisklik op de afbeelding. Klik daarna op insert/edit image

Speciale artikelen U hebt de optie om artikelen speciaal te maken ( featured ) Op deze manier kan je artikelen onderscheiden die op dat moment belangrijker zijn dan anderen. Bijvoorbeeld: -Nieuwsartikelen die je op de voorpagina wilt tonen -De belangrijkste artikelen van dit moment (actueel)

Speciale artikelen Je kunt artikelen op verschillende manieren speciaal maken: 1: Bij het bewerken van het artikel zelf: (selecteer yes in het dropdownmenu) 2: In de artikellijst: (Klik speciaal aan of uit)

Menu s en menu-items

Een menu toevoegen Om een menu toe te voegen ga je naar het menubeheer

Een menu toevoegen Je ziet het volgende scherm: Voeg een menu toe met de knop nieuw of via het menu.

Een menu toevoegen Het volgende scherm verschijnt: Klik op opslaan Vul een titel in Vul hier een beschrijving in voor jezelf of anderen. Vul hier een type in (Het type is eigenlijk de id van het menu, een unieke naam)

Een menu toevoegen Je menu verschijnt in de lijst. Om een menu te bewerken vink je het aan. En klik je op bewerken Let op, als je op de naam van een menu klikt, Kom je bij de onderliggende menu-items.

Een menu-item toevoegen Om een menu toe te voegen ga je naar het menubeheer en klik je op je menu. Of je klikt direct je menu

Een menu-item toevoegen Je ziet dit scherm: Klik hier om een nieuw item toe te voegen Hier staan de menu items

Een menu-item toevoegen Sla het item op Selecteer een menu-itemtype Selecteer een menu-item-titel Selecteer eventueel een alias (dit verschijnt in je url) Selecteer een bovenliggend menu-item

Modules

Modules Wat is een module? Een module is eigenlijk een blok op de pagina. In een module kan van alles staan. In Joomla wordt een duidelijk onderscheid gemaakt tussen artikelen en modules. Een artikel vormt de basis van de pagina. Modules staan om het artikel heen. Bekijk het voorbeeld op de volgende slide:

Items publiceren en depubliceren

Items publiceren en depubliceren In de CMS kunnen de volgende items eenvoudig zichtbaar en onzichtbaar gemaakt worden: Artikelen Categorieën Menu-items Modules Bij al deze items gaat dat gelukkig hetzelfde

Items publiceren en depubliceren Dit item is niet gepubliceerd Dit item is gepubliceerd Om de status van een item te wijzigen klik je op de of de. De pagina vernieuwt zich. Je komt op hetzelfde scherm en ziet direct in de lijst of je item zichtbaar of onzichtbaar is.

Items publiceren en depubliceren Depubliceren en publiceren kan ook in het item zelf Dat kan hier.

Bestanden toevoegen Via een site deel je ook vaak bestanden Afbeeldingen Pdf's Powerpointpresentaties Etc.

Bestanden toevoegen Al de bestanden die je op je site gebruikt moet je eerst uploaden via het mediabeheer:

Bestanden toevoegen Je kunt een map selecteren en het bestand toevoegen via deze knop: