Inhalen les 7 (versie B)

Maat: px
Weergave met pagina beginnen:

Download "Inhalen les 7 (versie B)"

Transcriptie

1 Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website. Open de map. Versleep hem eventueel naar je favorieten aan de linkerkant van je Finder-venster. Stap 2: Open index.html en style.css Open in de map Website de bestanden index.html en style.css in Dreamweaver (rechter muisknop > openen met > Dreamweaver.). Je hebt nu twee tabs (zie afbeelding), zorg dat je de de tab index.html open hebt staan en dat je Gedeeld geselecteerd hebt. Stap 3: Toevoegen van de andere knoppen In je index.html heb je in de <div> tag met de ID menu een knop (<a> tag) staan met de ID home. Zie onderstaande code. <div id='menu'> <a href='index.html' id='home'></a> Kopieer deze knop, totdat je 4 knoppen hebt. Hiervan moeten we de ID s gaan aanpassen, zodat we ook deze knoppen verschillende achtergronden kunnen geven. We geven de ID s de zelfde namen als de namen van de afbeeldingen. Dit komt er zo uit te zien: <div id='menu'> <a href='index.html' id='home'></a> <a href='index.html' id='over-ons'></a> <a href='index.html' id='nieuws'></a> <a href='index.html' id='contact'></a> We laten de href nog onaangepast.

2 Stap 4: Open style.css We gaan de knoppen nu een achtergrond geven. Je opent daarvoor nu de tab style.css. Stap 5: Geef het menu een achtergrond We geven het menu een achtergrondskleur. In mijn voorbeeld is dit een blauwe achtergrond. In style.css begin je boven #home een nieuwe regel. We gaan de div menu een breedte, hoogte en achtergrondkleur geven. Dit ziet er als volgt uit: #menu{ width: 960px; height: 50px; background:#5089c3; Bekijk telkens eens je resultaat. Open je index.html telkens in Safari of Chrome. Om de webpagina te herladen gebruik je de sneltoets CMD+R of op windows: CTRL+R. Stap 6: Geef de knoppen een achtergrond In style.css begin je onder de eind accolade ( ) van #home een nieuwe regel. Kopieer en plak #home op deze regel. Verander de van #home in #over-ons. Nu bewerk je de knop met de ID over-ons. Dit ziet er als volgt uit: #home{ width:140px; height:20px; display:inline-block; background: url(img/home.jpg); #over-ons{ width:140px; height:20px; display:inline-block; background: url(img/home.jpg);

3 Verander de background van #over-ons naar jouw bestandsnaam voor deze knop. In het voorbeeld van les 6 is dat over-ons.jpg background: url('img/over-ons.jpg'); Let er op dat je een tags altijd afsluit met een accolade naar links ( ) en dat je waarden altijd afsluit met een punt-komma ( ; ). Stap 7: Herhaal stap 6 voor de andere knoppen Herhaal stap 6 voor de knoppen met de ID s nieuws en contact. Let er op dat de bestandsnamen die je in je background plaatst overeen komt met jouw bestandsnamen en dat het bestand ook in de map img staat. Stap 8: Zet de knoppen in het midden In style.css begin je binnen #menu een nieuwe regel. We gaan witruimte toevoegen in je menu. Dit doen we met de eigenschap padding. Lees eerst slide 29 t/m 33 van les 6. Voor de eigenschap padding zijn er 4 waarden nodig. Ruimte boven, ruimte rechts, ruimte onder en ruimte links binnen in de tag. Zie slide 33. Padding wordt als volgt toegevoegd: #menu{ width: 960px; height: 50px; background:#5089c3; padding: 10px 10px 10px 10px; Stap 9: Voeg de div midden toe Boven de <div> met de ID header plaats je een nieuwe div. Deze krijgt de ID midden. Alle andere div s komen hier straks in te staan en worden zo in het midden geplaatst.

