procesbeschrijving. Opdracht 1

Maat: px
Weergave met pagina beginnen:

Download "procesbeschrijving. Opdracht 1"

Transcriptie

1 Opdracht 1 procesbeschrijving Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde 72 Jelle Bouwman, Hielke Koopstra

2 Procesbeschrijving Beschrijf bij alle genummerde items (ze corresponderen met items in de web design opdracht) wat jullie hebben gedaan, gemaakte keuzes, acties, en eventuele problemen en indien van toepassing andere opmerkingen. Werkcollege 1 3. Beschrijf keuzes Aangezien een website maken een proces is van trial-and-error hebben wij voor het programma Brackets gekozen. Dit programma geeft een live preview weer in een browser waardoor meteen je doorgevoerde veranderingen worden weergegeven in de site. Hierdoor kan je meteen zien of iets goed werkt of niet, waardoor het proces van coderen sneller zal gaan. 4. Beschrijf acties, keuzes De url die wij gekozen hebben is ". Dit is de standaard webspace van de Universiteit Utrecht waarbij het studentnummer van Hielke Koopstra is gebruikt. 5. Beschrijf jullie huidige HT ML/CSS kennis niveau. Hebben jullie van het oefenmateriaal gebruik gemaakt? Zowel Jelle Bouwman als Hielke Koopstra hebben beide een redelijke ervaring met HTML en CSS, dit komt mede door het vak Webdesign van vorig jaar en door verschillende tutorials op internet waaronder via codecademy. 6. Beschrijf acties, keuzes. Gelukt? We zijn vrij rap begonnen aan het opzetten van de site. Tijdens dit proces zijn er geen problemen ondervonden, dit is dus gelukt. Procesbeschrijving hebben we tijdens het opzetten van de site ingevuld.

3 Werkcollege 2 7. Beschrijf acties, keuzes We hebben een viertal pagina s aangemaakt. Een homepage, een dummypagina, een teampagina en een contactpagina. De vier pagina s zijn aan elkaar gelinkt door middel van een menubalk. 8. Beschrijf acties, keuzes Een typische Lorem Ipsum boodschap is op elke op een zodanige manier verwerkt dat de headers en de teksten duidelijk te onderscheiden zijn. 9. Beschrijf acties, keuzes Een menubalk zoals aangegeven in de opdrachtomschrijving vonden we ietwat minimalistisch en simpel. We hebben daarom het Internet afgestruind om een simpele, doch mooi menu te vinden. Op de site van CSS Menu Maker hebben we een goed voorbeeld gevonden en hebben die dan ook verwerkt in de HTML code van elke pagina, en in de CSS. 10. Beschrijf acties, keuzes Een CSS bestand genaamd style1.css is aangemaakt en gevuld met de nodige CSS. 11. Beschrijf acties, keuzes Op de teampagina About hebben we een tweetal foto s toegevoegd, één voor elk teamlid. De afbeeldingen staan in de directory in een aparte map. 12. Beschrijf resultaten, acties Het formulier is op de contact pagina aangemaakt. We hebben het simpel gehouden en enkel drie tekstvelden ingevoerd voor een naam, een en een tekstbericht. Het is verplicht om alle drie de velden in te vullen om het formulier in te leveren. 13. Beschrijf resultaten, acties Index.html, dummy.html en contact.html kwamen alle 3 foutloos door de validation service van het W3C, te vinden op validator.w3.org/check. In de about.html file hebben we een error verwerkt die opkwam. Op deze pagina hebben we twee plaatjes staan en in de <img> tag was nog geen alt property gedefinieerd, deze is nu gedefinieerd waardoor alle files geen errors meer bevatten.

