procesbeschrijving. Opdracht 1
|
|
- Juliaan Smits
- 7 jaren geleden
- Aantal bezoeken:
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
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 informatieDit 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 informatieprocesbeschrijving. 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 informatieProcesbeschrijving. [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 informatieWeek 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 informatieA 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 informatieA 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 informatieHandleiding. 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 informatieVoor 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 informatieSnel 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 informatieHTML 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 informatieWelkom 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 informatieTOETS 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 informatieHandleiding: 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 informatieCMS 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 informatieWeb 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 informatieGrafisch 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 informatieQuick 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 informatieHandleiding. 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 informatieEen 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 informatieHandleiding 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 informatieOm 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 informatieNaam: 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 informatieJavaLogo-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 informatiedesign 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! 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 informatieWorkshop 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 informatieFormulieren 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 informatieHTML & 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 informatieHandleiding 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 informatieHTML 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 informatieLinda 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 informatieFormulier 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 informatieInhoud 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 informatieProgrammeren 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 informatiev.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 informatieHAND- 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 informatieHandleiding 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 informatieHandleiding 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 informatieEindopdracht 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 informatieEEN 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 informatieTeD 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 informatieHandleiding 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 informatieHandleiding 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 informatieLesbrief 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 informatieGEBRUIKSAANWIJZING 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 informatieHANDLEIDING 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 informatieInstructies 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 informatieOpdrachtgever: 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 informatie02. 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 informatieWhitepaper. 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 informatieStedelijk 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 informatieHomepagina - 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 informatieWT-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 informatieNACSPORT 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 informatieBestandsbeheer 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 informatieHetSchoolvoorbeeld.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 informatieInhoud. 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 informatieBeschrijving 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 informatieDe 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 informatieProgrammeren 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 informatieOnline 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 informatieGEBRUIKSAANWIJZING 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 informatieUitleg 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 informatieEen 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 informatie1.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 informatieEen 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 informatieNa 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 informatie1) 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 informatieVoor 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 informatieHiervoor 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 informatieWebsite 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 informatieEBUILDER 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 informatieCerium 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 informatieInhoudsopgave... 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 informatieStedelijk 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 informatieQuick 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 informatieDe 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 informatieVoor 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 informatieWordpress 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 informatieIn 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 informatieMyMediasite 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 informatieHandleiding 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 informatieWebsitecursus 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 informatieHandleiding 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 informatieHandleiding. 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 informatieHandleiding 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 informatieDDMA 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 informatieGegevens 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 informatieDe 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 informatieDe 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 informatieHandleiding 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 informatieHandleiding 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 informatieEen 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 informatieJavaScript. 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 informatieHoe 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 informatieMuse 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 informatieHTML 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 informatieLes 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