4 <div id='midden'> <div id='header'> Boven de <div> met de ID footer plaats je de sluitings van midden. <div id="footer"> Selecteer alles wat tussen de start- en sluittag staat van de div midden en druk op tab. Nu is duidelijk te zien dat de andere div s kinderen zijn van de div midden. Stap 10: Zet de div midden in het midden met CSS Ga weer terug naar je style.css. Begin onderin de pagina een nieuwe regel. Voeg hier de div met de ID midden toe. We geven deze dezelfde breedte als de header en het menu, namelijk 960 pixels breed. #midden{ width:960px; Druk op enter. Nu voegen we witruimte buiten de tag toe. Dit noemen we margin. Voor de eigenschap margin zijn er 4 waarden nodig. Ruimte boven, ruimte rechts, ruimte onder en ruimte links buiten de tag. Zie slide 33 (margin heeft dezelfde waarden als padding). Aan de bovenkant voegen we 50 pixels ruimte toe. Aan de rechterkant willen we dat de ruimte automatisch wordt bepaald, dat doen we met auto). Aan de onderkant voegen we geen ruimte toe en aan de linkerkant weer auto. Dit komt er zo uit te zien: #midden{ width:960px; margin: 50px auto 0px auto; Let erop dat je #midden ook weer afsluit met een accolade naar links. Als je de bestanden index.html en style.css nu opslaat kun je het resultaat gaan bekijken. Open index.html in Safari of Chrome en klik op CMD+R of op Windows: CTRL R. Je website staat als het goed is in het midden en je extra knoppen zijn toegevoegd.

5 Stap 11: Geef body een achtergrondskleur We geven je website een achtergrondskleur. Gebruik je de blauwe kleurstelling, dan kun je de kleurcode #9fdefa gebruiken: body{ background: #9fdefa; Stap 12: Maak de vakken tekstvak en zijkant We gaan nu de div met de ID tekstvak en de div met de ID zijkant hoogtes en breedtes geven met width (breedte) en height (hoogte). Daarna geef je tekstvak de achtergrondkleur wit (#fff) en zijkant de kleur grijs (#ccc). #tekstvak{ width:730px; background: #fff; #zijkant{ width:230px; background: #ccc; De vakken staan nu onder elkaar. Dit kun je zien als je het resultaat in je browser bekijkt en herlaad met CMD+R of CTRL+R. Om vakken naast elkaar te plaatsen moeten we aan beide div s toevoegen in CSS. Voeg de regel van padding toe onder je background. Typ dus niet alles hieronder opnieuw in! Bekijk de code op de volgende pagina.

6 #tekstvak{ width:730px; background: #fff; #zijkant{ width:230px; background: #ccc; Stap 13: Plaats tekst in het tekstvak Ga terug naar je index.html. In het tekstvak voegen we een koptekst 1 en een paragraaf toe. Bekijk Wellwater Template ingevuld.psd hoe het eruit gaat zien straks. <div id='tekstvak'> <h1>well Water</h1> <p> Well Water biedt een uitgebreid assortiment van zuiver bronwater en aanverwante producten. Onze formule is heel eenvoudig: drink Well en u werkt mee aan een betere wereld. Well Water doneert een vast bedrag (5 eurocent per liter) per verkochte fles ten gunste van schoon drinkwater projecten. Zo helpt u bijvoorbeeld mensen in Afrika en Azië aan schoon drinkwater. En het mooie is, Well Water hanteert buitengewoon concurrerende prijzen. Voor hetzelfde geld helpt u dus ook een ander! </p> Stap 14: Plaats tekst in de zijkant In de zijkant voegen we een kopje nieuws toe en enkele nieuws-items. We hebben al een <h1> tag. Alleen de h1 tag mag maar 1 keer voormen. Nieuws wordt daarom in een <h2>. We gebruiken wel meerdere <h3> tags. Die komen er namelijk hetzelfde uit te zien. Gebruik de code op de volgende pagina.

7 <div id='zijkant'> <h2>nieuws</h2> <h3>buurman en Buurman</h3> <p> Vanaf week 48 kunt u nu ook de speciale flesjes bronwater van Buurman & Buurman bij Xenos kopen. </p> <h3>run for Kika</h3> <p> De afgelopen tien jaar is het genezingspercentage van kinderkanker gestegen naar 75% </p> Als je de bestanden index.html en style.css nu opslaat kun je het resultaat gaan bekijken. Open index.html in Safari of Chrome en klik op CMD+R of op Windows: CTRL R. De tekst staat overal in de vakken, maar het staat allemaal erg dicht op de rand. Daar gebruikten we padding voor! Padding was witruimte binnen een tag. Stap 15: Witruimte in tekstvak en zijkant toevoegen We geven tekstvak en zijkant beide 30px padding (witruimte). Voeg de regel van padding toe onder je float. Typ dus niet alles hieronder opnieuw in! #tekstvak{ width:730px; background: #fff; padding:30px; #zijkant{ width:230px; background: #ccc; padding:30px;

