Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 11

Verslag

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>

<link rel= "stylesheet" type="text/css" href="style.css">

</head>

<body>

<div id="kopje"><div id="relatief">

<center><h1>zelfvertrouwen en zelfverzekerheid</h1></center>

</div>

<div id="eerste">
<p>Op deze website kan JIJ je zelfvertrouwen en zelfverzekerheid verbeteren!</p>

<center><h9>Hier onder staat een keuzemenu voor antwoorden op al u vragen</h9></center>

</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>

<center><img src="Geloof-in-jezelf-1170x850.png" alt="tekst" style="width: 325px; height:


275px"/></center>

</body>

<!DOCTYPE html>

<html lang="nl">

<head>

<meta charset="utf-8">

<title>de beste tips</title>

<link rel= "stylesheet" type="text/css" href="styletips.css">

</head>

<body>

<div id="kopje">

<center><h1>De beste tips om JOU zelfverzekerheid en zelfvertrouwen omhoog te


krijgen</h1></center>

</div>

<div id="position"><div id="eerste">

<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">

<p>Tip 1. Let op je gedachten </p>


De reden dat je niet zeker bent van een situatie, is omdat je bepaalde ideeën hebt. Hoe je over een
situatie denkt, heeft invloed op hoe je je voelt. Het is belangrijk om je hiervan bewust te zijn en deze
gedachten te leren herkennen zodat je ze kunt veranderen. Oefen dat dus. Denk elke dag aan
situaties waarin je zelfvertrouwen je in de steek lie.

<p>Tip 2. Handige gedachten </p>

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.

<p>Tip 3. Ga de uitdaging niet uit de weg

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">

<iframe width="420" height="315"

src="https://www.youtube.com/embed/oyjRicjH9Jw">

</iframe>

</div>

</body>

</html>

<meta charset="utf-8">

<title>de beste tips</title>

<link rel= "stylesheet" type="text/css" href="styleoorzaken.css">

</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>

<TD WIDTH="120" HEIGHT="60"><a


href="https://www.desteven.nl/persoonlijke-ontwikkeling/assertiviteit/zelfvertrouwen"><img
src="afbeelding 1.jpg" alt="tekst" style="width: 150px; height: 150px"/></a></TD>

<TD WIDTH="80"><a href="https://sochicken.nl/weinig-zelfvertrouwen"><img src="afbeelding 2.jpg"


alt="tekst" style="width: 150px; height: 150px"/></a></TD>

</TR>

<TR>

<TD HEIGHT="40"><a href="https://www.desteven.nl/persoonlijke-ontwikkeling/assertiviteit/


zelfvertrouwen"><img src="afbeelding 3.jpg" alt="tekst" style="width: 150px; height:
150px"/></a></TD>

<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>

<TD WIDTH="120" HEIGHT="60"><a href="https://www.loslaten.nu/zelfvertrouwen-


ontwikkelen/"><img src="afbeelding 5.jpg" alt="tekst" style="width: 150px; height:
150px"/></a></TD>

<TD WIDTH="80"><a href="https://www.supportnet.nl/4-manieren-om-je-zelfvertrouwen-te-


vergroten/"><img src="afbeelding 6.jpg" alt="tekst" style="width: 150px; height: 150px"/></a></TD>

</TR>

</TABLE>

</!-tekst-!>

</center>

</div>

</body>

</html>

<!DOCTYPE html>

<html lang="nl">
<head>

<meta charset="utf-8">

<title>de beste tips</title>

<link rel= "stylesheet" type="text/css" href="contact.css">

</head>

<body>

<div id="kopje">

<center><h1>Contact</h1></center>

</div>

<div id="position">

<d><p>deze site is van Jan Erinkveld. 15 jaar en doe HAVO.</p>

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>

<b>Mijn top 4 leukste dingen in het leven</b>

<LI>reizen</LI>

<LI>genieten van leuke momenten</LI>

<LI>sportschool</LI>

<LI>voetbal</LI>

</OL>

</div>

<div id="ongeordend">

<UL>

<b>mijn top 4 belangrijkste dingen in het leven</b>

<LI>gezondheid</LI>

<LI>tijden dat je kan genieten</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 {

a:link {color: red; text-decoration: none}

#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;

border: 1px solid 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;

border: 1px solid 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;

border: 1px solid orange;

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;

You might also like