4 Werkcollege Beschrijf acties, keuzes, waar geplaatst Via de link die in punt 14 wordt gegeven is het al snel duidelijk hoe je via HTML een video plaatst. Via een video-downloader hebben we het filmpje uit het voorbeeld in onze directory in de submap video verwerkt. Vervolgens hebben we in dummy.html de code toegevoegd die nodig is om het filmpje op de webpagina te krijgen. 15. Beschrijf acties, keuzes, waar geplaatst Fontawesome was bij ons al bekend als custom font dat geïnstalleerd kan worden op je webpagina. Via de website downloaden we de complete fontmap en hebben de complete map ge-unzipped naar onze webruimte. Voor het iconfont hebben, zoals op de website werd aangeraden, de gedownloade map in zijn geheel op de webruimte gezet en in elke HTML pagina een regel code in de <head> tag verwerkt die de pagina verwijzen naar de CSS file binnen die map. Daarbinnen staat alles gedefinieerd dus hoeven we alleen maar op de plekken waar we het font willen hebben een regel code toe te voegen zoals deze: <i class="fa fa-envelope-square "></i> Hierdoor komt er een plaatje van een envelop op de webpagina. Bij de contactpagina en op een aantal andere logische plaatsen hebben we deze icons verwerkt. 16. Beschrijf acties, keuzes, waar geplaatst Op onze contactpagina hebben we gekozen voor 3 soorten input: - Naam(mag voor- en/of achternaam zijn) - - Een bericht die de bezoeker wilt plaatsen Na het versturen van het bericht krijgt de bezoeker het volgende te zien: Beste naam, Bedankt voor het sturen van het volgende bericht: bericht U ontvangt nu een bevestiging per mail, daarna zullen we u zo spoedig mogelijk via " " contacteren! Met vriendelijke groet, Team 72

5 De omzetting van de ingevulde velden op de contact pagina naar een ingevuld bericht op de volgende pagina gaat via de POST-methode: <p class="paragraph"> naam </p> <input type="text" name="naam" required> Hier wordt de naam als input gepakt en door middel van de volgende code in het bericht gezet van de volgende pagina: Beste <?php echo $_POST["naam"];?>, <br><br> Bedankt voor het sturen van het volgende bericht: Het adres en het bericht worden op dezelfde manier overgezet. De mail wordt opgesteld door middel van de volgende code: $naam = htmlspecialchars($_post['naam']); $ = htmlspecialchars($_post[' ']); $bericht = htmlspecialchars($_post['bericht']); 'Beste '.$naam.', Hierbij de bevestiging dat uw contactformulier bij ons is aangekomen op '.$datum.' met het volgende bericht: '.$bericht.' Wij zullen zo spoedig mogelijk contact met u opnemen! Met vriendelijke groeten, Team 72 '; Naam, en bericht worden opnieuw gepakt via de POST-methode. $naam en $bericht worden vervolgens in een $message gezet en vervolgens verstuurt met de volgende regel code, waar het e- mail adres van de bezoeker in wordt verwerkt bij $ mail($ , 'Bevestigingsmail contactformulier', $message, 'From: info@team72.nl'); Het schrijven van de inhoud van de mail naar de server gaat via de FOPEN- en FWRITE-methode waarbij de naam van het bestand en de inhoud van het bestand zijn gepakt van respectievelijk: de naam van de bezoeker en het bericht wat de bezoeker heeft getypt. Dit is ook gedaan door middel van de POST-methode.

6 Werkcollege Gebruik een Webfont Voor onze website hebben wij gekozen voor een handschrift Webfont met de naam Indie Flower. Deze font hebben wij toegepast op de eerste Lorem ipsum alinea van de homepage. Om het font nog wat specialer te maken is er een schaduw omheen geplaatst. Dit is alles is toegepast via een enkele regel in de HTML-code: style=" font-family: 'Indie Flower' ; text-shadow: 4px 4px 4px #aaa;" 19. Oefenen met responsive 1) Aangezien wij al vanaf het begin een responsive menu hebben geïmplementeerd ziet wij geen nut om hiervoor een geheel nieuw html bestand aan te maken. Daarom hebben we besloten om alles van punt 1 van opdracht 19 volledig uit te voeren met de html bestanden die wij al hadden voor onze website. Door in het CSS bestand te kijken kan erachter worden gekomen wanneer het menu screen and (max-width: 768px) Het menu krijgt bij ons dus een ander uiterlijk zodra het scherm kleiner van 768 pixels is. Op dat moment zal het menu inklappen en zullen de menu-opties onder elkaar komen te staan. 2) A - Zowel de pagina responsive.html en responsive.css hebben we aangemaakt en in de zelfde directory gestopt als de rest van de opdracht. B - In de HTML pagina responsive hebben we de meta code toegevoegd binnen het <head> element. C - De code die te vinden was bij de responsive oefening hebben we naar de net gemaakte CSS gekopieerd. D - We hebben de breedte van dit scherm gedefinieerd op 1080 tot 2000 pixels, gebaseerd op de laptop van één van de teamleden, te weten een Dell Inspiron 15R SE. Het scherm wordt in dit geval geel. E - We hebben de breedte van dit scherm gedefinieerd op 1 tot 640 pixels, gebaseerd op de iphone 4S, één van de meest verkochte telefoons van de afgelopen jaren. Het scherm wordt in dit geval rood. F - We hebben de breedte van dit scherm gedefinieerd op 641 tot 768 pixels, gebaseerd op de Apple ipad, één van de meest verkochte tablets van de afgelopen jaren. Het scherm wordt in dit geval blauw.

