JOOMLA - 1 CAROLINE BULTINCK

JOOMLA - 1 CAROLINE BULTINCK

JOOMLA1 PRAKTISCHE INFO:

1.

Caroline Bultinck

1.1.

SPECIFIEKE INFORMATIE

Start van de lessen:

Eerste week van september 2015 08:45 u – 11:30 u met een pauze van +/- 10 min 18:30 – 21:15 met een pauze van +/- 10 min

Er is geen les: 

Tijdens de herfstvakantie van 02 november 2015 tot 08 november 2015

Zoals steeds bij mij in de les: gelieve niet te eten en drinken in het computerlokaal en de GSM uit te zetten tijdens de les. Er geldt op alle vestigingsplaatsen van Janitor een volledig rookverbod. Niet enkel binnen de gebouwen maar ook buiten op de terreinen van de campus. Parkeerplaats Sint-Niklaas: Komt u met de wagen, dan is er voldoende parkeergelegenheid ter hoogte van de Noordlaan 32. Let wel op wanneer u van de parking wegrijdt, dan mag u niet naar rechts afslaan. Er is ook (een kleinere) parking bij de oprit ter hoogte van de Slachthuisstraat. Komt u liever met de fiets, dan is er een overdekte fietsstalling beschikbaar aan het secretariaat. Met de trein zijn we ook vlot bereikbaar!

1.2.

AFWEZIGHEDEN

Elke les worden aanwezigheden genoteerd. Gelieve te verwittigen als u een les niet kunt bijwonen (e-mail: [email protected]). Mensen die educatief verlof krijgen voor het volgen van een cursus dienen voor elke afwezigheid een geldig attest te hebben en het attest zelf te bezorgen op het secretariaat.

1.3.

EVALUATIE:

Tussentijdse evaluaties en een eindevaluatie. Er worden tijdens het semester opdrachten opgegeven die u moet afwerken (thuis of tijdens de les).

[email protected]

Joomla1

Praktische info: Pag.3

JOOMLA1 1.4.

VOORKENNIS

Caroline Bultinck

Goeie computerkennis is vereist, zoals knippen, plakken, kopiëren, bestanden terugvinden op de computer. Goed overweg kunnen met een internet-browser. Vlot kunnen downloaden, installeren, comprimeren, uitpakken….. Kennis van Dreamweaver is NIET vereist, maar wel handig.

1.5.

BENODIGDE SOFTWARE:

Joomla is een website en kan u gratis van internet afhalen. Een content management systeem (CMS) Kostprijs software: GRATIS

1.6.

PUBLICEREN WEBSITE:

De gratis webruimte bij Telenet of Belgacom is NIET bruikbaar voor een Joomla-site. U hebt een webhosting met database(s) en php-ondersteuning nodig.

1.7.

KOSTPRIJS WEBHOSTING:

Varieert van 10,00 euro per JAAR tot ………….. Kostprijs domeinnaam Varieert van 5,00 euro per JAAR tot …….

1.8.

VOOR WIE:

Wilt u een professionele website maken, met heel veel uitbreidingsmogelijkheden. Na deze module kan u zelfstandig een professionele website maken, aanpassen en bijhouden voor een vereniging, hobbyclub, organisatie, eigen zaak …

1.9.

OMSCHRIJVING

Joomla is een CMS, ook wel Content Management System genoemd. Dit is een website die volledig klaar en aanpasbaar is. De meeste bestanden kan u gratis downloaden en vervolgens kan u aan de slag. Zowel vormgeving, inhoud als werking kan u volledig aanpassen. De site is volledig (online) aanpasbaar.

[email protected]

Joomla1


JOOMLA1

Caroline Bultinck

1.10.           

INHOUD

Downloaden en installeren van Joomla Joomla installeren op (aangekochte) webruimte Toevoegen van pagina’s (artikels) Aanmaken van menu’s en menu-items Aanmaken en beheren van modules (zoekfunctie, broodkruimels, contacten, banners, …) Downloaden extra modules en plugins (fotoalbum, gastenboek, nieuwsbrieven, ...) Algemene instellingen en voorkeuren van Joomla wijzigen Inlogprocedure, beveiligde pagina’s en beheer gebruikers Aanpassen lay-out – templatebeheer Contactformulier toevoegen Backup maken van Joomla, Backup terugplaatsen van een Joomla site

