Stedelijk Gymnasium s-hertogenbosch INHOUD
|
|
- Erika Bakker
- 5 jaren geleden
- Aantal bezoeken:
Transcriptie
1 WEBDESIGN MET HTML5 EN CSS + USABILITY INFORMATIC A KLAS INHOUD Inleiding... 2 Online cursussen... 2 Verplichte cursussen (geschatte leertijd = 14 uur):... 3 Optioneel: Extra cursussen voor verdieping/uitbreiding... 3 Praktische Opdracht... 5 Randvoorwaarden... 5 Beoordeling... 6 Inleveren... 6 Logboek voorbeeld... 6 Toets in de toetsweek... 7 Studiewijzer/Planning
2 INLEIDING Het 2 e trimester van informatica in klas 4 staat in het teken van webdesign met HTML5 en CSS, gecombineerd met theorie over de principes van usability (dat is de verzamelterm voor het gebruiksvriendelijk maken van ICT producten zoals websites). In dit document vind je een overzicht hoe dat in zijn werk gaat Globaal gezien voeren we de volgende stappen uit: Online cursus HTML5 & CSS + Usability theorie Toetsweek II HTML5 &CSS + Usability theorie Praktische opdracht Webdesign LESSTOF: ONLINE CURSUSSEN HTML EN CSS Voor het leren van HTML en CSS maken we gebruik van de interactieve cursussen van om de belangrijkste html en css kennis op te doen (eventueel aangevuld met enkele verdiepingscursussen). Registreer jezelf op CodeCademy (onthoud je login gegevens goed!) Klik rechtsboven op Catalog : Klik vervolgens linksboven op Web development : 2
3 Scroll naar beneden voor het cursusoverzicht VERPLICHTE CURSUSSEN (GESCHATTE LEERTIJD = 14 UUR): De volgende 2 CodeCademy cursussen zijn verplicht en zijn de basisstof die je moet kennen om de PO en de toets te kunnen maken: Maak eerst de HTML cursus en dan de CSS cursus (Codecademy slaat steeds automatisch op waar je gebleven bent). OPTIONEEL: EXTRA CURSUSSEN VOOR VERDIEPING/UITBREIDING Als je klaar bent met de basiscursussen HTML en CSS en je wilt nog wat dieper gaan, raad Wt je een (of beide) van de onderstaande cursussen aan: 3
4 Bij Responsive design leer je hoe je je design flexibel kunt maken voor verschillende schermformaten (smartphones, tablets, gewone computers,etc.). Als je serieus met webdesign aan de slag wilt (bijvoorbeeld als bijbaan!), is responsive design echt een must. Introduction to jquery leert je de basis van werken met jquery. Dat is een javascript bibliotheek die het mogelijk maakt allerlei interactieve elementen (uitklapmenu s, verschuifbare elementen, etc.) aan je website toe te voegen. LESSTOF: USABILITY THEORIE In januari verdiepen we ons in de theorie achter Usability. Hierbij bestuderen we hoe je de gebruiksvriendelijkheid van een ICT product (zoals een website) kunt waarborgen. We gebruiken hiervoor stof uit de Fundement Online lesmethode. Deze kennis gecombineerd met je HTML/CSS skills stellen je in staat een goede website PO te maken. (zie volgende pagina) 4
5 PRAKTISCHE OPDRACHT Als je de basiscursussen (en eventueel enkele verdiepingscursussen) hebt afgerond en kennis hebt genomen van de usability principes, ben je klaar om een echte website te gaan bouwen. Hiervoor zijn 2 scenarios: Je hebt een opdrachtgever (bijv. een kennis of familielid) die een site nodig heeft. Je bouwt een site op basis van die opdracht. Je zorgt voor een representatieve en nette layout waarbij je rekening houdt met de wensen van je klant. Houd wel rekening met de hieronder genoemde randvoorwaarden. Als je geen echte opdrachtgever kunt vinden, is je opdracht als volgt: Maak een website voor een fictief bedrijf. Wat het voor bedrijf is mag je zelf bedenken. Voor het bedrijf maak je een logo en nette bedrijfswebsite die aansluit bij de doelgroep van het bedrijf. Zorg voor een mooi modern design met oog voor de gebruiksvriendelijkheid. RANDVOORWAARDEN Je maakt een logboek waarin je je tijdsbesteding noteert (zie onderaan deze pagina). De layout van je pagina s moet je maken met html5 en css. Gebruik divs om de layout te maken. (Wt s youtube tutorial is een goed uitgangspunt als je niet goed weet waar je moet beginnen. Online is ook van alles te vinden) Je site heeft een navigatiemenu met daarin minstens 4 items (dus je site bestaat uit minstens 4 pagina s/onderdelen) Scheid inhoud van opmaak: gebruik html voor de inhoud en indeling, gebruik css voor de opmaak en stijl. Gebruik als het kan 1css file bij de verschillende html files die je maakt. Zo staat alle opmaak op 1 plek en is het makkelijk te wijzigen. Ontwerp de site in een teksteditor (bijvoorbeeld Brackets). Gebruik dus geen Frontpage of Dreamweaver o.i.d. De bedoeling is dat je zelf de html & css code schrijft. Check je code op html 5 validiteit (dit is 1 punt in de beoordeling waard!). Gebruik van geavanceerde technieken zoals JavaScript, jquery, php, etc. is optioneel en kan je bonuspunten opleveren. Als je al goed thuis bent in html/css is dit zeker een goede toevoeging, maar je kunt ook een prima site bouwen zonder. Zorg dat je jezelf iets nieuws leert! De codecademy cursus jquery is bijvoorbeeld erg nuttig voor geavanceerder (interactief) webdesign. Om te laten zien dat je een aantal basis html zaken beheerst, bevat je site in ieder geval de volgende dingen (gebruik css om ze mooi te stylen natuurlijk): o Een nette paginaindeling met gebruik van <div> blokken o Een lijst (ordered of unordered) o Een tabel (bijvoorbeeld met een prijslijst, of openingstijden) o Koppen (minstens <h1> en <h2>) en paragrafen (<p>) 5
6 BEOORDELING Bij de beoordeling wordt op de volgende punten gelet: Kwaliteit van het design (kleurgebruik, layout, vormgeving, logo, leesbaarheid, gebruiksvriendelijkheid etc.): 3 pnt Techniek (Correcte en overzichtelijke html en css code. Vereiste randvoorwaarden en onderdelen goed in de site opgenomen): 4 pnt Correctheid volgens de W3C website checker : 1 pnt Extra's (bv. extra technieken of een buitengewoon goed design): 2 pnt INLEVEREN Uiterlijke inleverdatum: Zondag 17 maart 2018, 23:59 Lever alle websiteonderdelen in in de openstaande opdracht in Magister (alles bij elkaar in een.zip file): Alle.html bestanden Alle.css bestanden Alle gebruikte afbeeldingen (.jpg,.png, etc..) Eventuele andere gebruikte files (scripts,.js bestanden, etc.) Logboek (.doc of.pdf) LOGBOEK VOORBEELD Datum Activiteit Tijdsinvestering Logo ontworpen in Paint.net 0:45 uur Wt tutorials gekeken 1:00 uur Layout schets op papier gemaakt 0:30 uur Basis indeling site gemaakt 2:00 uur 6
7 TOETS IN DE TOETSWEEK In de toetsweek krijg je een praktische toets op de computer, waarbij je je html en css skills moet toepassen. Nadere info volgt nog STUDIEWIJZER/PLANNING Omdat je in eigen tempo door de Codecademy cursussen heen werkt, is een exacte studiewijzer niet zo zinvol. Verwacht wordt dat je in de les serieus aan de cursussen werkt en er wekelijks nog 0,5 a 1 uur thuis aan werkt Omdat je natuurlijk wel wat richtlijnen nodig hebt komt de planning globaal hier op neer: Tot aan de kerstvakantie: o Codecademy basiscursussen (HTML en CSS) o Tussen de 8 en 12 lessen (afhankelijk van cluster) Januari en februari o Afmaken basiscursus en eventuele verdiepingscursussen o Opdrachtomschrijving PO online Als je minstens de basiscursussen hebt afgemaakt, begin je aan de PO opdracht. Deadline: zondag 17 maart Toetsweek 2 (20 feb 27 feb) o Praktische toets HTML/CSS op de computer 7
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 informatiePublishing & Printing Company B.V.
STAPPENPLAN WEBSITE Versie 1.3 Publishing & Printing Company B.V. Weth. Sangersstraat 38 (0)46-437 73 11 KVK 140.41959 6191 NA Beek web@pp-company.nl BTW NL 0085.52.861.B01 Algemene voorwaarden www.pp-company.nl
Nadere informatieSBO WEBSITES BOUWEN IN 7 STAPPEN
SBO WEBSITES BOUWEN IN 7 STAPPEN STAPPENPLAN WEBSITE BOUWEN Online ondernemers behalen drie procent meer omzet dan hun offline collega's, zo blijkt uit onderzoek. Een goede reden om als mkb er online aanwezig
Nadere informatiePlan van aanpak. Project: Portfolio Website. Bedrijf: InHolland Haarlem
Plan van aanpak Project: Portfolio Website Bedrijf: InHolland Haarlem Plaats, datum: Haarlem, 18-09-2013 Opgesteld door: Gerardus Vermeulen (536512), 536512@inholland.nl Plan van Aanpak project Portfolio
Nadere informatieintro informatica F. Vonk versie
2017 intro informatica F. Vonk versie 2 7-8-2017 inhoudsopgave 1. inleiding... - 4-2. ELO... - 4-3. opzet... - 5-4. plagiaat en eigen inbreng... - 5-5. leerlijnen... - 6-6. soorten opdrachten en beoordeling...
Nadere informatieCursus Analyse voor Web Applicaties 1. Webdesign / Web Programmeren Analyse voor web applicaties SDM methode + Basis UML
Cursus Analyse voor Web Applicaties 1 Organisatie Opleiding Module Onderwerp Syntra AB Webdesign / Web Programmeren Analyse voor web applicaties SDM methode + Basis UML Analyse op basis van SDM en UML
Nadere informatie6. De sitemap of stamboom van uw website
6. De sitemap of stamboom van uw website Dynamisch of statisch? CMS of Dreamweaver? Een databankgestuurde website en CMS Grotere websites hebben nood aan een eenvoudiger manier om informatie toe te voegen,
Nadere informatieCurriculum Vitae. Persoonlijke gegevens. Straat : Rembrandtplein 81. Geboorte datum : 01/03/1979 Geboorte plaats : Leiden Burgerlijke staat : Ongehuwd
Curriculum Vitae Persoonlijke gegevens Achternaam : Lemmers Voornaam : Eric Straat : Rembrandtplein 81 Postcode : 2162 ED Woonplaats : Lisse Geboorte datum : 01/03/1979 Geboorte plaats : Leiden Burgerlijke
Nadere informatiedidiclass 2.0 Opdrachtnemer: E-minor projectgroep Noordelijke Hogeschool Leeuwarden Opdrachtgever: Walter Geerts, de open universiteit
didiclass 2.0 Opdrachtnemer: E-minor projectgroep Noordelijke Hogeschool Leeuwarden Opdrachtgever: Walter Geerts, de open universiteit Projectgroepleden: Laurens Ruiter: laurens.ruiter@gmail.nl Dévit Schimmel:
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 informatieHET OPSTELLEN VAN USER EN HET UITSPLITSEN VAN USER STORIES NAAR CONCRETE TAKEN.
User stories HET OPSTELLEN VAN USER EN HET UITSPLITSEN VAN USER STORIES NAAR CONCRETE TAKEN. In dit document lees je hoe je User Stories opstelt en waar ze voor dienen. Je leert ook User Stories uit te
Nadere informatieInterview verslag! Anouk van Houten 538565. Interview verslag. Naam: Anouk van Houten, 538565 Klas: INF1c Vak: Interviewen Docent: Ellen Leen
Interview verslag Naam: Anouk van Houten, 538565 Klas: INF1c Vak: Interviewen Docent: Ellen Leen Inhoudsopgave: Voorwoord -!!!!! blz. 3 Wempe Webdesign -!!!! blz. 4 Opleiding -!!!!!! blz. 4 Beroepskeuze
Nadere informatieInhoud. Introductie tot de cursus
Inhoud Introductie tot de cursus 1 De functie van de cursus 7 2 De inhoud van de cursus 7 2.1 Voorkennis 7 2.2 Leerdoelen van de cursus 8 2.3 Opbouw van de cursus 8 3 Leermiddelen en wijze van studeren
Nadere informatieSTAGE VERSLAG LVB NETWORKS
STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:
Nadere informatieNiels van den Hoek. Persoonlijke gegevens. Wie ik ben, in een notendop. Opleidingen en cursussen. Kennisniveau en vaardigheden
CV Niels van den Hoek Persoonlijke gegevens Naam Niels van den Hoek Woonplaats Hoogland Geboortedatum 15 oktober 1980 Nationaliteit Nederlandse Burgerlijke staat Getrouwd Talen (woord) Nederlands, Engels
Nadere informatiePlan van aanpak. Project Digitaal Portfolio. Project: Webdesign. Organisatie: InHolland Haarlem. Opdrachtgever: Maya Schmuki
Plan van aanpak Project Digitaal Portfolio Plaats, datum: Haarlem, 14 Maart 2014 Project: Webdesign Organisatie: InHolland Haarlem Opdrachtgever: Maya Schmuki Opdrachtnemer: Frank Bakker E-mail: 463631@inholland.lnl
Nadere informatieSTUDIEPLANNER Niet-examenklassen Jaarlaag: 4 VWO Vak: Informatica. Toetsperiode 1. Wk Vaklessen Vakles / opdrachten Extra 36 B1H01: 1, 2 en 3
Toetsperiode 1 36 B1H01: 1, 2 en 3 Bits en bytes, talstelsels en schakelaars in de computer. Alle lln moeten een digitaal bestand aanleggen met daarin de opdrachten van de theoriehoofdstukken. Deze wordt
Nadere informatieGeo-informatie en toegankelijkheid Technische sessie. NCDT 29 oktober 2014 Thijs Brentjens
Geo-informatie en toegankelijkheid Technische sessie NCDT 29 oktober 2014 Thijs Brentjens Toegankelijke geo-informatie Handreiking Handreiking: Geo-informatie & Webrichtlijnen Samenwerking Geonovum en
Nadere informatieLES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.
LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress
Nadere informatieWHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES
WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we
Nadere informatieProject plan. Erwin Hannaart Sander Tegelaar 61849 62407
Project plan Erwin Hannaart Sander Tegelaar 61849 62407 I4C2 I4C1 1 Inhoudsopgave Doel en doelgroep van het project... 3 Beschrijving van het project... 4 Benodigde materialen... 5 Te verwachten resultaten,
Nadere informatieToetsmatrijs Web Markup
Toetsmatrijs Web Markup Deze toetsmatrijs verstrekt de leerdoelen en toetscriteria voor het vak Web Markup competentienummers of C 1.1 Een eenvoudige webpagina bouwen, testen en publiceren op het web HTML,
Nadere informatieStappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.
Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker
Nadere informatieTemplates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website
Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Wat we gaan doen 1. Wie ben ik? 2. Voor- en nadelen bestaande templates en eigen templates 3. Eigen template op basis
Nadere informatieSuccesvol websites bouwen vanuit een concept
Succesvol websites bouwen vanuit een concept Docent: Ruben Olislagers 1 Internetstrategie Begin met een gedegen plan 2 User Centered Design Ontwerpen vanuit de wensen en behoeften van de doelgroep Wie
Nadere informatieeqbs gebruikersvriendelijke websites
eqbs gebruikersvriendelijke websites maatwerk websites voor uw onderneming www.elitelabs.nl gebruikersvriendelijke maatwerk website Overal ter wereld altijd uw eigen website beheren. Persoonlijk ontwerp
Nadere informatieGedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item
Briefing Website Gedaan: Logo Communicatie middel(en) Inrichtingsplan Nog te doen: - Website - Balie - Promotie item Website > vormgeving Website > techniek Wat maak je? Je maakt een website voor restaurant
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 informatie1. Werken bij mijn domein
1. Werken bij mijn domein Kwaliteit is voor jou erg belangrijk. Je voert geregeld code- reviews uit van je collega s, net zoals zij dat bij jou doen. Je houdt rekening met webrichtlijnen en je schrijft
Nadere informatieLeerpaden maken. 1. Account en wachtwoord. 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina.
Leerpaden maken 1. Account en wachtwoord 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina. 5. Structuur aanbrengen met stappen 6. Structuur aanbrengen
Nadere informatieHandleiding indesteeg.nl
Handleiding indesteeg.nl Deze korte handleiding beschrijft hoe u artikelen of kalender items toe kan voegen aan de website. 1) Registreren Het is noodzakelijk om allereerst te registreren om een gebruikersaccount
Nadere informatieOog voor eigenheid. Maatwerk
Oog voor eigenheid webdesign.casalinda.nl linda@casalinda.nl tel 023 529 4163 Ben je een kleine zelfstandige, en heb je grote ambities? Dan wil je een professioneel ogende website. En dan geen standaard
Nadere informatieCSG Groene Hart, vestiging Lyceum 16-17
Studieplanner Niet-examenklassen Jaarlaag: 4 VWO Vak: Informatica Toetsperiode 1 Week Vaklessen Vakles / opdrachten Extra 34 B1H01: 1, 2 en 3 Bits en bytes, talstelsels en schakelaars in de computer. Alle
Nadere informatieDrempelvrij samenwerken
Drempelvrij samenwerken Start ook met drempelvrij samenwerken. Door kennis en informatie te delen op een platform dat aan de webrichtlijnen voldoet kun je met heel Nederland samenwerken. In deze whitepaper
Nadere informatieMeehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 www.edubas.nl
Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 Versie 1.0 februari 2015 Start-versie Over dit document In dit document probeer is duidelijk te maken hoe de spellen
Nadere informatieWEBSITE USABILITY. white-paper
WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te
Nadere informatieInhoud. Introductie tot de cursus
Inhoud Introductie tot de cursus 1 De functie van de cursus 7 2 De inhoud van de cursus 7 2.1 Voorkennis 7 2.2 Leerdoelen van de cursus 8 2.3 Opbouw van de cursus 8 3 Leermiddelen en wijze van studeren
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 informatieWebsitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl
Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl
Nadere informatieprocesbeschrijving. 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 informatieVersie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
Nadere informatie<INFORMATIE/> CODE QUBE
CODE QUBE INFORMATIE < De Code Qube is een interactief en fysiek hulpmiddel waarmee kinderen vanaf 8 jaar leren hoe ze stap voor stap een website kunnen bouwen. Aan de hand van HTML Henk
Nadere informatieStartersservice Thomas More
Gebruikte skills: Tedde Consult: Startersservice Thomas More Samenwerken ICT-geletterdheid Communiceren De vraag naar een website Tedde Consult is een onderneming geleid door studenten Bedrijfskunde van
Nadere informatiePLAN VAN AANPAK. Conceptipedia onderwerp: Web. Selwyn Cohen Remco Taken
PLAN VAN AANPAK Conceptipedia onderwerp: Web Selwyn Cohen Remco Taken Inhoudsopgave Projectbeschrijving...1 Strokenplanning...2 Activiteitentabel...3 Risicoanalyse...4 Navigatieschema...5 Projectbeschrijving
Nadere informatieLES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting
LES 11: VAN LOKAAL NAAR ONLINE Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting Tijd: 10 minuten Doel: Aan het einde van de les kun je de lokale
Nadere informatieContent tips & tricks
Content tips & tricks E-learning vormt de basis van je lessen en als docent steek je veel tijd in het ontwikkelen en vormgeven van deze content. Met deze handleiding maken we dit proces net even makkelijker
Nadere informatieBsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica
Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie
Nadere informatieGebruiksvriendelijkheid:
Een tool om een boek te maken of kinderen zelf een boek te laten maken. Gebruiksvriendelijkheid: Deze webtool is gebruiksvriendelijk. Het is een tool met enkele mogelijkheden. De bedieningsknoppen zijn
Nadere informatiePROOF of CONCEPT. Technical justification + Design. Martijn Muit - Digital Publisching Semester 4
PROOF of CONCEPT & Technical justification + Design Martijn Muit - Digital Publisching Semester 4 BIOGRAFIE Inspiratie Ik ben als eerst rond gaan zoeken naar verschillende technieken. Hierbij kwam ik tot
Nadere informatieBasiscursus SharePoint 2013 V1.0. Kim Snellink & Daan Legrand Fontys Hogescholen
Basiscursus SharePoint 2013 V1.0 Kim Snellink & Daan Legrand Fontys Hogescholen SharePoint 2013 Basiscursus: Praktijk Werken met SharePoint Welkom bij de basiscursus voor SharePoint 2013! Voor we beginnen
Nadere informatieConcurrentieanalyse http://www.syntra-mvl.be/ Kenmerk: Homepage 3/5 Design 3/5 Navigatie 4/5 Inhoud 4/5 Interactie 3/5 Leesbaarheid 5/5 Technische kwaliteit 4/5 Totaalindruk 4/5 Beschrijving website: De
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 informatieDe Geschiedenis van het Internet
De Geschiedenis van het Internet Hoe is het internet ontstaan? https://www.youtube.com/watch?time_continue=32&v=r3dnhjhxmm g Het internet zag er eerst nog zo uit: Wie van jullie zou dit kunnen gebruiken?
Nadere informatieInformatica 4H. Les 1. Informatie. Periode 1 HTML en Netwerken bzmr - Da Vinci College Purmerend 1
Informatica 4H Periode 1 HTML en Netwerken Les 1 Informatie 10-9-2017 bzmr - Da Vinci College Purmerend 1 Praktische informatie HTML en Netwerken Periode 1 Toetsen PO41 10% Wekelijkse opdrachten DT41 5%
Nadere informatieInteractieve afbeeldingen maken met Thinglink
Interactieve afbeeldingen maken met Thinglink Met Thinglink kun je een interactieve afbeelding maken en die online delen. Op een afbeelding kun je tags aanbrengen met tekst, foto's, filmpjes, geluid, enzovoort.
Nadere informatieprocesbeschrijving. 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 72 Jelle Bouwman,
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 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 informatieOfferte website. Taal & Talent, Jorijn Tragter Thomas Hop, PingOnline Offerte vernieuwde website
Offerte website Aan Van Betreft Datum Taal & Talent, Jorijn Tragter Thomas Hop, PingOnline Offerte vernieuwde website 4 februari Achtergrond Taal & talent is niet tevreden over de huidige website. De Wordpress
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 informatieVoorlichtingstijdschrift maken over leefstijl Preventie en Gezondheidsvoorlichting
Voorlichtingstijdschrift maken over leefstijl Preventie en Gezondheidsvoorlichting Opleiding: Verzorgende IG / Verpleegkunde Cohort: 2016-2017 Mijlpaal: 2 Auteurs: R. de Graaff en J. van der Veen 1 INHOUDSOPGAVE
Nadere informatieDRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS. Auteur:Harriet Damen SURFnet BV
DRAAIBOEK STARTEN MET 21EDINGEN IN WORDPRESS Auteur:Harriet Damen SURFnet BV Versie 1.0 27 januari 2010 1 DRAAIBOEK CURSUS 21EDINGEN OP DE EIGEN INSTELLING Benodigde kennis om te starten met 21eDingen:
Nadere informatieInteractief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
Nadere informatieStappenplan App maken
WAT IS APPMACHINE? Als je een app wilt maken, dan kan dit onder andere met het programma AppMachine. AppMachine is een online toolkit waarmee je zonder kennis van programmeren eenvoudig en snel een app
Nadere informatieWebdesign voor ondernemers
e-boek Webdesign voor ondernemers Veelgestelde vragen over het laten maken van een website Bart van den Bosch Inhoud 1. Zelf doen of uitbesteden? 4 2. Webdesigners 7 3. Wat is Wordpress 10 4. Maken van
Nadere informatieGebruikershandleiding Typo3
Gebruikershandleiding Typo3 Inhoudsopgave: 1. Inhoudsopgave 2. Inloggen op de backend 3. Tekst aanpassen 4. Afbeeldingen toevoegen. a. Een afbeelding toevoegen in de teksteditor. b. Een afbeelding toevoegen
Nadere informatieWORDPRESS THEME. 2017, Roy Sahupala
WORDPRESS THEME 2017, Roy Sahupala Belangrijke opmerking De methodes en programma s in deze handleiding zijn zonder inachtneming van enige patenten vermeld. Ze dienen enkel voor amateuren studiedoeleinden.
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 informatieHandleiding media toevoegen voor uitgevers.
Handleiding media toevoegen voor uitgevers. Deze handleiding geeft stapsgewijs aan hoe u, nadat u bent ingelogd als uitgever, uw media kunt uploaden op het platform. Ga naar https://www.mediavinden.nl.
Nadere informatieTrek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)
Opdracht: Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je
Nadere informatieMijn Website. Handleiding (Veel gestelde vragen) 1 Mijn Website Handleiding ACTIVE 24
Mijn Website Handleiding (Veel gestelde vragen) 1 Mijn Website Handleiding ACTIVE 24 Inhoud VEELGESTELDE VRAGEN OVER MIJN WEBSITE WAT IS EEN WIDGET?... 4 HOE VOEG IK TEKST TOE AAN MIJN WEBSITE?... 4 HOE
Nadere informatieWebsite rapport zazoutotaal.nl
Website rapport zazoutotaal.nl ZazouTotaal Full Service Mediabureau Webdesign ZazouTotaal Full Service Mediabureau. De Webdesigner met 10 jaar ervaring. Voor betaalbare websites en webwinkels. Voor alle
Nadere informatieStage bij. Mediavormgever
Stage bij Mediavormgever Inhoudsopgave De opleiding 1 Opbouw van de opleiding 2 De vakgebieden 3 Stage bij het College voor Techniek en Design 6 Accredatie door S-BB 7 Eerste stage + Kwalificerende stage
Nadere informatieStage bij. Mediavormgever
Stage bij Mediavormgever Inhoudsopgave De opleiding 1 Opbouw van de opleiding 2 De vakgebieden 3 Stage bij het College voor Techniek en Design 6 Accredatie door S-BB 7 Eerste stage + Kwalificerende stage
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieOpdrachten: http://tweakers.net/vormgevingsstagiair
Opdrachten: 1. Verzamel vijf vacatures van banen die jij zou willen uitoefenen in je stage. Hierbij is het niet van belang of het bedrijf bij jouw in de buurt gevestigd is. 2. Beantwoord de volgende vragen
Nadere informatieVersie 2. Opdracht deel B 07-12-2014. Inhoud. Raoul Vos Hogeschool Leiden Studentnummer: 1088675
Versie 2 07-12-2014 Opdracht deel B Inhoud Raoul Vos Hogeschool Leiden Studentnummer: 1088675 Inhoudsopgave: Inleiding:... 3 Opdracht deel A Analyse... 3 Opdracht deel B Inhoud... 3 Opdracht deel C Website...
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 informatieStudiewijzers 2016/2017
Studiewijzers 2016/2017 Periode 3 mavo-havo leerjaar 1 Inhoudsopgave Nederlands 3 Engels 5 Geschiedenis 7 Aardrijkskunde 9 Levensbeschouwing 11 Biologie 13 Tekenen 15 Handvaardigheid 16 Periode 3 leerjaar
Nadere informatieDaphne Otterloo. Creative Front-end Developer. Curriculum Vitae. Daphne Otterloo Creative Front-end Developer
Daphne Otterloo Curriculum Vitae Persoonlijk Naam: Geboortedatum: Geboorteplaats: Adres: E-mail: Daphne Otterloo 30-03-1990 Voorburg Van Aalstlaan 520 2722 SB, Zoetermeer daphneotterloo@gmail.com Profiel
Nadere informatieOVERZICHT LEERGANG Doelstelling van de leergang Opbouw van de leergang Inhoud van de leergang
Leergang Digitale Geletterdheid & Didactiek Product en prijzen 2017 OVERZICHT LEERGANG Onderwijs heeft als doel om jongeren voor te bereiden op de maatschappij waarin ze leven. Digitale geletterdheid is
Nadere informatieResponsive & Adaptive
Responsive & Adaptive webdesign door online regisseur Snakeware versie 1.0 woensdag, 17 oktober 2012 Uitgebracht door: Auteurs: Snakeware Martiniplein 15e 8601 EG Sneek Dhr. Gerben Kuipers gerben@snakeware.nl
Nadere informatieBegeleidershandleiding Voedingscentrum Meer dan lekker in de super
Begeleidershandleiding Voedingscentrum Meer dan lekker in de super Helpdesk online module: Spring Instituut Tel: 0318-493133 Mail: info@springinstituut.nl 1 Inhoud Hoofdstuk 1 Algemene informatie... 3
Nadere informatieStudiewijzers 2016/2017
Studiewijzers 2016/2017 Periode 3 kader-mavo leerjaar 1 Inhoudsopgave Nederlands 3 Engels 5 Mens & Maatschappij 7 Biologie 9 Tekenen 11 Handvaardigheid 12 Periode 3 leerjaar 1 kader-mavo 2 Cursusjaar Vak
Nadere informatieWebflex voor Webdesigners
Webflex voor Webdesigners Kinetiek Webtechnologie - Handelstraat 14-6815 CW Arnhem - http://kinetiek.com Webflex voor webdesigners blz. 1 9-1-2013 17:09 Inhoudsopgave 1 Inleiding... 3 1.1 Menu s... 4 1.1.1
Nadere informatieMD/Module 4 html/css /JS HTML-CSS-JS. 1.2 Introductie jquery. Javascript module 4
HTML-CSS-JS 1.2 Introductie jquery Javascript module 4 .jquery Wat is jquery? jquery is een bibliotheek voor javascript! jquery heeft als motto Wirte less, do more! Met meer code veel meer mogelijkheden!
Nadere informatieBedrijfsinformatie 1 september 2014
1 september 2014 Wie ben ik? Even voorstellen Mijn naam is Niek Scholtes, geboren op 29 april 1986 in Den Haag. In 2009 heb ik mijn HBO studie Human Technology afgerond aan de Haagse Hogeschool. Human
Nadere informatiePHP-OPDRACHT SITE BOUWEN
PHP-OPDRACHT SITE BOUWEN PERIODE 4 LEERJAAR 1 Opleiding: Duur: Applicatieontwikkelaar 1 onderwijsperiode (4-8 weken) Voorkennis: Basiscursus PHP 5.4 Victor Peters (978 90 125 8499 9) Basiscursus XHTML,
Nadere informatieHandleiding CMS. Auteur: J. Bijl Coldfusion Consultant
Handleiding CMS Auteur: J. Bijl Coldfusion Consultant Inhoudsopgave 1.0 Inleiding 3 2.0 Introductie CMS en websites 4 3.0 Inloggen in beheer 5 4.0 Dashboard 6 4.1 Bezoekers totalen 6 4.2 Bezoekers 7 4.3
Nadere informatieHandleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp
HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding HetSchoolvoorbeeld 2.1 Websites Social media Mediawijsheid Grafisch ontwerp Handleiding HetSchoolvoorbeeld 2.1 Pagina 1 Inhoud 1 Opbouw van
Nadere informatieProject Initiation Document Afstudeerstage Wouter Janssen
Project Initiation Document Afstudeerstage Wouter Janssen 2/12 Project Initiation Document Afstudeerstage Wouter Janssen Opdrachtnemer: Websdesign Internet Communicatie, Wouter Janssen Opdrachtgever: Websdesign
Nadere informatieMeehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1
Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 Versie 1.0 februari 2015 Start-versie Over dit document In dit document probeer is duidelijk te maken hoe de spellen
Nadere informatiemyshop Skin en logo aanpassen
Skin en logo aanpassen Wat leer je in dit hoofdstuk: - Hoe je een skin kan wijzigen - Hoe je de kleuren van een skin aanpast - Hoe je het logo aanpast - Hoe je het logo laat linken naar je homepage Inleiding
Nadere informatieZicht - Content Management Systeem een algemene beschrijving
Zicht - Content Management Systeem een algemene beschrijving Versie april/2008 Zicht nieuwe media ontwerpers 2008 1 Inleiding Een Content Management Systeem (CMS) is een webapplicatie waarmee je zonder
Nadere informatieJouw Training Online. Wiepke de Jong. Online Business Trainer Online Training Websites
Jouw Training Online Wiepke de Jong Online Business Trainer Online Training Websites INLEIDING INTRODUCTIE 1. DEEL JE VOORTGANG 2. Jouw online training onderwerp 3. De module s in je online training 4.
Nadere informatieIntroductie. Het concept. De website
Gijs Bos IM1109 Project Interactieve Multimedia 28 juni 2011 Introductie Het project begonnen wij met een ander concept, deze zou gaan over een eerstejaars student die zijn eerste stappen op de Universiteit
Nadere informatie