procesbeschrijving. Opdracht 1

procesbeschrijving. Opdracht 1 Opdracht 1 procesbeschrijving 2014-2015 Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Team 28 Randell

Nadere informatie

Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde

Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]

Nadere informatie

procesbeschrijving. Web Opdracht

procesbeschrijving. Web Opdracht Web Opdracht procesbeschrijving 2017-2018 Dit document bevat een beschrijving van het proces van de Web Opdracht voor de cursus Informatie-uitwisseling (IUW) van de opleiding Informatiekunde TrustInUs

Nadere informatie

Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [

Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [ Procesbeschrijving [team 1] [Sodfa Shafik] [Daniël Jansen] [4293053] [5491185] [http://www.students.science.uu.nl/~5491185/opdracht1/site/index.html] Procesbeschrijving Beschrijf bij alle genummerde items

Nadere informatie

Week 1 1/4. Week 1 2/4

Week 1 1/4. Week 1 2/4 Week 1 1/4 3. Beschrijf keuzes: Wij hebben gekozen voor Dreamweaver omdat een van ons dit al op zijn/haar laptop had staan. Ook weten we hoe we dit programma moeten gebruiken en kan bijvoorbeeld notepad++

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

A Inloggen. B - Wachtwoord Veranderen A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

A Inloggen. B - Wachtwoord Veranderen A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen

Nadere informatie

Handleiding. Beheeromgeving

Handleiding. Beheeromgeving Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 6) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Snel aan de slag met Regelhulp

Snel aan de slag met Regelhulp HANDLEIDING Snel aan de slag met Regelhulp Datum 17 oktober 2018 Snel aan de slag met Regelhulp 17 oktober 2018 Inhoud Inleiding 5 1 Inloggen 7 2 Algemene informatie bewerken 9 3 Specifieke informatie

Nadere informatie

HTML richtlijnen e-mail marketing. part of the valley

HTML richtlijnen e-mail marketing. part of the valley e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van

Nadere informatie

Welkom bij mijn website tutorial (Deel 2)

Welkom bij mijn website tutorial (Deel 2) Welkom bij mijn website tutorial (Deel 2) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

TOETS HTM22 >HTM22 MEDIAVORMGEVEN INTERACTIEF MEDIADESIGN INTERACTIVE. Naam student:... Studenten nummer:... URL waar mijn werk te vinden is:

TOETS HTM22 >HTM22 MEDIAVORMGEVEN INTERACTIEF MEDIADESIGN INTERACTIVE. Naam student:... Studenten nummer:... URL waar mijn werk te vinden is: Naam student:... Studenten nummer:... URL waar mijn werk te vinden is:...glr-imd.nl/... >HTM22 MEDIAVORMGEVEN INTERACTIEF MEDIADESIGN INTERACTIVE TOETS HTM22 TOETS HTM22 2014 Download eindtoets-bestanden.zip

Nadere informatie

Handleiding: Whitelabel Customersite

Handleiding: Whitelabel Customersite ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.

Nadere informatie

CMS Template Handleiding

CMS Template Handleiding CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...

Nadere informatie

Web building basis: HTML. Karel Nijs 2008/09

Web building basis: HTML. Karel Nijs 2008/09 Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

Quick Guide VivianCMS

Quick Guide VivianCMS Quick Guide VivianCMS Gastenboek creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier

Nadere informatie

Handleiding. Opslag Online voor Windows Phone 8. Versie augustus 2014

Handleiding. Opslag Online voor Windows Phone 8. Versie augustus 2014 Handleiding Opslag Online voor Windows Phone 8 Versie augustus 2014 Inhoudsopgave Hoofdstuk 1. Inleiding 3 Hoofdstuk 2. Installatie 4 2.1 Downloaden van KPN Opslag Online QR Code 4 2.2 Downloaden van KPN

Nadere informatie

Een weblog in 10 minuten!

Een weblog in 10 minuten! Een weblog in 10 minuten! http://weblog.tudelft.nl versie: 1.3.1/ 2009 door: ing. L. Cozijn & drs. Klaassen aangepast door: G. Hoetmer Inhoudsopgave WAT IS EEN WEBLOG... 3 DE TU DELFT EN WEBLOGS... 4 DE

Nadere informatie

Handleiding CMS VOORKANT

Handleiding CMS VOORKANT Handleiding CMS VOORKANT Inhoudsopgave Pagina 1. Toegang tot het CMS... 3 2. Artikel toevoegen... 4 3. Artikel bewerken... 5 4. Artikel kopiëren of verwijderen... 6 5. Afbeelding, link of tabel invoegen...

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

Naam: zangers Velden hoef je niet toe te voegen Voeg nu twee keer inhoud toe van het type zangers. Een titel is voldoende.

Naam: zangers Velden hoef je niet toe te voegen Voeg nu twee keer inhoud toe van het type zangers. Een titel is voldoende. Inleiding In de les werken we verder op onze Drupal 8 site. We stellen deze verder in en aan de hand van korte stappen wordt even een licht geworpen op een aantal zaken die anders zijn dan Drupal 7, doch

Nadere informatie

JavaLogo-programma s op het web plaatsen

JavaLogo-programma s op het web plaatsen Bijlage JavaLogo-programma s op het web plaatsen In deze bijlage laten we u zien hoe u JavaLogo-programma s op het web kunt plaatsen, met als voorbeeld het programma Cirkels uit opgave 2.16. We gaan er

Nadere informatie

design ook items uitsnijden

design ook items uitsnijden (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het

Nadere informatie

- Plan Zo kun je een. website bouwen!

- Plan Zo kun je een. website bouwen! - Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een

Nadere informatie

Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net

Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net In deze workshop maak je kennis met XIMPEL TV en interactieve video. Bij interactieve video kun je de video

Nadere informatie

Formulieren maken met Dreamweaver CS 4/CS 5

Formulieren maken met Dreamweaver CS 4/CS 5 Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit

Nadere informatie

HTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy

HTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy Programmeren met CodeAcademy HTML is de taal die gebruikt wordt om webpagina s te maken die jij elke dag bezoekt. Het is een logische manier om een website te structureren. Laten we kijken wat de term

Nadere informatie

Handleiding adviescommissies gemeente Oegstgeest

Handleiding adviescommissies gemeente Oegstgeest Handleiding adviescommissies gemeente Oegstgeest Pagina thema s Op deze pagina is het mogelijk om thema s toe te voegen. Wanneer je een nieuw thema wil toevoegen kan dit via deze knop: Vervolgens kom je

Nadere informatie

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.

Nadere informatie

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp - www.linnenart.nl Handleiding Gmail in huisstijl met een automatische e-mail handtekening.. Als je je drukwerk, online profielen en alle visuele

Nadere informatie

Formulier maken en opvangen met php

Formulier maken en opvangen met php Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

Programmeren in MyShop

Programmeren in MyShop Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je

Nadere informatie

v.1.11 Verenigingenweb Plus Handleiding Website in gebruik nemen

v.1.11 Verenigingenweb Plus Handleiding Website in gebruik nemen v.1.11 Verenigingenweb Plus Handleiding Website in gebruik nemen Inhoud Algemene informatie...3 Voor wie is deze handleiding?...3 Voordat u begint...3 Pagina beheer...4 Pagina aanmaken...4 Pagina wijzigen...4

Nadere informatie

HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.

HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares. HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko

Nadere informatie

Handleiding Elektrocrack

Handleiding Elektrocrack Handleiding Elektrocrack Homepagina 2 Log in 3 Dashboard 4 Quiz aanmaken 5 Filter 6 Vragen 7 [i] Detail 8 Mijn Quiz 9 Dashboard 11 Documenten 12 Offline versie 13 Speel het spel 14 Spelvenster 15 Opties

Nadere informatie

Handleiding Word Press voor de bewoners Westerkaap 1

Handleiding Word Press voor de bewoners Westerkaap 1 1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren

Nadere informatie

Eindopdracht HTML/CSS: hovenier

Eindopdracht HTML/CSS: hovenier Eindopdracht HTML/CSS: hovenier De eindopdracht is verplicht voor wie de opleiding Applicatie Ontwikkelaar wil gaan doen. Het is de bedoeling dat je zo veel mogelijk individueel werkt. Als je samenwerkt

Nadere informatie

EEN WEBSITE MAKEN MET WEEBLY

EEN WEBSITE MAKEN MET WEEBLY EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina

Nadere informatie

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

TeD Tekst en Design. Basisinformatie voor klein gebruik van het cms Made Simple Basisinformatie voor klein gebruik van het cms Made Simple 1 Inhoud Inhoud 2 Inleiding 3 Inloggen in het CMS 3 Teksten plaatsen/aanpassen 4 Een link aanmaken 4 Gebruikers toevoegen/ verwijderen 5 Werken

Nadere informatie

Handleiding bij WSM MailformGenerator

Handleiding bij WSM MailformGenerator 1. Voorwoord Welkom bij de handleiding voor de WSM MailformGenerator. Deze handleiding hebben we gemaakt om je snel en gemakkelijk uit te leggen hoe de WSM MailformGenerator werkt. Deze handleiding is

Nadere informatie

Handleiding IZEE CMS. Dit is de handleiding voor IZEECMS

Handleiding IZEE CMS. Dit is de handleiding voor IZEECMS Handleiding IZEE CMS Dit is de handleiding voor IZEECMS Inhoudsopgave Inleiding... 4 Laatste update... 4 Voor wie is deze handleiding... 4 Vaste pagina s op de website... 4 Onduidelijkheden... 4 Voor het

Nadere informatie

Lesbrief Les 2 Basis CSS

Lesbrief Les 2 Basis CSS Lesbrief Les 2 Basis CSS Jullie hebben net de basis uitleg van CSS gehad. Om deze uitleg wat te laten bezinken gaan we aan de slag met de oefenopdracht voor deze week. Lees de opdracht goed door zodat

Nadere informatie

GEBRUIKSAANWIJZING WEBSITE

GEBRUIKSAANWIJZING WEBSITE GEBRUIKSAANWIJZING WEBSITE INHOUDSOPGAVE Definities... 3 Aanmelden... 4 Inloggen op je eigen account (LEERKRACHT)... 4 Je gegevens wijzigen... 5 Aanmelden voor deelname aan een opdracht... 6 Een Inzendpagina

Nadere informatie

HANDLEIDING CMS WEBSITE HV & CV QUICK ROL: TEAMLEIDER/TEAMOUDER

HANDLEIDING CMS WEBSITE HV & CV QUICK ROL: TEAMLEIDER/TEAMOUDER HANDLEIDING CMS WEBSITE HV & CV QUICK ROL: TEAMLEIDER/TEAMOUDER Editie 2013 Versie 1.1 INHOUDSOPGAVE 1 INLEIDING... 3 2 INLOGPROCEDURE... 3 2.1 WEDSTRIJDVERSLAG MAKEN...4 2.2 TEAMPAGINA AANPASSEN...7 3

Nadere informatie

Instructies Zitecraft Content Management System (CMS)

Instructies Zitecraft Content Management System (CMS) Instructies Zitecraft Content Management System (CMS) Inloggen Het CMS wordt geopend via http://zitecraft.com/login of er kan op het icoontje rechtsonder op de zite geklikt worden. Vervolgens dient het

Nadere informatie

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

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011 Handleiding WYSIWYG HTML editor: CKEditor Inhoud 1 Inleiding... 3 2 WYSIWYG editor... 4 2.1 Iconen toegelicht... 5 2.2 Maximaliseren...

Nadere informatie

02. Responsive Design

02. Responsive Design WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 02. Responsive Design Introductie De wereld van schermen waarop je website wordt getoond, raakt in rap tempo versnipperd. Voorheen was het makkelijk: websites werden

Nadere informatie

Whitepaper. E-mail design best practices

Whitepaper. E-mail design best practices Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk

Nadere informatie

Stedelijk Gymnasium s-hertogenbosch INHOUD

Stedelijk Gymnasium s-hertogenbosch INHOUD WEBDESIGN MET HTML5 EN CSS INFORMATIC A KLAS 4 2 017-2018 INHOUD Inleiding... 2 Online cursussen... 2 Verplichte cursussen (geschatte leertijd 3 + 11 = 14 uur):... 3 Optioneel: Extra cursussen voor verdieping/uitbreiding...

Nadere informatie

Homepagina - Logo en favicon plaatsen

Homepagina - Logo en favicon plaatsen Homepagina - Logo en favicon plaatsen Wat leer je in dit hoofdstuk: - Hoe je een logo kunt plaatsen - Hoe je een favicon kunt plaatsen - Hoe je tekst kunt aanpassen in de tabbladen van je browser Inleiding

Nadere informatie

WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3

WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3 Inhoudsopgave Versie 2.0.0... 2 Algemeen... 2... 2 WT-Content... 3... 3 WT-Nieuws... 3... 3 WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3... 3 WT-Webwinkel... 3... 3 WT-Contact... 4... 4 Versie 2.0.1...

Nadere informatie

NACSPORT TAG&GO HANDLEIDING. 3.2.1. Eigenschappen knop

NACSPORT TAG&GO HANDLEIDING. 3.2.1. Eigenschappen knop Handleiding NACSPORT TAG&GO HANDLEIDING 1. Introductie 2. Configureren en bestellen 3. Sjabloon (categorieën en descriptors) 3.1 Lijst sjablonen 3.2 Sjablonen bewerken 3.2.1. Eigenschappen knop 4. Analyseren

Nadere informatie

Bestandsbeheer weergaven (Media) MEDIA heeft een 4-tal weergave

Bestandsbeheer weergaven (Media) MEDIA heeft een 4-tal weergave Bestandsbeheer weergaven (Media) Het beheer van verschillende media zoals afbeeldingen en pdf bestanden kan worden uitgevoerd binnen de MEDIA weergave van TYPO3. Binnen een 4-tal verschillende weergaven

Nadere informatie

HetSchoolvoorbeeld.nl

HetSchoolvoorbeeld.nl HetSchoolvoorbeeld.nl maakt websites voor het onderwijs die u zelf met het bekroonde en gebruiksvriendelijke programma Word- Press inhoudelijk kunt beheren. De vakkundigheid van het team van HetSchoolvoorbeeld.nl

Nadere informatie

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager, Handleiding Dododent Beste tandarts of praktijkmanager, Hartelijk dank voor de aanschaf van een website bij Dodoworks. Hieronder volgt een uitgebreide handleiding van het Dododent systeem waarmee de website

Nadere informatie

Beschrijving webmail Enterprise Hosting

Beschrijving webmail Enterprise Hosting Beschrijving webmail Enterprise Hosting In dit document is beschreven hoe e-mail accounts te beheren zijn via Enterprise Hosting webmail. Webmail is een manier om gebruik te maken van e-mail functionaliteit

Nadere informatie

De WordPress 3.5 Beginners Handleiding

De WordPress 3.5 Beginners Handleiding De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,

Nadere informatie

Programmeren voor het web met PHP

Programmeren voor het web met PHP Programmeren voor het web met PHP De meestgebruikte programmeertaal voor websites is PHP. Het is een heel handige taal waarmee je een eigen slimme website kunt bouwen. Je gaat nu leren hoe PHP werkt, en

Nadere informatie

Online Marketing. Door: Annika Woud ONLINE MARKETING

Online Marketing. Door: Annika Woud ONLINE MARKETING Online Marketing Door: Annika Woud 1 Inhoudsopgaven 1 Wat is online marketing? 2 Hoe pas je online marketing toe op een website? Hoe pas je het toe? SEO Domeinnaam HTML Google Analytics Advertenties op

Nadere informatie

GEBRUIKSAANWIJZING BRAINWEB

GEBRUIKSAANWIJZING BRAINWEB GEBRUIKSAANWIJZING BRAINWEB INHOUDSOPGAVE Definities... 4 Alles vastzetten en artikelen vergroten... 5 Aanmelden... 6 Inloggen op je eigen account... 6 Je gegevens wijzigen... 7 Aanmelden voor deelname

Nadere informatie

Uitleg CMS Utrecht Your Way Button 1. Inloggen

Uitleg CMS Utrecht Your Way Button 1. Inloggen Uitleg CMS Utrecht Your Way Button 1. Inloggen Met jouw login gegevens kun je inloggen via http://button.utrechtyourway.nl/cms 2. Dashboard Na inloggen wordt het dashboard van het CMS zichtbaar. Of te

Nadere informatie

Een ASP.NET applicatie opzetten. Beginsituatie:

Een ASP.NET applicatie opzetten. Beginsituatie: Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.

Nadere informatie

1.4.1 WordPress online WordPress-software Open source Forums 4

1.4.1 WordPress online WordPress-software Open source Forums 4 Inhoud Hoofdstuk 1 WordPress 1.1 Site bouwen 1 1.1.1 Software 1 1.1.2 CMS 1 1.2 Webdesign 1 1.3 Waarom WordPress? 2 1.3.1 CMS 2 1.3.2 WordPress 2 1.4 Wat is WordPress? 3 1.4.1 WordPress online 3 1.4.2

Nadere informatie

Een website omzetten naar WordPress

Een website omzetten naar WordPress 1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt

Nadere informatie

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

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder: Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia

Nadere informatie

1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts

1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts 1) Inloggen op beheer omgeving a. Aanmelden b. Wachtwoord vergeten 2) Berichten a. All posts b. Nieuw bericht c. Categories d. Tags 3) Media a. Bibliotheek b. Nieuw bestand 4) Pagina s a. All pages b.

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan de hoofd beheerder.

Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan de hoofd beheerder. Handleiding Gebruik Download Chrome voor de beste compatibiliteit Aanmelden link: http://www.omegabelgium.com/cms/ Hiervoor heeft u toegang nodig met uw persoonlijke account. Vraag uw account aan, aan

