Programmeren is Makkelijk

Slides:



Advertisements
Verwante presentaties
Nieuwsbegrip ouderpresentatie
Advertisements

Les 2 Vandaag •Vragen over voorgaande stof •Plaatjes •Tabellen •Links •Huiswerk.
Citeren, verwijzen, voetnoten, paginanummering … GIP
29/03/2013. jQuery is  een JavaScript-bibliotheek die je kan integreren in je HTML-pagina.  Om animaties te maken, die SEO-vriendelijk(er) zijn  Door.
Databases via internet
Makkelijk lezen voor volwassenen [Bedrijfsnaam]. Wat doen we?  We maken lezen aantrekkelijk.  We maken volwassenen actief met taal.  Dan wordt lezen.
WELKOM! Les 1 Vandaag 1.Voorstellen 2.Inhoud en doel cursus 3.Inleiding website 4.Benodigde software 5.Inleiding HTML 6.Huiswerk 7.Afwas ☺
Gemaakt door Michelle Boudens
HTML Les 1: Introductie HTML
WordPress les 3.
Crashcursus HTML en CSS 2013
ChatBox
Webapplicaties: de clientkant in het universitaire onderwijs Sylvia Stuurman – Herman Koppelman Faculteit Informatica.
Mijn eerste Website bouwen
WEBBUILDING 07/03/2005 Saartje De Geyter.
Les 3 Vandaag 1.Bekijken thuisopdrachten 2.Vragen over voorgaande stof 3.Links 4.FTP 5.Huiswerk.
Quiz Start.
Handleiding Interactieve versie mbv DSB Onderwerp 8 – Quiz.
Starten met PHP Dynamischer bouwen. PHP is een een scripttaal waarmee de server pagina’s in elkaar kunt laten zetten. Het verschil met HTML: Een php pagina.
Programmeren met If This Then That (IFTTT)
Starten met PHP Dynamischer bouwen.
Tweede wereldoorlog.
Woordenschat en kijk op taal Hoofdstuk 2 en 3
Samenvatten.
HTML De basis-elementen.
Webbrowsers Inhoudsopgave  Webbrowser  Geschiedenis  Verschillende webbrowsers Bekende webbrowsers Minder bekende webbrowsers  Vergelijking.
HTML. Wat is HTML Je kunt er sites mee bouwen Hypertext Markup Language Afspraken voor opmaak: tags.
Client side vs Server side Server side code Code wordt op de webserver uitgevoerd Bewerkt de html die naar de gebruiker gestuurd wordt voordat die verzonden.
Scripting 4 designers aftrap theo arthur bennis
Loopbaan oriëntatie en begeleiding
Programmeren.
Programmeren Spreekbeurt Joris.
Webpagina's maken met (X)HTML en CSS Lang leve het Kladblok!!! Verboden voor editors.
Agenda  Lesuur minuten  Wat kun je met programmeren?  Wat is code en hoe werkt het?  Code schrijven: de basis  Lesuur minuten  Zelf.
Hoe maak ik een PowerPoint presentatie?
Codetuts Academy Les 2 Module 2a Php Fundamentals 1.
Wat is social media? Groep 8
Woordjes leren.
WOENSDAG 16 MAART VRIJDAG 18 MAART NEDERLANDS. PROGRAMMA  15 minuten lezen uit het leesboek  Bespreken werkplanner  Nakijken opdracht 3 en 4 (lezen)
Groep 6 Wat doe ik vandaag?. TIPS om te doen O Je zit vandaag onverwacht thuis. Je krijgt wat tips om vanmiddag te doen. Je hebt soms wel een PC nodig.
Workshop website bouwen Les 4. Wat heb je geleerd?
Quiz tops en tips groep 5 en 6. Tops en tips In deze les maakte je maatje een gedicht over de nacht. Dit stond in ‘Zo zit het!’: ZO ZIT HET! Hier let.
HTML Hypertext Markup Language. HTML code Elementen van een webpagina Eigenschappen van elementen Structuur van elementen.
Effecten van taal Onderzoek naar wat woorden, zinsconstructies en tekststructuren doen met de ontvanger.
Programmeren. Wat is programmeren? Het schrijven van opdrachten voor de processor De processor “spreekt” machinetaal:
MEDIAWIJSHEID LES 2 Laura van Vught. INTRODUCTIE o Vorige les: Zoeken op het Internet. Herkennen van betrouwbare sites. o Lessen Mediawijsheid Les 1:
Surfen op het internet Basisbegrippen
Les cours de Français HB groep.
Les 4 havo Leesvaardigheistraining;
1. Wat gaan we vandaag doen ?
Kennismaking met programmeren
Moleculen Mo eculen Les 5 Zoek het uit! deel 1.
Ict begrippen Van tim hendriks.
Omdat we op onze eigen account programmeren
Kennismaking met programmeren
Programmeren in de Klas
Kennismaking met programmeren
Programmeren in de Klas
Informatieavond Kurzweil (basis).
Hoe maak je een pagina voor een website?
Elke les is een taalles Welke taalsteun hebben mbo-studenten nodig?
Hoe maak ik een goede samenvatting?
Welkom :-).
De schrijver mee op reis
E health, Domotica en E-learning
SEL Les 2: normen en waarden.
Semantisatieverhaal Ken jullie het filmpje van die lachende man in het openbaar vervoer, in de metro? Openbaar vervoer is vervoer dat iedereen mag gebruiken,
Vandaag Les 6: Dieren Wat Tijd Start 5 Nakijken opgaven
Zoeken naar informatie op het Internet.
HTML5 introductie.
Transcript van de presentatie:

Programmeren is Makkelijk Les 1: HTML

Wat gaan we leren in deze lessen? Je eigen website maken Programmeren in HTML Programmeren in JavaScript De concepten van vorig jaar gebruiken in een echte programmeertaal!

Wat gaan we vandaag leren? Wat is HTML? Wat zijn tags? Hoe kunnen we programmeren met tags?

Website Wat is een website?

Website Wat is een website? Een browser (Firefox, Chrome, Internet Explorer, Safari) leest de code en presenteert het resultaat De code is HTML code Jullie gaan ook HTML code leren schrijven!

Website Wat is een website? De code van de bekertjesrobot zag er ook heel ingewikkeld uit De code zorgde voor een mooi bouwwerk De ingewikkelde HTML code zorgt voor een mooie website!

Website Hoe schrijf je HTML? HTML is een taal die werkt met tags Door de tags begrijpt de browser wat hij moet doen, zoals het laten zien grote, kleine, dikke of schuine woorden, een plaatje, of een filmpje!

Website <p> woord </p> Hoe schrijf je HTML? Een tag is als een broodje hamburger: <p> woord </p>

Website <p> woord </p> Hoe schrijf je HTML? Een tag is als een broodje hamburger: <p> woord </p>

Website <p> woord </p> Hoe schrijf je HTML? Een tag is als een broodje hamburger: <p> woord </p>

Website <p>paard</p> <b>wagen</b> Hoe schrijf je HTML? <p>paard</p> paard <b>wagen</b> wagen <i>speeltuin</i> speeltuin

Website Dit mag ook! <b> paard </b> paard

Website Hoe schrijf je HTML? Openen met bijvoorbeeld <p> of <b> (de bovenkant van het broodje) Dan de woorden in je tag (de hamburger) Sluiten met bijvoorbeeld </p> of </b> (de onderkant van het broodje)

Website <html> </html> Hoe schrijf je HTML? Je begint altijd met de <html> tag, en sluit af met de </html> tag. Dan weet de browser dat het een HTML pagina is.

Website <html> <body> </body> </html> Hoe schrijf je HTML? <html> <body> </body> </html> Daarbinnen komen de <body> en</body> tags. Tussen deze tags komt de code van de site!

Website <html> <body> Hoe schrijf je HTML? <html> <body> <h1>Mijn eigen website!</h1> <p>deze tekst is normaal</p> <b>deze tekst is dik</b> <i>deze tekst is schuin</i> </body> </html> Met de p-tags maak je gewone tekst, zonder opmaak! Met de b en i-tags maak je dikke en schuine tekst!

Mijn eigen website! Website <html> <body> Hoe schrijf je HTML? <html> <body> <h1>Mijn eigen website!</h1> <p>deze tekst is normaal</p> <b>deze tekst is dik</b> <i>deze tekst is schuin</i> </body> </html> Mijn eigen website! deze tekst is normaal deze tekst is dik deze tekst is schuin

Draak Website <html> <body> <h1>Draak</h1> Voorbeelden <html> <body> <h1>Draak</h1> </body> </html> Draak

Website <html> <body> <b>ridder</b> Waar zit de fout? <html> <body> <b>ridder</b> <i kroon</i> </body> </html> ridder

Website <html> <body> <b>ridder</b> Zo klopt het weer! <html> <body> <b>ridder</b> <i>kroon</i> </body> </html> ridder kroon

Website <html> <body> <b>ridder /b> Waar zit de fout? <html> <body> <b>ridder /b> <i>kroon</i> </body> </html> ridder /b> kroon

Website <html> <body> <b>ridder</b> Zo klopt het weer! <html> <body> <b>ridder</b> <i>kroon</i> </body> </html> ridder kroon

Website <html> <body> <b>ridder</b> Met <p> maak je een nieuwe zin! <html> <body> <b>ridder</b> <p>kroon</p> </body> </html> ridder kroon

Website Hoe schrijf je HTML? aan het werk! www.gprog.nl

Website <p>paard</p> Hoe schrijf je HTML? paard <p>paard</p> <p kleur=“groen”>paard</p> <p kleur=“rood”>paard</p>

Website Samenvatting Een browser leest HTML tags en maakt er een website van Jullie kunnen zelf ook HTML lezen en schrijven!