8 Stap 16: Witruimte in tekstvak en zijkant toevoegen We voegen witruimte toe buiten de kopjes in tekstvak en zijkant (dit doen we met margin). Verder veranderen we de kleur van de teksten. Met #tekstvak h1 bewerken we de <h1> tag in de div tekstvak. Met #zijkant h2 bewerken we de <h2> tag in de div zijkant (het kopje Nieuws ). Met #zijkant h3 bewerken we de <h3> tag in de div zijkant (de nieuws kopjes). font-size en color zijn bekend. Ook margin hebben we behandeld. Margin krijgt altijd net als padding 4 waarden mee: ruimte aan de bovenkant, ruimte aan de rechterkant, ruimte aan de onderkant en ruimte aan de linkerkant (van boven met de klok mee). #tekstvak h1{ margin: px 0; font-size:40px; color:#003399; #zijkant h2{ margin: px 0; font-size:30px; color:#003399; #zijkant h3{ margin: 10px 0 5px 0; font-size:30px; color:#99c9df; Stap 17: Voeg de footer toe Als laatste ga je deze les de footer toevoegen. Het principe is exact hetzelfde als het toevoegen van de header. Je geeft de footer een breedte van 960 pixels (net zo breed als de header) en een hoogte van 200 pixels. Er wordt een margin toegevoegd voor de ruimte eronder en het in het midden plaatsen van de footer. Daarna wordt de achtergrond van je header toegevoegd. Dit is de afbeelding footer.jpg in je mapje img van je mapje Website uit de startmap. Heb je die niet dan mag je ook een kleurcode toevoegen als achtergrondkleur. Gebruik onderstaande code: #footer{ width:960px; height:200px; margin: 0 auto 100px auto; background: url(img/footer.jpg);

9 Je footer bestaat nu, maar komt nu achter alle andere vakken te staan. Dit komt omdat de div ervoor (met de ID zijkant) een float: left; heeft. In dat geval moet de div #footer ook een float left krijgen. Deze voegen we dus onder background nog toe: #footer{ width:960px; height:200px; margin: 0 auto 100px auto; background: url(img/footer.jpg); Stap 18: Bewaar je bestanden in en lever ze in Bewaar index.html en style.css door in beide bestanden naar bestand > opslaan te gaan (of druk op cmd+s of in Windows: ctrl+s ). Open je startmap in Finder. Maak van de map Website een zip bestand, door met de rechter muisknop op de map te klikken en Compreer Website te klikken. Zie de afbeelding op de volgende bladzijde. Mail het zojuist ontstaande Website.zip naar r.hazebroek@cibap.nl - Vermeld je naam en klas.

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

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

A Inloggen. B - Wachtwoord Veranderen

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

Interactief blok 2 code opdracht 6 - wireframe

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

A Inloggen. B - Wachtwoord Veranderen

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

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien. Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te

Nadere informatie

Min-height en min-width

Min-height en min-width Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Vormgever 5. Sliders aanpassen

Nadere informatie

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale. Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving

Nadere informatie

Programmeren in MyShop

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

design ook items uitsnijden

design 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

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for

Nadere informatie

Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011

Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 1 Inhoudsopgave Wat gaan we doen?... 4 Eerst wat uitleg:... 4 Wat is HTML:... 4 Wat is CSS:... 4 Wat is het resultaat

Nadere informatie

Template maken voor Webshops van FreeWebShop

Template maken voor Webshops van FreeWebShop Template maken voor Webshops van FreeWebShop Versie 1 Peter Jan van Tuil Maart 2011 info@van-tuil.info De uitdaging. Een kennis die een site wil hebben, een webshop. Het grafisch ontwerp is er al. Voor

Nadere informatie

1. De basis 2. De basis uitbreiden

1. De basis 2. De basis uitbreiden Wordpress Theme Hoe moet je deze reader gebruiken? Deze reader is digitaal, zodat je makkelijk stukjes code kunt kopieren en plakken. 1. De basis 2. De basis uitbreiden Hier aan de linkerkant vind je een

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

Nadere informatie

Werken met afbeeldingen in webpagina's

Werken met afbeeldingen in webpagina's Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.