De populariteit van het content management system Joomla! groeit met de dag. Deze krachtige, op PHP en MySQL gebaseerde software maakt het mogelijk om zonder veel kennis van webtechnieken een databasegestuurde website te maken. Dankzij de enorme populariteit is er ook een groot aantal externe onderdelen (componenten en modules) beschikbaar, die vaak eenvoudig in Joomla! zijn te integreren. In deze cursus leert u hoe u Joomla! compleet installeert en configureert, waarna talloze zinvolle en bruikbare uitbreidingen de revue passeren. Tot de behandelde onderwerpen behoren: - Apache, MySQL en PHP configureren - Joomla! installeren, configureren en inrichten - Werken met templates - Componenten en modules installeren en gebruiken –

1.11.

HOE WERKEN WE:

Er worden tijdens het semester verschillende opdrachten opgegeven die u moet afwerken (thuis of tijdens de les). De les start meestal met een stukje nieuwe theorie en oefenen ook onmiddellijk op onze (online) website Teksten of afbeeldingen mag u meenemen naar huis. Een USB-stick is aan te raden. Op mijn eigen website kan u zich aanmelden en krijgt u toegang tot de leeromgeving van mijn cursussen. Hierop verschijnt elke week een kort overzicht over de volgende les en kan u ook benodigde bestanden afhalen. www.carolinebultinck.be

1.12.

STARTEN:

We werken hier in de les met een eigen accountMaAv of WoeMo met als wachtwoord123456

Succes !!!!!!!!!!!! Caroline Bultinck

[email protected]

Joomla1


JOOMLA1 LEEROMGEVING GEBRUIKEN – WWW.CAROLINEBULTINCK.BE

2.

Caroline Bultinck

2.1.

AANMAKEN GEBRUIKER EN AANMELDEN BIJ CURSUS(SEN) (1 MALIG)



Surf naar http://www.carolinebultinck.be en klik op de link Registreer



Op het volgende scherm kunt u registreren Vul al de verplichte velden in en NOTEER de gebruikersnaam en het wachtwoord !!!!!!!!!!!!!!



Na het invullen van de gebruikersregistratie - druk op de knop 



Nu moet u wachten op een e-mail die verzonden wordt naar het opgegeven email adres.

Deze mail zal afkomstig zijn van de beheerder van de website. In deze e-mail staat een link om uw account te activeren. Klik op die link.



U surft daarna naar een webpagina waarin vermeld staat dat uw registratie OK. Geef uw gebruikersnaam en wachtwoord op indien dit wordt gevraagd en hier kan u dan ook uw (nieuw) profiel bekijken. Druk vervolgens op de link met uw cursus (Joomla - basis)



en u ziet nu alle informatie die betrekking heeft op de cursus.



Om af te melden kies u 

[email protected]

leeromgeving gebruiken – www.carolinebultinck.be Joomla1 Pag.6

JOOMLA1 2.2.

GEWONE INLOG PROCEDURE

Caroline Bultinck

Eens u een account hebt, kunt u alle volgende keren op volgende manier inloggen   

Surf naar http://www.carolinebultinck.be en geef gebruikersnaam en wachtwoord in Inloggen. Kies uw cursus  Joomla - basis U ziet nu alle informatie die betrekking heeft op de cursus.

[email protected]

leeromgeving gebruiken – www.carolinebultinck.be Joomla1 Pag.7

JOOMLA1 WACHTWOORDEN EN GEBRUIKERSNAMEN ONTHOUDEN

2.3.

Toepassing

e-mailadres

Caroline Bultinck

COMPUTER SCHOOL

Account/gebruikersnaam

Aanmeldnaam

MaAv

MaAv

WoeMo

WoeMo

Cursist..

Cursist..

Cursist..

Cursist..

Wachtwoord 123456

www.carolinebultinck.be

www.mijnwebsiteuser...ml

DirectAdmin

FILEZILLA

Dit mag u niet wijzigen, staat op mijn e-mailadres voor de beveiliging Dit mag u niet wijzigen, staat op mijn e-mailadres voor de beveiliging

Host

Versleuteling

Gebruiker

Wachtwoord

INSTALLATRON – WEBSITE1

Websitenaam

Dbnaam

Dbuser

Wachtwoord

INSTALLATRON – WEBSITE2

Websitenaam

Dbnaam

Dbuser