Nadere informatie

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn. Aan de slag met de Bezoek je domein om de in te stellen. De volgende melding zal zichtbaar zijn. Volg de url 'administratie paneel' om in te loggen en de vervolgens in te stellen. Als eerst krijg je de

Nadere informatie

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind

Nadere informatie

Cerium CMS versie 4.0. Wat is nieuw in versie 4.0. www.cerium.nl

Cerium CMS versie 4.0. Wat is nieuw in versie 4.0. www.cerium.nl Cerium CMS versie 4.0 Wat is nieuw in versie 4.0 www.cerium.nl Bijgewerkt februari 2014 Cerium BV 2014 Inhoudsopgave 1. Inleiding 3 2. Nieuwe onderhouds URL 4 3. Drag and drop upload 5 4. Spring naar item

Nadere informatie

Inhoudsopgave... 1 Disclaimer... 3 Voorwoord... 3 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Inhoudsopgave... 1 Disclaimer... 3 Voorwoord... 3 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op 1 Inhoudsopgave... 1 Disclaimer... 3 Voorwoord... 3 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op XAMPP... 14 Handige links... 15 2 Disclaimer Bij de

Nadere informatie

Stedelijk Gymnasium s-hertogenbosch INHOUD

Stedelijk Gymnasium s-hertogenbosch INHOUD WEBDESIGN MET HTML5 EN CSS + USABILITY INFORMATIC A KLAS 4 2 018-2019 INHOUD Inleiding... 2 Online cursussen... 2 Verplichte cursussen (geschatte leertijd 3 + 11 = 14 uur):... 3 Optioneel: Extra cursussen