Nadere informatie

Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook?

Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook? Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook? Stap1: Ga naar: www.facebook.com en log in met je gebruikers account. Hierbij is het verplicht dat je een bedrijfspagina hebt en je daartoe over de

Nadere informatie

Welkom bij mijn website tutorial (Deel 2)

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

HTML BEGINNER Inhoudsopgave

HTML BEGINNER Inhoudsopgave Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het

Nadere informatie

Websitecursus deel 2 CSS

Websitecursus deel 2 CSS Websitecursus deel 2 CSS A Eskwadraat WebCie www@a-eskwadraat.nl 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website

Nadere informatie

Sushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren

Sushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code

Nadere informatie

MODULE 4 : WEBSITEX5(11)

MODULE 4 : WEBSITEX5(11) MODULE 4 : WEBSITEX5(11) In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX(Versie 9 is volledig gratis, maar beperkter dan versie

Nadere informatie

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Stappenplan: stap 4 HTML, Stylesheets vervolg slides @ vanslooten.com/websitedesign Website-design 1-12-2014

Nadere informatie

10. Een pagina toevoegen op je winkelsite

10. Een pagina toevoegen op je winkelsite 10. Een pagina toevoegen op je winkelsite Deze instructie is bedoeld om pagina s te kunnen toevoegen op je site. Bijvoorbeeld wanneer je assortiment wisselt, of wanneer je een dienst wilt toevoegen. Let

Nadere informatie

Proefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler

Proefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler Proefles informatica op het Alberdingk Thijm College Het maken van een website met de tekstverwerker Kladblok of TextWrangler 1 Start het programma kladblok: (Start à Programma s à Bureau-accessoires à

Nadere informatie

5. Werken met afbeeldingen

5. Werken met afbeeldingen 103 5. Werken met afbeeldingen Foto s en tekeningen worden ook wel afbeeldingen genoemd. Afbeeldingen maken een website niet alleen mooier. Ze zijn ook belangrijk om duidelijk te maken wat je precies bedoelt.

Nadere informatie

VERENIGING INNER WHEEL NEDERLAND Lid I.I.W. www.innerwheel.nl Het Inner Wheel moet in beweging blijven

VERENIGING INNER WHEEL NEDERLAND Lid I.I.W. www.innerwheel.nl Het Inner Wheel moet in beweging blijven Handleiding Mac Os X Open Mail Navigeer vervolgens naar Mail Voorkeuren Open het tabblad Handtekeningen Selecteer in de kolom het gewenste account en klik vervolgens op het plus-icon. Automatisch wordt

Nadere informatie

11. Website controleren

11. Website controleren 11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet

Nadere informatie

HTML en CSS gevorderd

HTML en CSS gevorderd HTML en CSS gevorderd Inhoudsopgave Inleiding! 3 Opbouw webpage en css! 4 DIVʼs of iframes?! 8 Eigen icoon in de adresbalk van de browser! 8 Web-editors! 8 Koppelen van css-bestanden! 9 Browser afhankelijke

Nadere informatie

Hoe moet je een prachtige presentatie maken?

Hoe moet je een prachtige presentatie maken? Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven

Nadere informatie

Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >

Basis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken

Nadere informatie

Game Maker 6.1. Sprite up your life with Gamemaker. Hoofdstuk 1.2

Game Maker 6.1. Sprite up your life with Gamemaker. Hoofdstuk 1.2 Game Maker 6.1 Sprite up your life with Gamemaker Hoofdstuk 1.2 Sprite up your life Het is ook heel eenvoudig om zelf sprites te maken of te bewerken. Alles wat je nodig hebt is het programma Gamemaker.

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

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

Handleiding Nieuwsbrief InSocial in Mailchimp

Handleiding Nieuwsbrief InSocial in Mailchimp Handleiding Nieuwsbrief InSocial in Mailchimp Inhoud 1 Mogelijkheden page 2 2 Bericht opties page 3 3 Achtergrond page 4 4 Afbeeldingen page 5 5 Tekst page 6 6 Link page 7 7 Testen page 8 TEST altijd eerst

Nadere informatie

Veelgestelde vragen over de nieuwe fototool

Veelgestelde vragen over de nieuwe fototool Veelgestelde vragen over de nieuwe fototool 1. Hoe voeg ik foto s toe aan mijn profiel? 3 2. Hoe voeg ik klassenfoto s toe? 7 3. Hoe voeg ik fotoalbums toe? 11 4. Hoe zoek en bekijk ik klassenfoto s? 13

Nadere informatie

Stap 2 Je template invullen

Stap 2 Je template invullen Stap 2 Je template invullen Allereerst in stap 2 gaan we onze template ophalen. Die staat op www.alphamegahosting.com/516, ook de uitleg is daar te vinden. Je kunt hem vanaf daar downloaden en op je bureaublad

Nadere informatie

http://blog.seniorennet.be/seniorennet_blogs_tips_trucs Inhoud van dit lesje: 1.Plaatsen van foto of afbeelding van uw harde schijf.

http://blog.seniorennet.be/seniorennet_blogs_tips_trucs Inhoud van dit lesje: 1.Plaatsen van foto of afbeelding van uw harde schijf. Op het blog SeniorenNet Blogs Tips en Trucs vind je in de linkerkolom verschillende mogelijkheden voor Aanmaken van een Internetadres (URL) en Foto s Verkleinen met uitleg. http://blog.seniorennet.be/seniorennet_blogs_tips_trucs

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

Safira CMS Handleiding

Safira CMS Handleiding Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...

Nadere informatie

Herhalingsoefeningen

Herhalingsoefeningen Herhalingsoefeningen bij Websites maken met WEB! Pro ISBN 90 5905 193 9 2 Oefeningen hoofdstuk 2 2.1 Nieuwe website maken en opslaan Open een lege webpagina Open het venster Document Eigenschappen Typ

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Gebruikershandleiding websitebeheer m.b.v. Wordpress Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie

Nadere informatie

Om te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.

Om te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten. 1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een

Nadere informatie

Bestanden bewaren met SkyDrive

Bestanden bewaren met SkyDrive Bestanden bewaren met SkyDrive Wat is SkyDrive? Met SkyDrive (www.skydrive.live.com) kun je bestanden opslaan op een beveiligde, gratis website. De bestanden kun je overal ter wereld weer downloaden. De

Nadere informatie

Foto s verkleinen en Foto s in elkaar over laten lopen

Foto s verkleinen en Foto s in elkaar over laten lopen Foto s verkleinen en Foto s in elkaar over laten lopen Een foto, ergens op uw computer Open een de map van bestanden voor de website, of maak deze eerst aan. Open de te gebruiken foto met het volgende

Nadere informatie

Lijnen/randen en passe-partouts maken met Photoshop.

Lijnen/randen en passe-partouts maken met Photoshop. Lijnen/randen en passe-partouts maken met Photoshop. Les 1: Witte rand om de foto m.b.v. canvasgrootte. 1. Open de foto in Photoshop. 2. Klik in menu AFBEELDING op CANVASGROOTTE 3. Zorg dat in het vakje

Nadere informatie

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk. Inhoudsopgave frontpage 2003... 2 een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe... 10 een tabel maken... 12 opdrachten... 14 een fotopagina

Nadere informatie

IAI: Les 2 Vakjes maken. Rick Hazebroek r.hazebroek@cibap.nl

IAI: Les 2 Vakjes maken. Rick Hazebroek r.hazebroek@cibap.nl IAI: Les 2 Vakjes maken Rick Hazebroek r.hazebroek@cibap.nl 1 2 Les 2 Bekijk de powerpoint van deze les Opdracht 1: Vakjes maken Bekijk de tekening op de vorige pagina. Je ziet hier verschillende onderdelen:

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

Om het Elektronica thema te installeren gaat u naar Theme Store in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden. Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in

Nadere informatie

LES 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. 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 informatie

Eindopdracht webdesign

Eindopdracht webdesign Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef

Nadere informatie

Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.

Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. CSS Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. In CSS maken we een onderscheid tussen 2 soorten elementen in een webpagina: 1. Sommige elementen

Nadere informatie

Je eigen animaties maken met Windows Live Movie Maker:

Je eigen animaties maken met Windows Live Movie Maker: Je eigen animaties maken met Windows Live Movie Maker: Hopelijk heb je na de animatie-les op school zin gekregen om thuis zelf animaties te gaan maken. In de volgende twee stappen leggen we uit hoe je

Nadere informatie

Eindopdracht HTML/CSS: hovenier

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

Microsoft Office Een uitleg over een presentatie maken met PowerPoint

Microsoft Office Een uitleg over een presentatie maken met PowerPoint Microsoft Office Een uitleg over een presentatie maken met PowerPoint #01:Voor we een presentatie kunnen maken moeten we eerst materiaal hebben, een idee (maak een presentatie over Breskens), Foto's hier

Nadere informatie

Foutoplossing FotoSpecial Blok

Foutoplossing FotoSpecial Blok Les 9 Foutoplossing FotoSpecial Blok In een vorige les maakten we een blok op de front die de verschillende fotocategoriën weergeeft. Dat doet een beetje raar bij het hoveren. In onderstaande bijlage kan

Nadere informatie

Muse Stappenplan Interactieve vormgeving en productie

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

We passen eerst ons bestaand inhoudstype Fotospecial een beetje aan:

We passen eerst ons bestaand inhoudstype Fotospecial een beetje aan: Les 12 Paragraph + Bootstrap Met deze module kan je de inhoud van een node beter rangschikken op het scherm. Denk hier aan Display Suite en/of Panels. Ook die modules laten u toe om inhoud anders te schikken

Nadere informatie

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013 Zelf een eenvoudige website opzetten Jorrit Groenevelt & Arjan Kraak Juni 2013 1 Inleiding/Doel Een onmisbaar onderdeel van het starten van een bedrijf is het opzetten van een website. Een onderneming

Nadere informatie

Tips; fotoboek maken (bron: hema.nl)

Tips; fotoboek maken (bron: hema.nl) Tips; fotoboek maken (bron: hema.nl) tekst roteren Draai je tekst zodat het mooi onder of op je scheef geplaatste foto staat. Of maak zelf leuke labels in combinatie met clipart. 1. kies de clipart (bij

Nadere informatie

INSTALLATIE IN PRINT INSTALLEREN. Aan de slag met Communicate In Print

INSTALLATIE IN PRINT INSTALLEREN. Aan de slag met Communicate In Print AAN DE SLAG INSTALLATIE In deze handleiding worden de stappen besproken die doorlopen worden bij het installeren van de volledige versie Communicate In Print LET OP! WANNEER U EERDER EEN VERSIE VAN IN

Nadere informatie

HTML&CSS OEFENBOEKJE. van:

HTML&CSS OEFENBOEKJE. van: HTML&CSS OEFENBOEKJE van: HTML SYNTAX De meeste HTML tags zien eruit zoals hierboven. Een tag om te openen , en een tag om te sluiten . De letters die tussen de staan, geven aan wat voor

Nadere informatie

Handleiding in stappen. Hoe bewerk ik een groepspagina?

Handleiding in stappen. Hoe bewerk ik een groepspagina? Handleiding in stappen Hoe bewerk ik een groepspagina? versie 1.1 - februari 2015 Stap A - Naar alle pagina s Stap B - Uw groepspagina zoeken Stap C - Titel en werkbalk Stap D - Schrijven Stap E - Woorden

Nadere informatie

Invoeren/importeren van digitale foto s in je computer

Invoeren/importeren van digitale foto s in je computer Invoeren/importeren van digitale foto s in je computer Foto s die je importeert worden altijd opgeslagen in: Afbeeldingen. Windows 7 beschikt daarnaast over een apart programma om digitale foto s en videoclips

Nadere informatie

Hoe maak je een nieuwbrief template met MailChimp? In dit document leg ik je stap voor stap uit hoe je met het drag and drop systeem van MailChimp jouw eigen layout bij elkaar sleept. Je geeft jouw template

Nadere informatie

Websitecursus deel 1 HTML

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

Handleiding MOBICROSS actie banners

Handleiding MOBICROSS actie banners Handleiding MOBICROSS actie banners Met de kant & klare MOBICROSS actie banners vergroot jij je kans om sneller je netwerk te bouwen. Je kunt je eigen campagne maken door de banners op je website te plaatsen,

Nadere informatie

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B

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

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: 1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 5) 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 informatie

1 van 12 28-4-2010 12:20 We gaan weer van de volgende situatie uit. En ja, het wordt weer een lange les. Om de links te maken naar andere pagina's gebruiken we een nieuwe tabel die we in de bestaande tabel

Nadere informatie

Wat is een child-theme?

Wat is een child-theme? Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet

Nadere informatie

Handleiding www.chiromeisjeszwaneven.be (v2).

Handleiding www.chiromeisjeszwaneven.be (v2). Handleiding www.chiromeisjeszwaneven.be (v2). Agenda Ga naar www.chiromeisjeszwaneven.be/admin en kies voor agenda. Log in met je gebruikersgegevens van het admingedeelte van de agenda. Pagina na het inloggen:

Nadere informatie

Bewerk uw eigen Digibordbij boek

Bewerk uw eigen Digibordbij boek Bewerk uw eigen Digibordbij boek Naast de presentatie van schoolboeken in het Digibordbij systeem is het voor leraren ook mogelijk aanpassingen te maken in de digitale boeken. De leraar kan via een aparte

Nadere informatie

http://www.zeelandtotaal.nl/les_gevorderd/les_1/index_les_1_gev.php

http://www.zeelandtotaal.nl/les_gevorderd/les_1/index_les_1_gev.php 1 van 7 28-5-2010 12:36 We hebben deze situatie voor ons. Misschien met wat andere kleuren maar dat maakt niet uit. Het belangrijkste is dat de linken op de pagina staan en het logo. Het kan zijn dat je

Nadere informatie

Inhoud. Installatie. Functies

Inhoud. Installatie. Functies Inhoud Installatie Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text Contact 3 4 5 5 6 7 8 9 10 11 12 13 14

Nadere informatie

Internet Explorer 7 (IE7)

Internet Explorer 7 (IE7) Internet Explorer 7 (IE7) 1. HET VENSTER Het venster van Internet Explorer 7 ziet er als volgt uit: Het venster bestaat uit volgende onderdelen: De knoppen Volgende en Vorige. Adresbalk hierin vullen we

Nadere informatie

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

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. Stappenplan Website de Palster Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. 1 Inhoudsopgave: Titel bladzijde Aanmelden op de website 3 Foto s in het fotoboek

Nadere informatie

HTML/CSS GEVORDERDEN 1

HTML/CSS GEVORDERDEN 1 Inhoudsopgave 5 6 7 8 9 Configuratie Alle kleuren! Organiseren van je pagina Thema's ontwerpen Jouw individuele stijl Inspector Gadget Groter Maken Animatie Leer Klara om om te rollen!.....5.6.7.8.9 Configuratie

Nadere informatie

3. Tekst typen en opmaken

3. Tekst typen en opmaken 31 3. Tekst typen en opmaken Nadat je je werkstuk hebt voorbereid en een titelpagina hebt gemaakt, is het tijd om te beginnen aan de inhoud van je werkstuk. Je stelt eerst de marges en de regelafstand

Nadere informatie

Bas Reliëf in 3D Photoshop CS4

Bas Reliëf in 3D Photoshop CS4 http://psd.tutsplus.com/tutorials/3d/quick-tip-create-a-bass-relief-effect-with-photoshops-3d-tools/ Bas Reliëf in 3D Photoshop CS4 Nodig: Foto met hout, metaal, tijgerstandbeeld Stap 1 Nieuw Document

Nadere informatie

PowerPoint LL. Heemscan

PowerPoint LL. Heemscan Beste leerling, Je hebt nu een handleiding voor je liggen om de Powerpointpresentatie te maken. Vóór je gaat beginnen, lees je eerst deze handleiding en de tips goed door. Veel succes en veel plezier!

Nadere informatie

Instructieblad. 6.1 PDF-bestand downloaden

Instructieblad. 6.1 PDF-bestand downloaden 6.1 PDF-bestand downloaden PDF-bestand downloaden Als je teksten, foto s of muziek van het internet wil opslaan op je computer, noem je dat downloaden. De teksten, foto s en de muziek noemen we bestanden.

Nadere informatie

Handleiding voor bloemenboek (open boek)- PP 2007

Handleiding voor bloemenboek (open boek)- PP 2007 Handleiding voor bloemenboek (open boek)- PP 2007 1. Raster en hulplijnen Klik met rechter muisknop in een lege dia Klik in het afrolmenu op Raster en hulplijnen en stel onderstaande eigenschappen in 2.

Nadere informatie

PvdA websites Quick Start voor het werken met het Hippo CMS

PvdA websites Quick Start voor het werken met het Hippo CMS PvdA websites Quick Start voor het werken met het Hippo CMS Versie 2.0 Amsterdam, 16 maart 2009 2 Inhoudsopgave 1. Beginnen 5 1.1 Het CMS opstarten en afsluiten 5 1.2 De preview website bekijken 5 1.3

Nadere informatie

Werkbalk Snelle toegang Titelbalk. Tabbladen

Werkbalk Snelle toegang Titelbalk. Tabbladen SAMENVATTING HOOFDSTUK 1 PowerPoint verkennen POWERPOINT kan worden opgestart via. Als POWERPOINT al vaker is gestart kun je direct op Microsoft PowerPoint 2010 in het menu Start klikken. Typ anders in

Nadere informatie

Widget Tip van de dag!

Widget Tip van de dag! Gebruikershandleiding Widget Tip van de dag! Datum Versie Naam Opmerkingen 01-12-2011 0.5 M. Bruinsma Schrijven handleiding J. van Beijnen 05-12-2011 1.0 J. van Beijnen Opmaak en kleine aanpassingen structuur

Nadere informatie

Publiceren met WordPress

Publiceren met WordPress Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie

Nadere informatie

Stap 1 Je eigen website maken... 1. Stap 2 Je template invullen... 9. Stap 3 Wat kunnen we met de inhoud?... 19

Stap 1 Je eigen website maken... 1. Stap 2 Je template invullen... 9. Stap 3 Wat kunnen we met de inhoud?... 19 INHOUDSOPGAVE Inhoudsopgave Stap 1 Je eigen website maken... 1 De eerste stap... 1 Kompozer downloaden... 1 Kompozer openen... 1 Een nieuwe pagina beginnen... 1 Je eerste tekst schrijven... 2 Je eerste

Nadere informatie

Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen.

Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen. SAMENVATTING HOOFDSTUK 9 Pagina-indeling, de Pagina-instelling Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen. Klik op de knop Afdrukstand

Nadere informatie

Handleiding om uw website/webshop aan te passen

Handleiding om uw website/webshop aan te passen Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een

Nadere informatie

Een ASP.NET applicatie opzetten. Beginsituatie:

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

Navigator CMS 2009. Beknopte handleiding v1.0

Navigator CMS 2009. Beknopte handleiding v1.0 Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...

Nadere informatie

Het gebruik van jalbum om fotoalbums te maken. Beknopte handleiding

Het gebruik van jalbum om fotoalbums te maken. Beknopte handleiding Het gebruik van jalbum om fotoalbums te maken. Beknopte handleiding I. Voorbereidende werken Om het album vlot te kunnen maken is het best om geen foto s te gebruiken die enorm groot zijn in bytes. Ik

Nadere informatie

Website bouwen met frontpage

Website bouwen met frontpage Website bouwen met frontpage Na het openen van frontpage komen we in volgend scherm terecht: hier gaan we in de rechter- Kolom kiezen voor Page Templates. Als vb ga ik de startpagina namaken van mijn site,

Nadere informatie

Les07 Verschillende foto s uitsnijden en samenbrengen tot een mooi geheel

Les07 Verschillende foto s uitsnijden en samenbrengen tot een mooi geheel Les07 Verschillende foto s uitsnijden en samenbrengen tot een mooi geheel We gebruiken vier foto s met paddenstoelen. 1) Open een nieuw bestand bestand: 800 x 800 pix; RGB; Wit; 72 dpi Menu Bestand Nieuw

Nadere informatie

Nieuw arrangement maken.

Nieuw arrangement maken. Nieuw arrangement maken. Ga naar mijn arrangementen overzicht en klik op de button Nieuw arrangement. Geef het arrangement een titel en maak een korte omschrijving. Na OK' kom je in het onderstaande werkblad,

Nadere informatie

Handleiding universitaire beeldbank

Handleiding universitaire beeldbank Handleiding universitaire beeldbank Inhoudsopgave 1. Inloggen... 1 2. Formaten van afbeeldingen... 1 3. Afbeelding toevoegen... 1 4. Afbeeldingen wijzigen en downloaden... 4 5. Trefwoorden beheren... 5

Nadere informatie

FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40

FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken

Nadere informatie

WERKEN MET GOOGLE ADMINISTRATIEF WERK MAART 2017

WERKEN MET GOOGLE ADMINISTRATIEF WERK MAART 2017 WERKEN MET GOOGLE ADMINISTRATIEF WERK MAART 2017 Agenda My Drive en Gedeeld met mij Favoriete mappen en bestanden - Met ster Kleur van een map wijzigen Kopie maken van een bestand in Google Drive Bestanden

Nadere informatie