Wachtwoord

leeromgeving gebruiken – www.carolinebultinck.be [email protected] Joomla1

Pag.8

JOOMLA1 WEBSITE DOWNLOADEN – INSTALLEREN - CONFIGUREREN

Caroline Bultinck

3.

Joomla is een website die volledig klaar is. Het enige wat u moet doen is alles installeren en configureren. Aangezien het geheel is ontwikkeld in PHP en een MySQL-database, moet u de site op een webserver installeren. U krijgt gedurende de module van Joomla ruimte op een server. In dit pakket zit ook de Apache webserver. Deze software hebt u nodig om een php-website op uw computer te kunnen bekijken, publiceren en aanpassen.

PHP/MySQL Om dynamische websites in php te maken, moet u over enkele zaken beschikken.   

PHP MySQL Apache

JOOMLA DOWNLOADEN EN INSTALLEREN

3.1. 3.1.1.

DOWNLOADEN

Joomla kan u gratis downloaden via verschillende sites: http://download.joomlacommunity.eu/ Zorg alvast dat u de versie afhaalt met Nederlandse taalbestanden inclusief en een stabiele versie. Klik op de titel Joomla 3.4.3 (de laatste versie 08/2015)

Klik Nu downloaden

[email protected]

Website downloaden – installeren - configureren Joomla1 Pag.10

JOOMLA1

Caroline Bultinck

Bewaar het zip-bestand op uw computer. Hierop komen we later uitgebreid op terug. Het enige dat we nu hebben gedaan is een gecomprimeerde website van internet halen. Deze moeten we dan nog uitpakken en installeren op onze webserver.

Let op: U installeert geen programma, maar een website.

Om het tijdens de eerste lessen van Joomla-basis niet te omslachtig te maken, heb ik geopteerd om direct te starten met een (door mij) geïnstalleerde site op een webruimte. Deze webruimte werd mij gedurende de modules van webdesign gratis ter beschikking gesteld door de firma MEDIAWAX JOOMLA CONFIGUREREN

3.2.

Joomla bestaat uit 2 belangrijke gedeeltes  

De frontend De backend

De frontend is wat de bezoeker van uw website te zien krijgt, de backend waar de beheerder van de website kan inloggen en wijzigingen aan de frontend kan aanbrengen. Onze joomla-site werd door mij gepubliceerd en we kunnen de frontend (online) bekijken via http://mijnwebsiteuser...ml/

[email protected]


JOOMLA1

Caroline Bultinck

Backend kan u openen/bewerken via http://mijnwebsiteuser...tk/administrator

U kan inloggen met gebruikersnaam “cursist ..................” en het wachtwoord dat u tijdens de installatie opgaf of van mij had gekregen. NR

SbmwjTwD ...................................................................................................................................

3.2.1.

FRONTEND BEKIJKEN

Nadat u had aangemeld op de backend is het de bedoeling dat u wijzigingen aanbrengt op de site via de backend, wijzigingen moet u bewaren en de wijzigingen kan u dan ook bekijken op de frontend. Klik rechtsboven op de titel van uw website (onze site kreeg standaard als titel MIJN PORTAAL), een nieuw tabblad wordt geopend in uw browser met de frontend van de website. Nadat u terug wijzigingen aanbrengt op de backend dan kan u telkens via het nog geopende tabblad de wijzigingen bekijken – vergeet niet dat u dan wel even de pagina moet vernieuwen (F5)

[email protected]


JOOMLA1 3.2.2.

BACKEND AFMELDEN

Caroline Bultinck

Nadat u stopt met werken op de backend van de website dient u steeds af te melden, dus niet gewoon de pagina sluiten maar afmelden via: rechts bovenaan op het pijltje naast het tandwiel UITLOGGEN.

Voor we definitief starten gaan we eerst enkele eenvoudige instellingen wijzigen bij de Algemene instellingen

3.3.

ALGEMENE INSTELLINGEN

Joomla kan u erg uitgebreid configureren en de meeste instellingen kan u terugvinden via het controlepaneel Algemene Instellingen. Het controlepaneel wordt standaard geopend wanneer u aanmeldt op de backend. U kan de algemene instellingen ook openen via het menu Systeem Algemene instellingen

OF

[email protected]


JOOMLA1

Caroline Bultinck

Er opent zich een nieuw venster met verschillende tabbladen (bovenaan)