Nadere informatie

Quick Guide VivianCMS

Quick Guide VivianCMS Quick Guide VivianCMS Contactformulier creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 3) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Wordpress handleiding LOA Lak B.V.

Wordpress handleiding LOA Lak B.V. Wordpress handleiding LOA Lak B.V. Over Wordpress Wordpress is een content management systeem (kortweg CMS). Een CMS is systeem waarmee u de inhoud van uw website kunt beheren. Om Wordpress te kunnen gebruiken

Nadere informatie

In een paar stappen. je weggever aanbieden. via ActiveCampaign

In een paar stappen. je weggever aanbieden. via ActiveCampaign In een paar stappen je weggever aanbieden via ActiveCampaign Je hebt een geweldige weggever gemaakt zoals een e-book of online training. Ook ben je er achter dat ActiveCampaign het e-mailmarketing systeem

Nadere informatie

MyMediasite Handleiding 2013 - V1.0

MyMediasite Handleiding 2013 - V1.0 MyMediasite Handleiding 2013 - V1.0 1 INHOUDSOPGAVE 1. INSTALLATIE 3 2.1 OPNEMEN: OPSTARTEN 4 2.2 OPNEMEN: NIEUWE PRESENTATIE 5 2.3 OPNEMEN: OPNAME PROCES 7 2.4. OPNEMEN: EIGEN MEDIA UPLOADEN 11 3. PRESENTATIE

