HTML BEGINNER Inhoudsopgave
|
|
|
- Mirthe van der Woude
- 5 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Inhoudsopgave 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 menu opmaken Een kaart of video toevoegen Een tabel toevoegen Je project downloaden!
2 Configuratie We gebruiken Thimble voor het schrijven van de websitecode. We raden je aan om daar een account te maken. Het kost niets: alleen een adres is nodig. Ga naar om je aan te melden. Om de voorbeelden in deze Sushi kaarten te volgen ga je naar dit project: en klik je op Ombouwen. Zet de taal van de website naar het Nederlands. Linksboven zie je staan 'HTML Beginner (remix). Verander als je wilt deze naam voor jezelf. De voorbeelden in deze Sushi kaarten gaan allemaal over dit project, maar je kunt ook een website gebruiken die je zelf al eens gemaakt hebt, of je eigen onderwerp bepalen. rechtsboven zie je 'voorbeeld' en 'auto' staan. Hieronder zie je steeds het resultaat van je code. Het voorbeeld van je website wordt steeds automatisch aangepast als je de code wijzigt.
3 Een webpagina maken Klik in het linkerscherm op "index.html". Zoek de regel "Welkom in Nederland!", en wijzig dit in je eigen stad of een ander land, maar let op dat je de <p> en </p> niet verwijdert! Zie je hoe je website in het rechterscherm wordt aangepast? Verander in diezelfde regel <p> en </p> naar <h> en </h>. Wat gebeurt er? Wanneer je tekst op een pagina wilt plaatsen, moet je het tussen twee tags (= trefwoorden/labels) zetten zodat de browser weet dat die tekst getoond moet worden. Bijvoorbeeld: de <p> tag vertelt de browser dat het een paragraaf of tekst is. De <h> tag vertelt het dat het een heading (= hoofdstuk/kop) is. * Een browser is het programma waarmee je websites bekijkt, bijv. Chrome of Firefox * De.html in de bestandsnaam zegt tegen de browser dat het een bestand op een webpagina is, en het kijkt naar de tags om te weten wat het moet tonen. HTML is de code die een website maakt. Waarom heb je twee tags nodig? Je hebt een openen en sluiten tag die tegen de browser zegt waar iets begint en iets eindigt. Dus voor een paragraaf, betekent de openings <p> tag: "hier komt wat tekst waarvan ik wil dat je het toont als een paragraaf". De sluitende </p> tag vertelt de browser waar de paragraaf eindigt. Alles tussen de <body> en </body> (= lichaam) tags is je webpagina. * Zie je dat de sluitende tag altijd een schuine streep naar voren (= forward slash), /, heeft? * De tags definiëren verschillende stukken van een pagina, bijv. paragrafen en hoofdstukken, of de body; deze stukken heten elementen. Zie ze als bouwblokken. 6 Verander de <p> naar <h> in de laatste paragraaf ("Websites programmeren is tof!"). Verander zowel de openings- als sluitingstag.
4 Een webpagina maken 7 Zoek de <title> en </title> tags en verander de tekst daartussen naar "Home"(= startpagina). Wat gebeurt er? *De titel is de tekst die je normaal gesproken boven in je browserscherm ziet. Thimble laat het nu niet zien, maar als je later je code download zul je het wel zien. 8 Zoek de code van de paragraaf "Mijn website gaat over Nederland" en verander het naar dit: * Wat denk je dat de <em></em> en <strong></strong> tags doen? (em = afkorting van 'emphasis': benadrukken). 9 Klik rechtsboven op "Publiceren" om je bestand te bewaren. 0 Dus een website bestaat gewoon uit tekst, met tags voor de definities. Je hebt tags voor paragrafen en voor hoofdstukken. Oefen met het toevoegen van meer hoofdstukken, verander de getallen in je tags om verschillende tekstgroottes te zien! Ze gaan van <h> tot <h6>. Voeg ook meer tekst toe tussen nieuwe <p> </p> tags als je dat wilt.
5 Een stijlbestand toevoegen Helemaal links onder "Bestanden" zie je style.css staan. Klik daar op. CSS is de code die beschrijft hoe een website eruit moet zien (de opmaak). Het bestand bevat de volgende code: De accolades {} en de tekst ertussen is een set CSS regels. Het woord <body> betekent dat de regels gelden voor alle <body> elementen op je website. Het gedeelte buiten de accolades heet selector (= kiezer). Dus in dit geval is het de selector voor de body elementen. Verander de kleur naar <lightbluesky>. Als het goed is heeft je website nu een lichtblauwe achtergrond! Wat gebeurt er nu allemaal? Als je kijkt bovein je index.html bestand, dan zie je deze code staan: <link type="tekst.css" rel="stylesheet" href="style.css">. Zo weet de browser dat er naar een speciaal bestand gezocht moet worden genaamd style.css. Dit bestand heet een stylsheet. Je herkent een stijlbestand door de.css in de naam. Het stijlbestand bevat regels voor de opmaak van een element op je website. * Elke regel bestaat uit een eigenschap met een : (dubbele punt) symbool aan het eind en daarachter de waarde van die eigenschap, gevolgd door een ; (puntkomma) symbool. 6 We gaan regels toevoegen om de tekst te veranderen. Voeg twee regels toe binnen accolades: 7 Zie je de website veranderen? * De color (= kleur) eigenschap is altijd voor tekst.
6 Een stijlbestand toevoegen 8 Je kunt ook regels toevoegen om de hoofdstukken er anders uit te laten zien dan de paragrafen! Hiervoor gebruik je de h selector. Voeg de volgende code toe aan het style.css bestand, onder de sluitingsaccolade: 9 Als het goed is, is je hoofdstuk nu oranje en de paragraaf nog steeds paars: 0 Zie je dat niet alleen de kleur van de letters is veranderd, maar ook de letters zelf? Dat komt omdat je de font family (= lettertype familie) hebt gewijzigd. Op deze website vind je meer lettertypen: Voeg een set regels toe voor de <h> hoofdstukken, met behulp van de h selector. Oefen eens met verschillende kleurencombinaties voor je tekst en achtergrond. Op deze website vind je héél veel kleuren: 6
7 Een lijst maken Als je een lijst maakt, dan wil je graag dat die er netjes uitziet. Daar zijn HTML tags voor! Ga naar je index.html bestand en verander de paragraafcode naar het volgende: Zie je hoe het een nette lijst wordt? De <ul></ul> tags bevatten de hele lijst en zij maken er dit nette lijstje van. "ul" betekent unordened list (= ongeordende lijst), oftewel een lijst zonder nummering. Elk ding binnen de lijst moet tussen <li></li> tags staan. "li" betekent list item (= lijst item). * Verander de tekst binnen de list items naar pagina's die jij graag op je website wilt hebben. Je website mag overal over gaan, het hoeft niet over Nederland te gaan! 7
8 Een lijst maken Wat als je nu een genummerde lijst wilt? Het is bijna hetzelfde maar in plaats van ul gebruik je ol : ordened list (= geordende lijst). Voeg deze code toe boven de sluitingstag </main> : Je website zou er nu zo uit moeten zien: 8
9 Afbeeldingen toevoegen Je ziet links het bestand 'Tito.png' staan. Deze afbeelding gebruiken we in dit project. Ga naar het index.html bestand. Typ nu het volgende na de </ul> tag: Let op: de <img> tag is een hele andere tag dan die je tot nu toe hebt gebruikt: * Er is geen sluitingstag </img>. Het sluit zich vanzelf: de openingstag heeft een /> aan het eind. Dit komt omdat er geen "begin" en "einde" is zoals bij de tekst. * Binnen de tag vallen drie extra stukken informatie die attributen heten. Het src attribuut vertelt de browser welk bestand het moet gebruiken voor de afbeelding. Het alt attribuut is een korte beschrijving die de browser zal laten zien als de afbeelding niet getoond kan worden (alt = alternatief). Wat doet het width attribuut? (Hint: px is een afkorting voor pixels, de ienie-mienie puntjes waaruit je beeldscherm bestaat). Verander het getal eens, maar haal px niet weg. 9
10 Afbeeldingen toevoegen Om je eigen afbeeldingen aan je website toe te voegen, klik je linksboven op "Bestanden', dan op "Een bestand uploaden". Kies "Vanaf uw computer". Selecteer de afbeelding en klik dan op "Openen". Let op: geef je afbeelding eventueel een andere naam. het liefst een naam zonder spaties erin. Bovendien kan het voorkomen dat de namen van via internet gedownloade afbeeldingen zoiets zijn als "778kieuwnf88n-dkewnfwe.png" en dat typt wat lastig! Als je een afbeelding hebt geupload, kun je het met behulp van de <img> tag aan je website toevoegen. Verander de waarde van het src attribuut zodanig dat het precies overeenkomst met de bestandsnaam van de afbeelding. Verander de waarde van het alt attribuut naar een korte omschrijving van de afbeelding. Let op: attribuutwaardes zoals de bestandsnaam en de alt tekst moeten binnen dubbele aanhalingstekens staan! 0
11 Meer pagina's toevoegen Nu je bepaalt hebt welke pagina's je op je website wilt, gaan we ze maken! Om een nieuwe pagina te maken, maak je een nieuw bestand waarvan de naam eindigt op.html. Klik weer linksboven op "Bestanden" en nu op "Een HTML-bestand toevoegen". Verander de naam index-.html in iets anders, maar let op dat je de.html (ook de punt!) er wel laat staan: zo weet de browser dat het een webpagina is. * Om de naam te veranderen klik je op het driehoekje naast het bestand en dan op "hernoemen". Verander niet de naam van "index.html". Dat kan wel, maar aangezien dat je homepagina is, zal de browser op zoek gaan naar het bestand "index.html". Verander de tekst tussen de <title></title> tags zodat je nieuwe pagina een nieuwe titel krijgt.
12 Meer pagina's toevoegen Zet tussen de <main></main> tags, de tags die je al geleerd hebt om dingen aan je pagina toe te voegen, zoals paragrafen, hoofdstukken, afbeeldingen en lijsten! Herhaal de stappen hierboven voor elke nieuwe pagina die je wilt maken. 6 Op de volgende kaart leer je hoe je links moet maken zodat je op de nieuwe pagina's kunt komen.
13 Links maken Om van een stuk tekst een link te maken, moet je het tussen <a></a> tags zetten: *Het href attribuut vertelt de browser wat het adres van de pagina is waarnaar gelinkt moet worden. Zoals met alle attributen, moet de waarde die je het geeft tussen dubbele aanhalingstekens staan. Ga naar het index.html bestand en voeg de tags toe aan elk item in je lijst met pagina's, zoals hieronder. Verander de tekst tussen de aanhalingstekens zodat het precies overeenkomt met de namen van de nieuwe bestanden die je gemaakt hebt. Voeg in de lijst ook een item toe met een link naar de homepagina. Nu kun je tussen de diverse pagina's navigeren! Klik op "Publiceren" om je bestand op te slaan. Klik eens op de links om te kijken of alles werkt. Links naar andere websites zien er hetzelfde uit. Type de code voor een set link tags, maar laat de waarde van het href attribuut voor nu leeg. Ga naar een website waarvan je de link wilt toevoegen. Klik op de adresbalk en selecteer de hele tekst. Klik ctrl + c voor het kopiëren. 6 Klik tussen de dubbele aanhalingstekens die je bij stap hebt leeg gelaten. Plak nu het webadres door op ctrl + v te klikken, Werkt de link op je pagina?
14 Links maken 7 Net als elke andere tekst kun je links elke kleur maken die je wilt. Ga naar je style.css bestand en voeg de volgende regels toe. Let op dat de selector voor links a is. Kies een kleur die heel anders is dan de rest van de kleuren op je pagina.
15 Navigeren op je website Veel websites hebben een navigatiemenu zodat bezoekers makkelijk over de pagina kunnen navigeren. Nu je een aantal pagina's hebt, een homepagina en links, gaan we de links in een navigatiegedeelte bovenin zetten. Klik op "enter" om een nieuwe coderegel te maken, vlak voor de <ul> openingstag. Typ <nav> op de nieuwe regel. Als Thimble automatisch </nav> toevoegt, haal dat dan weg. Klik op "enter" om nog een nieuwe coderegel te maken, meteen na de </ul> sluitingstag. Typ </nav> op de nieuwe regel. * "nav" is de afkorting voor navigatie. Het nav deel is een middel om op een website te navigeren. Selecteer nu het gehele nav deel, inclusief de beide <nav></nav> tags. Het geselecteerde gedeelte wordt grijs. Je gaat nu knippen in plaats van plakken. Druk op ctrl + x. De code verdwijnt, dus niet schrikken!
16 Navigeren op je website 6 Klik nu op de ruimte tussen de <header></header> tags. Zie je de cursor daar knipperen? Druk op ctrl + v om te plakken. Zie je wat er verandert op je website? Je code zou er nu zo uit moeten zien: * Als het niet goed gaat, klik je op ctrl + z. Zo maak je de laatste verandering ongedaan. Of klik bovenin op "ongedaan maken". 7 Om het navigatiemenu op elke pgina van je website te krijgen, stop je dezelfde code in elk nieuw ebstand dat je gemaakt hebt. Selecteer weer het hele nav deel zoals bij stap. Klik op ctrl + c om te kopiëren. In de andere html bestanden klik je binnen de <header></header> tags om de code te plakken zoals in stap 6. 8 Klik op "Publiceren" om op te slaan en probeer alle links uit! 6
17 Een menu maken Door meer css regels in het stijlbestand te zetten, kun je het navigatiemenu in een coole balk veranderen! Ga naar het style.css bestand. Klik na de sluitingsaccolade } en dan op "enter" voor een nieuwe regel. Voeg deze code toe: Zie je hoe je twee selectors hebt in plaats van één? Als je alleen de ul selector gerbuikt, dan zal de code effect hebben op alle ongeordende lijsten op je website. Door de nav selector toe te voegen heeft de code alleen effect op de lijsten die binnen de nav tags vallen. Hoe ziet je website er nu uit? Laten we de opsommingstekens weghalen. Ga naar het style.css bestand en voeg de volgende code toe. Klik weer eerst op "enter"na de laatste sluitingsaccolade } om een nieuwe regel te beginnen. Zie je dat deze code drie selectors heeft? Het selecteert alle li elementen binnen een ul lijst welke zich in het nav gedeelte bevinden. 7
18 Een menu maken 6 Nu gaan we de lijst horizontaal maken in plaats van verticaal. Binnen de code regels voeg je dit toe: display: inline; De menu items zitten nu wel erg dicht op elkaar, dus voeg de eigenschappen margin-right en margin-left toe om er wat ruimte tussen te krijgen. De code moet er nu zo uitzien: Weet je het nog? 0px betekent 0 pixels. 7 Hoe kunnen we het menu veranderen zodat je ziet op welke pagina je bent? Dit stukje zit niet in het stijlbestand. 8 We beginnen op de homepagina. Ga naar het index.html bestand. In de lijst, haal je de link tags voor en achter het woord "Home" weg, zodat dit lijstitem alleen nog tussen de <li></li> tags staat; zoals dit: <li>home</li>. 9 Doe hetzelfde bij de andere bestanden. Dus bij Muziek.html haal je daar de linktags weg. Zie je hoe de menubalk de pagina als gewone tekst laat zien en niet als link? 8
19 Het menu opmaken Met CSS zijn de mogelijkheden om je menubalk er goed uit te laten zien eindeloos. Open het style.css bestand. Elke keer als je iets verandert in dit magische bestand, zie je meteen je website veranderen. Ga naar de nav ul selector en voeg code toe zodat het er zo uit ziet: De padding eigenschap voegt ruimte toe. Snap je wat alle eigenschappen doen? Experimenteer met kleuren en pixels. OM de streep onder de menuwoorden weg te halen, voeg je de volgende code toe op een nieuwe regel na de accolade en vóór de nav ul li regels. * Je kunt het overal tussen stoppen, maar het is verstandig om dingen die met elkaar te maken hebben bij elkaar te houden zodat het makkelijk terug te vinden is! Deze code is van toepassing op links ( <a> tags) binnen lijstitems in een ongeordende lijst binnen een navigatie ( <nav> ). Wow! Dat zijn vier selectors! 9
20 Het menu opmaken Weet je nog hoe je de linktags hebt weggehaald zodat je kunt zien op welke pagina je bent? Waarom ook niet de tekstkleur veranderen van de navigatie lijstitems die geen links zijn? Zoek de nav ul li selector en voeg de regel toe: color: papayawhip; binnen de accolades. Kies zelf je kleur. *Je kunt de color eigenschap toevoegen aan nav ul li a regels als je wilt dat de menulinks een andere kleur hebben dan de andere links op je website. Hoe zit het met afgeronde hoeken? Voeg de volgende code toe aan de nav ul regels om te zien wat er gebeurt: border-radius: 0px; * De border-radius eigenschap is een hele handige om dingen er cool uit te laten zien! Een extra uitdaging: maak een nieuwe set regels in je stijlbestand voor afbeeldingen, met behulp van de img selector en voeg de border-radius regel daar aan toe. 6 Dit is een voorbeeld van hoe je website er nu uit kan zien: 0
21 Een kaart of video toevoegen Bonus: voeg een video toe! YouTube biedt een simpele manier om video's in je website in te sluiten (embedden). Zoek op YouTube een video die je op je website wilt plaatsen. Zoek de knop "Delen" en klik erop. Kies de optie "Insluiten". Je ziet een scherm verschijnen met een code. Selecteer en kopieer de code. Ga nu naar je code, en klik op de plaats waar je de video wilt zetten, bijvoorbeeld na een hoofdstuk of een paragraaf. Plak de code daar. Je hoeft niet meteen te snappen wat er allemaal in die code staat! * Let op: afhankelijk van je browser kan het gebeuren dat video's geblokkeerd worden. Roep de hulp van een mentor in om de instellingen van je browser aan te passen om inhoud van andere websites toe te staan. Zie je de video op je website?
22 Een kaart of video toevoegen 6 Diezelfde techniek werkt ook met Google Maps. Ga naar en zoek de plaats die je toe wilt voegen. Klik op het resultaat, dan op de "delen" knop. Klik op "kaart insluiten" voor de code en voeg het toe aan je website. * Let op: zet geen persoonlijke informatie op je website zoals je huisadres! 7 Als je goed kijkt, zie je width en height (= breedte en hoogte) eigenschappen in je code. Daar kun je de waarden aanpassen om de kaart groter of kleiner te maken.
23 Een tabel toevoegen Soms kan het handig zijn om informatie in een tabel te zetten. Bijvoorbeeld als je ledeninformatie op een website van een sportclub of school wilt zetten. Of, zoals in dit voorbeeld: liedjes! Een tabel is een rooster en bestaat uit rows (= rijen) en columns (= kolommen). Vaak hebben tabellen ook een titel boven een kolom staan (de header = kop). Ga naar het pagina-met-tabel.html bestand. Je ziet daar heel veel code staan tussen de <table></table> tags. Selecteer alle code vanaf de <table> openingstag tot en met de sluitingstag </table> en kopieer het. Ga nu naar één van de bestanden waar je een tabel wilt toevoegen en plak daar de code. Op dit moment is je tabel leeg, maar het zou er zo uit kunnen zien met informatie:
24 Een tabel toevoegen En zo ziet het eruit op de website: Laten we eens naar alle tags kijken. Het lijkt een beetje op de code voor een lijst (weet je nog, <ul> en <ol>?) maar met meer niveaus. * Elk paar van <tr></tr> tags is een row. Alles tussen die tags wordt op één regel getoond. * De eerste rij heeft <th></th> tags. Deze worden gebruikt voor headers, dus de kolomtitels staan daartussen. Er is een paar voor elke kolom in je tabel. * De <td></td> tags staan voor table data (= data van de tabel) en daar komt alles in van alle andere rijen. Deze lijken op de <li></li> tags van lijsten: alles ertussen is een item in je tabelrij. 6 Vul je tabel met wat je maar wilt! Zet tekst tussen de <td></td> tags en de <th></th> tags. Je kunt meer tags toevoegen als je dat wilt. Om een andere rij toe te voegen, voeg je een extra set <tr></tr> tags toe. Daartussen voeg je hetzelfde aantal data items toe met de <td></td> tags als het aantal in de andere rijen. Om een andere kolom toe te voegen, voeg je een extra data item met een set <td></td> tags toe op elke regel. Je voegt ook een extra header item in de eerste rij toe, met behulp van de <th></th> tags.
25 Een tabel toevoegen 7 Aan het eind van je style.css bestand zie je de css code die beschrijft hoe de tabel eruit moet komen te zien. Het is niet erg als je niet alles begrijpt! Maar je kunt experimenteren met het aanpassen van de tekst, border en de achtergrondkleuren om je eigen stijl te ontwerpen. Zie je hoe er soms komma's gebruikt worden, bijvoorbeeld table, th, td? Dit is een lijst met selectors: het bepaalt de opmaak voor alle <th> elementen en alle <td> elementen. Zo hoef je niet steeds dezelfde code voor elke selector apart te typen.
26 Je project downloaden! Laten we je code downloaden en het bekijken. Klik op het papiericoontje linksboven en dan op "Bestanden downloaden (.zip)". Er wordt een zip bestand gedownload. Het beval alle bestanden van je website. Zet het in een map op je computer. Pak de map uit en klik op het index.html bestand (je homepagina). Dubbelklik erop om het in je browser te openen. Klik op de links en bekijk je website eens goed! Zie je de paginatitel boven in je browser tabblad? Kijk eens naar de titel van elke pagina. Dit is de tekst die je tussen de <title></title> tags hebt gezet. Laat de browser open staan en ga terug naar de map met bestanden. Zoek weer index.html. Klik er nu op met je rechtermuisknop en selecteer "Openen met"en open het bestand met een teksteditor als Notepad of Atom. Je zou alle html tags moeten zien zoals in het codepaneel in Thimble. 6
27 Je project downloaden! 6 Zoals je weet is een webpagina alleen maar tekst met tags voor controle. Nu zie je dat de webpagina en de code feitelijk hetzelfde zijn: het hangt af waarmee je het opent: een browser of een teksteditor of je de website (alleen tekst) of de code (tekst en tags) ziet. 7 Gefeliciteerd! Deel je project met anderen! Klik op "Publiceren" in Thimble en deel de koppeling die tevoorschijn komt. 7
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
Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.
MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om
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
Hier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.
Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt
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
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
Inhalen les 7 (versie B)
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.
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
Handleiding teksteditor
In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.
HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505
HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs
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
Handleiding Wordpress
Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde
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
Onderdeel: Opdracht Uitleg + Opdracht
Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...
Globale kennismaking
Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina
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
Content 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
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
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
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).
Inhoud van de website invoeren met de ContentPublisher
Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.
HTML/CSS GEVORDERDEN 2
Inhoudsopgave 5 6 7 Configuratie Klikbare kaarten Alles op een rijtje Opmerkingen en bijschriften Ontwerp een gave pagina opmaak Fotocollage Speciale effecten.....5.6.7 Configuratie We gebruiken Thimble
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
Handleiding Vedor-editor
Handleiding Vedor-editor Mei 2007, versie 0.9 Inhoudsopgave Inleiding... 3 Aanmelden... 4 De werkbalk... 5 Het context menu... 6 Navigeren binnen je website... 7 Tekst toevoegen en bewerken... 8 Afbeeldingen
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
Gebruikershandleiding 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
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...
Een pagina toevoegen en/of bewerken.
Een pagina toevoegen en/of bewerken. Na het inloggen in het CMS zie u het volgende: 2 3. Een klik op dit menu geeft een overzicht van alle pagina s waar de website op dat moment uit bestaat: 2. Een klik
I) Wat? II) Google documenten. Deel 2 documenten
Google Drive Deel 2 documenten I) Wat? 1) De meeste mensen bewerken teksten in de tekstverwerker Word van Microsoft Office. Het is echter ook mogelijk teksten op internet te bewerken en te bewaren. Het
4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word
1. Code. Toon HTML code van de tekst 2. Verwijder de opmaak van de geselecteerde tekst. 3. Plak de gekopieerde tekst op de plaats van de cursor 4. Plak de gekopieerde tekst op de plaats van de cursor als
Descendant selectors toepassen
HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een
Handleiding. Beheeromgeving
Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3
Extra: Hoe u uw website met HTML kunt verbeteren
Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel
Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0
Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...
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
Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
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
Web building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Teksten op je WordPress site zetten of aanpassen
www.smitloopbaan.nl/beheer/ Teksten op je WordPress site zetten of aanpassen Je kunt met WordPress op 2 manieren teksten en afbeeldingen op je website plaatsen : op een pagina of in een bericht. De vaste
Handleiding Vedor-editor
Handleiding Vedor-editor Oktober 2008 Versie 1.1 Inhoudsopgave 1 Inleiding... 3 2 Aanmelden... 4 3 De werkbalk... 5 4 Het contextmenu... 7 5 Navigeren binnen je website... 8 6 Tekst toevoegen en bewerken...
De WordPress 3.5 Beginners Handleiding
De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,
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
Heb je geen entree-account dan kun je tijdens de workshop gebruik maken van de volgende aanmeldgegevens:
Aanmelden Om gebruik te maken van Wikiwijs Maken, Delen, aanvullen metadata en beoordelen is aanmelden op Wikiwijs vereist. Aanmelden gebeurt via een Entree-account. Ga naar www.wikiwijsleermiddelenplein.nl
Checklist websiteonderhoud divosa.nl
Checklist websiteonderhoud divosa.nl 1. Tekst opschonen Zorg altijd dat je gekopieerde tekst vanuit Word of e-mailberichten is opgeschoond voordat je deze in de editor van Drupal zet. Plak je tekst eerst
De tekstverwerker. Afb. 1 de tekstverwerker
De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de
Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina!
Algemeen Ingelogd als moderator/ pagina beheerder kan je teksten op een pagina plaatsen, bewerken of verwijderen. Ga naar de pagina waar je toegang tot hebt. Onder het logo en boven de foto (header) krijg
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
EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG
EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind
E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl
Frontpage 2003 Jouw vak op het leerlingenweb E.M. van Nieuwaal Copyright 2008 http://cursus.anguillanova.nl Inleiding... 3 1. Ontwerp een sitemap... 4 2. Index.htm... 4 3. Nieuwe pagina s maken... 7 4.
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
Handleiding Wordpress
Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...
Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:
Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia
Gebruik. Wanneer u FreeMind opent, krijgt u het volgende scherm:
FreeMind Starten FreeMind is een gratis programma om een mindmap te maken. Je kan Freemind gratis downloaden op je computer. Om FreeMind te downloaden surf je naar: http://freemind.nl.softonic.com/download.
Beknopte gebruikershandleiding Editor
Beknopte gebruikershandleiding Editor Deze handleiding beschrijft de mogelijkheden van de teksteditor. Let op! Niet iedere website heeft echter alle opties beschikbaar. Mocht u toch nog problemen ervaren,
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
Handleiding Word de graad
Handleiding Word 2010 3de graad Inhoudsopgave Regelafstand 3 Knippen 3 Kopiëren 5 Plakken 6 Tabs 7 Pagina-instellingen 9 Opsommingstekens en nummeringen 12 Kopteksten en voetteksten 14 Paginanummering
De Kleine WordPress Handleiding
Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling
Algemene WordPress Handleiding uitleg basics Karin de Wit Design
Inhoudsopgave Inhoudsopgave... 2 Algemene informatie... 3 Introductie... 4 Inloggen bij WordPress... 5 Introductie in het dashboard... 6 Berichten en pagina's... 8 Bericht Categorieën... 8 Nieuw Bericht...
Handleiding internet Het maken van pagina s
Handleiding internet Het maken van pagina s Hoofdstuk IV Vullen van pagina s met tekst en beeld Het vullen van een pagina met tekst en beeld In dit hoofdstuk gaan we een van de pagina s vullen met tekst
Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond
Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal
De Kleine WordPress Handleiding
De Kleine WordPress Handleiding De Kleine WordPress Handleiding Algemene Informatie Dit is versie 1.9 van dit boek, voor de meest recente versie kunt u terecht op WordPress Magazine Disclaimer: Bij het
Quickstart Wikiwijsarrangement maken
Quickstart Wikiwijsarrangement maken - 2017 Auteur Laatst gewijzigd Licentie Webadres Team Wikiwijs 23 september 2017 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/100803 Dit lesmateriaal
HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.
HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko
Handleiding Content Management Systeem
Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne
2) Klik op Artikelbeheer: of op Artikelen in Inhoud in de balk bovenaan: Zoek het artikel op dat je wilt veranderen:
1) Type in de adresbalk achter http://www.plaats.amnesty.nl een slash (/) en het woord administrator à http://www.daarhuizen.amnesty.nl/administrator, vul de inloggegevens in en klik op Enter op je toetsenbord.
4. De homepagina maken
95 4. De homepagina maken Als u een thema heeft geïnstalleerd, is al een aantal onderdelen ingevuld als voorbeeld. Naast de header staan er ook voorbeeldteksten, afbeeldingen, hyperlinks en soms nog andere
Uw TEKSTEDITOR - alle iconen op een rij
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Kies vervolgens Media invoegen.
Hoe plaats ik nieuwe media foto s, video s en documenten? Het is de bedoeling dat via de website veel foto s en video s met de parochie worden gedeeld, om zo mensen te verbinden en verbonden te houden.
2. De eerste webpagina maken
35 2. De eerste webpagina maken Een website bestaat uit één of meer webpagina s. Bij het maken van een website bouwt u de website pagina voor pagina op. U begint met de hoofdpagina. Dat is de pagina die
Handleiding 2designers Content Management Systeem
Handleiding 2designers Content Management Systeem pagina 1 van 7 Inloggen: Om de welkom-kind website te kunnen beheren, moet u eerst inloggen. Dit kan via de URL: http://www.welkom-kind.nl/nieuw/admin
Een checklist invoegen in je pagina
Een checklist invoegen in je pagina Een checklist bestaat uit 2 onderdelen, een tabel en een checkbox. Als eerste moet er een tabel gemaakt worden zodat de checkbox in de tabel kan worden ingevoegd. Ook
5. Een nieuw grijs blok onderaan plaatsen
5. Een nieuw grijs blok onderaan plaatsen Onderstaande instructie is geschreven om een nieuwe grijze footer onder aan je site te maken. Deze footers kun je makkelijk gebruiken om mensen naar een bepaald
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
1. Gebruik van de online tekstverwerker op de schoolwebsite.
1. Gebruik van de online tekstverwerker op de schoolwebsite. Stap 1: aanmelden op de schoolwebsite Gebruik je gebruikersnaam zoals in SchoolOnline. Stap 2: ga naar jouw leerjaar in het menu bovenaan. Klik
HTML-EDITOR GEBRUIKEN
HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met
Zelf een webpagina maken met HTML-code
Zelf een webpagina maken met HTML-cde Stappenplan: 1. De brncde maken met Kladblk 2. Het resultaat bekijken met Internet Explrer 3. Een tweede webpagina maken en beide pagina s linken 4. De webpagina s
Vragen opmaken in de editor
Vragen opmaken in de editor De tekstvakken van WTMaak zijn in versie 5.0 opgebouwd volgens de HTML5-methode. Hiermee kunt u direct zien wat u invoegt of opmaakt, de zogenaamde WYSIWYG methode (What You
Kaart maken met Google Maps
Kaart maken met Google Maps Open https://mapsengine.google.com/map/ en log in met je Google account. Klik op 'Nieuwe kaart maken'. Page 1 Je kaart een naam geven Klik op 'Naamloze kaart' linksboven. Een
Website Inhoud Beheerder
Beknopte handleiding: Website Inhoud Beheerder Hieronder treft u de handleiding aan van de Website Inhoud Beheerder gebaseerd op Plone. Pagina 1 van 21 Inhoudsopgave Basis Pagina 3 Nieuwe pagina Pagina
Als je het uiterlijk van deze elementen snel wilt wijzigen, kun je een ander thema instellen.
Een thema gebruiken Wanneer je een thema toepast op een document, worden o.a. de volgende elementen in een Word-document aangepast: de achtergrondkleur van de pagina of het achtergrondobject, de opmaak
Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce
Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Saft Websites Gebruikershandleiding Wordpress icm Woocommerce pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Liever persoonlijke
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
PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!
HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het
Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/
Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Een bestaande website met kompozer www.acc.dds.nl/lesonline/kompozer/website/ Bestanden
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
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
U ziet de progressie van de download aan de groene blokjes in het balkje helemaal onder aan de pagina.
Gegevens exporteren en bewerken vanuit GRIEL Stap 1. Selecteer de juiste gegevens en download deze 1. Stel het datumfilter in op de gewenste periode. Druk op ververs. 2. Maak met behulp van het filter
Microsoft Word 365. Kennismaken AAN DE SLAG MET DIGITALE VAARDIGHEDEN TRAINING: MICROSOFT WORD 365
Microsoft Word 365 Kennismaken Inleiding Microsoft Word is het meest gebruikte tekstverwerkingsprogramma ter wereld. De mogelijkheden die Word biedt zijn talrijk, maar als je nog nooit met Word gewerkt
Portfolio. Je portfolio delen met medestudenten, docenten en externen om feedback te vragen
Portfolio Het portfolio kan worden ingezet voor zowel studenten als docenten. Binnen deze module is het mogelijk om een digitaal portfolio samen te stellen met tekst, afbeeldingen en videos. Het is mogelijk
Les 7. Instap. CSS en views: schilderijen. Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is.
Les 7 Instap Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is. CSS en views: schilderijen Ons eerste overzicht in de vorige les bestond uit het tonen van
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!
Luna 3.0 Basishandleiding
Basishandleiding Basishandleiding U logt in met de gegevens die u van ons heeft ontvangen. In deze handleiding gebruiken we als voorbeeld de website www.bijbaantjegroningen.nl. U komt dan in het volgende
Handleiding Websitebeheer
Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina
Handleiding Joomla CMS
Handleiding Joomla CMS Inhoudsopgave Inloggen bij de beheeromgeving 3 Artikelen 4 Prullenbak bekijken 4 Nieuw artikel maken / bewerken 5 Afbeelding toevoegen aan artikel 6 Link in een artikel plaatsen
Publisher Handleiding
Publisher 2010 Handleiding Inhoud 1. Wat is Publisher?... 1 2. Openen 2.1 Publisher starten... 2 2.2 Een nieuw document openen... 2 2.3 Een bestaand document openen... 3 3. Opslaan 3.1 Een document opslaan...
Gebruikershandleiding Edit
Gebruikershandleiding Edit Maak gebruik van de inloggegevens die je terugvindt in jouw mailbox. Noteer ze eventueel ook hier: url: www.. nl/edit Navigeer naar dit adres, door de url in te typen in de adresbalk
The Facebook pagina van NKBV 50 Plus
The Facebook pagina van NKBV 50 Plus https://www.facebook.com/nkbv50plus/ Waarom hebben we een Facebook pagina voor NKBV 50 Plus? Een Facebook pagina is een extra manier om onze sectie onder de aandacht
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
Trippeltrap Content Management System
Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.