Nadat u wijzigt dient u ze steeds te bewaren via Opslaan of Opslaan & Sluiten

3.3.1.

ONDERDEEL WEBSITE

Website-instellingen



Websitenaam:

De naam van de website. Deze naam wordt in sommige templates getoond. U kan hier best een betekenisvolle naam opgeven. Wanneer u bij Joomla meer info wenst over een onderdeel dan kan u met de muisaanwijzer op een onderdeel staan en extra info wordt getoond.



Website offline:

Deze optie kan u op “JA” zetten als u wenst om de site (tijdelijk) offline te plaatsen. Kunt u ondertussen belangrijke informatie wijzigen of toevoegen. 

Offline bericht:

De melding die men te zien krijgt als de site offline is 

Standaard tekstverwerker:

Welke text editor moet er gebruikt worden. Dit is de werkbalk die u krijgt wanneer u teksten gaat invoegen.

Wijzigingen opslaan

Bekijk ook nu de frontend van de website en we zien dat onze titel werd gewijzigd.

[email protected]


JOOMLA1

Caroline Bultinck

Klik hiervoor rechts bovenaan op PREVIEW

Metadata-instellingen

Metadata is de informatie die in de van de pagina staat. Het is voor bezoekers niet zichtbaar, maar voor zoekmachines wel van belang.

[email protected]


JOOMLA1 Door de site een beschrijving en trefwoorden te geven, zal google de site beter koppelen aan zoektermen. 'Vroeger' werd er door zoekmachines vooral op omschrijving, zoekwoorden of trefwoorden geïndexeerd. Maar door misbruik wordt hier niet meer naar gekeken. Het kan geen kwaad om hier informatie op te geven, want standaard wordt er al een beschrijving over joomla ingevuld en er staan ook enkele trefwoorden.

Caroline Bultinck

Wij maken de veldjes leeg ……………………… In de van een website kunnen ook inhoudsrechten opgegeven worden. Of mensen de inhoud mogen kopiëren, distribueren en dergelijke. Verder kunt u nog aanvinken of de naam van de auteur van het artikel genoemd moet worden. Voor een zo goed mogelijke zoekmachine optimalisatie is het raadzaam om op 'Ja' te zetten. Robots geeft aan wat zoekmachines met de pagina’s mogen doen. Index / Geen index: Al dan niet opnemen in de databank van de zoekmachine. Follow / nofollow: Moeten koppelingen op deze pagina gevolgd worden (Follow) of juist niet (Nofollow) In de volgende module (joomla gevorderden) komen we hier op deze pagina uitgebreid op terug. Het is aan te raden op HIER NIET MEE TE EXPERIMENTEREN. Zeker ook niet met de SEO-Instellingen !!!!!!!!!!!!!!!

3.3.1.

ONDERDEEL SYSTEEM

Wijzig hier niets als u niet precies weet wat u doet!! Systeeminstellingen 

Deze instellingen bevatten het pad naar de log-map, de folder waar het systeem zijn logs (rapporten) opslaat. De helpserver geeft de bron weer waar het systeem de help bestanden van weergeeft.

Foutopsporingsinstellingen 

Deze optie toont diagnostische informatie over het systeem aan de voorkant, onder aan de pagina. Indien u met behulp van deze functie een fout wilt opsporen in het systeem, zet dan eerst de website offline.

Cache-instellingen Cachen is het statisch renderen van de website, zodat bij de bezoeker sneller een pagina geladen wordt. Wanneer iemand op een pagina komt, wordt de pagina samengesteld vanuit de (MySQL) database. Na één keer een pagina te hebben getoond, slaat het systeem deze pagina als bestand op, een kopie, zodat het de volgende keer sneller wordt weergegeven. Het hoeft de pagina niet opnieuw samen te stellen vanuit de database. De cachetijd is de tijd dat de kopie in het systeem bewaard wordt, tot dat het opnieuw vanuit de bron (database) wordt gehaald.

[email protected]


JOOMLA1 Sessie-instellingen

Caroline Bultinck



Dit is de tijd waarin een gebruiker inactief kan zijn, tot dat de sessie beëindigd wordt en opnieuw moet inloggen. Stel in bij ons op  150

3.3.2.

ONDERDEEL SERVER

Wijzig hier ook niets als u niet precies weet wat u doet! We bespreken enkel de functies die u van dienst kunnen zijn.