Nadere informatie

Handleiding website Buurten Met Uitzicht

Handleiding website Buurten Met Uitzicht Handleiding website Buurten Met Uitzicht www.buurtenmetuitzicht.nl Op de site www.buurtenmetuitzicht.nl kunt u berichten of tweets plaatsen en iets op de buurtagenda zetten. Alle berichten worden niet

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...

Nadere informatie

Handleiding. Opslag Online. voor Android. Versie februari 2014

Handleiding. Opslag Online. voor Android. Versie februari 2014 Handleiding Opslag Online voor Android Versie februari 2014 Inhoudsopgave Hoofdstuk 1. Inleiding 3 Hoofdstuk 2. Installatie 4 2.1 Opslag Online downloaden via QR-code 4 2.2 Opslag Online downloaden via

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

DDMA Social Maturity Test Schermen

DDMA Social Maturity Test Schermen DDMA Social Maturity Test Schermen Inleiding Zoals DDMA zou hebben aangegeven, gaat het om een test voor de social media marketeers hoe zij hun social media beleid naar een hoger niveau kunnen tillen.

Nadere informatie

Gegevens uit een database tonen

Gegevens uit een database tonen Gegevens uit een database tonen In een eerdere handleiding heb ik jullie laten zien hoe je met behulp van MySQL en phpmyadmin een database kunt opzetten. We hebben toen een database aangemaakt en gevuld

