Professional Documents
Culture Documents
Verslag Informatica PTA
Verslag Informatica PTA
Reflectie–
Ik heb erg veel tijd in dit PO gestoken. Toch vond ik het niet erg om er aan te werken. Ik vond het er
leuk om te zien hoe tijdens het proces dingetjes toch wat makkelijker werden. Dit is misschien een
van de leerzaamste PO’s die ik ooit heb gehad. Want ik weet bijna zeker dat ik hier in de toekomst
ook nog wat aan heb. Vooral op het begin ging het nog een beetje stroefjes, maar langzamer hand
werd ik steeds handiger. Ook met dank aan andere kinderen die mij konden helpen met dit. Ondanks
dat heb ik het helemaal zelf gedaan zonder enige fysieke hulp. Ik hoop dat ik nergens ben vergeten
om een bron te vermelden.
Iets wat ik nog steeds niet snap is dat als je een blok met tekst hebt dat je dan geen foto/video er
naast kan zetten omdat dat ding denkt dat er nog tekst staat. Vandaar dat er bij de 2de pagina een
video iets naar onder staat maar ik vond het wel iets hebben.
Wireframe –
Code –
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>zelfvertrouwen en zelfverzekerheid</title>
</head>
<body>
<center><h1>zelfvertrouwen en zelfverzekerheid</h1></center>
</div>
<div id="eerste">
<p>Op deze website kan JIJ je zelfvertrouwen en zelfverzekerheid verbeteren!</p>
</div>
<h2>
<div id="menu">
<center><p><a href="tips.html">tips</a></p></center>
<center><p><a href="oorzaken.html">oorzaken</a></p></center>
<center><p><a href="contact.html">contact</a></p></center>
</div>
</h2>
</body>
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="kopje">
</div>
<p><p> Ik ga U meerdere fantastische tips geven waardoor u zich lekkerder in u vel voelt en meer
kan gaan genieten, in plaats van steeds zorgen maken over of u het wel goed doet of niet. je bent
goed zoals je bent! </p></p>
</div>
<div id="tekst">
Als je geen zelfvertrouwen hebt, heb je waarschijnlijk regelmatig nutteloze gedachten. "Ik kan het
niet" of "Als ik iets zeg, zal iedereen het stom vinden" zijn voorbeelden van gedachten die je zou
kunnen hebben. Deze ideeën zijn onrealistisch. Het is belangrijk om deze gedachten te leren
veranderen om weer een juist beeld van de werkelijkheid te krijgen en zelfvertrouwen te
ontwikkelen.
Als je denkt dat je iets niet kunt, doe het dan. Heb positieve verwachtingen voor jezelf en stel een
realistisch doel. Begin niet te moeilijk, zorg ervoor dat wat je probeert te doen, uitvoerbaar is, zodat
je het met succes kunt voltooien. Het laat je ervaren dat je iets kunt, en je weet dat je het de
volgende keer weer kunt. Naarmate je dit steeds meer ervaart, zal je zelfvertrouwen groeien. </p>
</div>
<div id="youtube">
src="https://www.youtube.com/embed/oyjRicjH9Jw">
</iframe>
</div>
</body>
</html>
<meta charset="utf-8">
</head>
<body>
<div id="kopje">
<center><h1>Dit zijn de oorzaken waardoor jij minder zelfvertrouwen hebt als mensen die de site
eerder hebben bezocht</h1></center>
</div>
<div id="hoi">
de linkjes van deze afbeeldingen leiden naar betrouwbare sites waar je van kan leren.
</div>
<div id="tabel">
<!-tekst-!>
<center><TABLE BORDER="1">
<TR>
</TR>
<TR>
<TD><a href="https://www.confront.nl/artikelen/347-assertiviteit-bewust-bouwen-aan-
zelfvertrouwen/"><img src="afbeelding 4.jpg" alt="tekst" style="width: 150px; height:
150px"/></a></TD>
</TR>
<TR>
</TR>
</TABLE>
</!-tekst-!>
</center>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="kopje">
<center><h1>Contact</h1></center>
</div>
<div id="position">
In mijn vrije tijd ben ik graag buiten met vrienden. Ook ga ik 6 keer per week naar de sportschool.
dat helpt mij erg voor afleiding tijdens leren voor een toets bijvoorbeeld. en als ik daar ben voel ik mij
goed. ik heb voor dit onderwerp gekozen om mensen te helpen. misschien wil ik dat later ook wel
gaan doen. ik speel nu bij awc in de onder 17-2 met voetbal. zelf ben ik voor ajax. </d>
</div>
<div id="geordend">
<OL>
<LI>reizen</LI>
<LI>sportschool</LI>
<LI>voetbal</LI>
</OL>
</div>
<div id="ongeordend">
<UL>
<LI>gezondheid</LI>
<LI>geld💰</LI>
<LI>vriendschappen</LI>
</UL>
</div>
<div id="mezelf">
<center><img src="foto van mezelf.jpg" alt="tekst" style="width: 325px; height: 275px" />
</center>
</body>
</html>
body {
font-family: verdana;
background-color: lightblue;
body {
background-color: green;
background-image: url(https://lsned.nl/wp-content/uploads/2019/12/191217-lsnned-infographic-
achtergrond-website-05.jpg)
<!-tekst-!>
h2 {
color: red;
font-style: italic;
h1 {
p{
font-variant: small-caps
#relatief {
height: 5%;
background-color: white;
}
#relatief {
position: relative;
top: 15px;
left: 45px;
#menu {
#eerste {
color: white;
body {
font-family: Verdana;
background-color: lightblue
h2 {
color: red;
font-style: italic
p{
font-variant: small-caps
#relatief {
height: 5%;
background-color: white;
#position {
position: relative;
top: 22px;
left: 5px;
color: white;
font-weight: bold;
#tekst {
position: auto;
top: 30px;
left: 30px;
color: white;
background-color: purple;
font-size: 11pt;
padding: 5px;
width: 750px;
body {
background-image: url(https://lsned.nl/wp-content/uploads/2019/12/191217-lsnned-infographic-
achtergrond-website-05.jpg)
#eerste {
color: white;
font-variant: sans-serif;
body {
font-family: Verdana;
background-color: lightblue
body {
background-image: url(http://www.bungeefun.nl/wp-content/uploads/2017/09/website-
achtergrond-grijs-definitief.jpg)
h2 {
color: red;
font-style: italic
}
p{
font-variant: small-caps
#relatief {
height: 5%;
background-color: white;
#position {
position: relative;
top: 22px;
left: 30px;
#hoi {
position: auto;
top: 15px;
left: 30px;
color: white;
background-color: purple;
font-size: 15pt;
padding: 5px;
width: 250px;
#tabel {
top: 10px;
body {
font-family: Verdana;
background-color: lightblue
}
body {
background-image: url(https://lsned.nl/wp-content/uploads/2019/12/191217-lsnned-infographic-
achtergrond-website-05.jpg)
h2 {
color: red;
font-style: italic
p{
font-variant: small-caps
#relatief {
height: 5%;
background-color: white;
#position {
position: relative;
top: 22px;
left: 30px;
color: white;
background-color: lightblue;
font-size: 15pt;
padding: 5px;
width: 250px;
#geordend {
left: 950px;
top: 150px;
position: absolute;
color: orange;
}
#ongeordend {
left: 950px;
top: 300px;
position: absolute;
color: yellow;
#mezelf {
left: 500px;
top: 150px;
position: absolute;