Lokale instellingen



Tijdszone: Volgens welke GMT moet de tijd ingesteld staan

Database instellingen 

Hier vindt u alle instellingen i.v.m. de database terug (type, host, gebruikersnaam en database). De instellingen kan u moeten wijzigen als u de site op een andere host publiceert.

[email protected]


JOOMLA1

Caroline Bultinck

e-mailinstellingen   

hier kan u ook (bij Mailer*) de SMTP-gegevens van de webserver (e-mailserver) ingeven typ bij “e-mail van” het adres in dat de automatische mails zal verzenden typ bij “Afzendnaam” de naam in van de persoon die de mail verstuurt

3.3.3.

RECHTEN EN TEKSTFILTERS

Meer informatie over gebruikersrechten wordt later in de cursus besproken Bij de onderdelen Tekstfilters moeten we ook niets wijzigen.

3.4.

GEBRUIKERSBEHEER

Bij de installatie van de website heb ik een gebruiker aangemaakt en deze gebruiker werd gelinkt aan mijn emailadres. Dit kunnen we beter onmiddellijk aanpassen. Kies hiervoor bovenaan in het menu Gebruikers en daarna op het menu-item Gebruikersbeheer. Er opent een nieuw venster met de gegevens van de Super User (wij zijn de Super User)! Klik op deze naam en wijzig hier het e-mailadres naar uw eigen e-mail. Gebruik een e-mailadres dat u in de klas kan lezen.

Wijzigingen steeds opslaan !!!!!!!!

[email protected]


JOOMLA1 TAAL WIJZIGEN

3.5.

Caroline Bultinck

De Joomla die ik installeerde is Nederlandstalig. Normaal moet de taal niet gewijzigd worden.

Open terug het controlepaneel en links ziet u een lijst met snelkoppelingen hieronder vindt u TAALBEHEER

Kies zowel voor website als voor beheergedeelte de taal (Dutch NL) en kies Standaard

Mogelijks staan de instellingen overal al op Dutch (NL)

3.6.

TEMPLATE WIJZIGEN

Wanneer Joomla werd geïnstalleerd dan werd er een basis-template gekozen. Standaard werden er 2 templates geïnstalleerd voor de backend (beheergedeelte) en 2 templates voor de frontend (website). 

Kies in het menu bovenaan Extensies Templatebeheer

Hier kan u aflezen welke template als standaard werd ingesteld. De gele ster duidt de standaard aan.

[email protected]


JOOMLA1 3.6.1.

BEHEERGEDEELTE

Wilt u een andere layout kiezen voor de backend dan kies u voor Beheergedeelte HATHOR als standaard.

Caroline Bultinck

Klik hiervoor eenvoudig op de niet geel opgelichte ster.

Onze backend layout ziet er opeens totaal anders uit. Wijzig de instelling terug door nu op de NIET blauw opgelichte ster te klikken. Wij werken altijd tijdens de les in de (beheergedeelte) weergave ISIS - waarmee we zijn gestart.

3.6.2.

WEBSITE

Wijzigt u de layout van de website naar Beez3, dan krijgt onze website een totaal andere layout.

Bekijk alvast de wijzigingen op de frontend van de website.

Keer terug naar de backend en kies terug voor PROTOSTAR als standaard. In de loop van de cursus gaan we nog andere templates gebruiken, die moeten we eerst downloaden en daarna installeren. Op sommige venster staan er geen knoppen om op te slaan, wanneer u hier iets wijzigt worden de wijzigingen onmiddellijk bewaard.

[email protected]


JOOMLA1 3.7.

MODULE LOGIN VERBERGEN

Caroline Bultinck

Op onze website staat er een login Form. Dit willen we voorlopig niet laten zien en gaan we verbergen. Onderdelen op een website bij Joomla worden getoond onder MODULES, elke module kan u tonen of verbergen, elke module kan ook een positie krijgen.

Kies in het menu bovenaan Extensies  Modulebeheer

Hier vinden we 3 modules (breadcrumbs, mainmenu en login form). Klik op het groene vinkje net voor de naam van Login Form. De module wordt verborgen en dit kunnen we zien aan het verbodsteken.

Bekijk het resultaat op de frontend van de website.

[email protected]


JOOMLA - 1 CAROLINE BULTINCK

Recommend Documents