Nadere informatie

De basisknop 'alle site inhoud tonen' links in uw scherm

De basisknop 'alle site inhoud tonen' links in uw scherm 2.1 Inleiding De mogelijkheden om binnen een Sharepoint-teamsite informatie (content) te presenteren, te delen en te beheren zijn groot. De starttemplates waar uit kunt kiezen (zie 1.3) kunnen door u zelf

Nadere informatie

De logische volgende stap voor de (K)individu organisatie

De logische volgende stap voor de (K)individu organisatie De logische volgende stap voor de (K)individu organisatie De nieuwe website van (K)individu Tijdens deze korte training Vragen wij +/- 15/20 minuten van uw tijd Geven wij u uitleg over KindPlanner Veel

Nadere informatie

Handleiding CMS. Inclusief updatesysteem ledendatabase. Websitebaker 2.7.0.

Handleiding CMS. Inclusief updatesysteem ledendatabase. Websitebaker 2.7.0. Handleiding CMS Inclusief updatesysteem ledendatabase Websitebaker 2.7.0. Inhoud Inhoud...2 Inloggen...3 Menu opties...4 Help, Website, Uitloggen...5 Pagina s...6 Paginabeheer...6 Toevoegen...7 Instellingen...8

Nadere informatie

Handleiding Website Laatste update: april 2014

Handleiding Website Laatste update: april 2014 Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch

Nadere informatie

Een poging om de snelheid van de sites te verzekeren tijdens de lessen:

Een poging om de snelheid van de sites te verzekeren tijdens de lessen: Les 5 Nieuwe sites Een poging om de snelheid van de sites te verzekeren tijdens de lessen: Luc www.lucacht.drupallearning.be Johan www.jdb.drupallearning.be Laurens www.laurens8.drupallearning.be Ria www.riaacht.drupallearning.be

Nadere informatie

JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen

JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen 0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over

Nadere informatie

Hoe maak ik mijn portfolio?

Hoe maak ik mijn portfolio? Hoe maak ik mijn portfolio? Handleiding bij het aanmaken en invullen van het eportfolio voor medewerkers in de meubel- en interieurbouwbranche Het eportfolio wordt beschikbaar gesteld door het Expertisecentrum

Nadere informatie

Muse Stappenplan Interactieve vormgeving en productie

Muse Stappenplan Interactieve vormgeving en productie 1. Pagina aanmaken Je maakt een nieuw bestand, de standaardinstellingen kun je zo laten staan. Dit formaat is namelijk op de meeste beeldschermen te bekijken. Je ziet onderaan een witte pagina staan en

Nadere informatie

HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505

HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505 HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs

Nadere informatie

Les 13. Voorbereiding

Les 13. Voorbereiding Les 13 Voorbereiding 1. Plaats DEZE TWEE PLUGINS op de server in de map libraries. Deze is nodig voor de werking van Masonry Views en Masonry API 2. Schakel de modules Masonry Views en Masonry API in.

Nadere informatie