Extra: Hoe werkt het internet?

Je hebt nu een website gebouwd en online gezet, maar hoe werkt het internet eigenlijk? En hoe is het ontwikkeld? Voor de volgende twee huiswerkopdrachten moet je online informatie zoeken en dit in een korte tekst samenvatten: Opdr 4. Hoe werkt het internet? Schrijf een stukje van 250 – 400 woorden over bovenstaande vraag.m.b.v. je stukje moeten de volgende vragen […]

Brackets FTP

Installatie van de extensie Druk in Brackets rechts bovenaan op het lego-blokje om het plugin scherm te openen. (of kies FILE > Extension Manager)Type FTP in het zoekveld en klik op install achter Brackets Website  Admin Verbinding maken met de FTP-server Klik op het groene HTML-5 icoon dat nu links op het scherm zit, boven de live preview en plugin-knoppen. In de settings, op […]

3. Je online website

Maak een online website van minstens 3 pagina’s die aan elkaar gekoppeld zijn. CSS moet in een apart document staan. Oftewel: zet de website die je voor opdracht 2 gemaakt hebt online. Volg onderstaande stappen om dit voor elkaar te krijgen. Uitwerking Scheid de CSS van je HTML-document door:Alle gebruikte stijl die als attribuut in de HTML staat naar de […]

Les 3: FTP

ONLINE MET FTP Je hebt nu een simpele website gemaakt die op je computer staat. Bekijk hem eens in de browser zonder Brackets te gebruiken. Je kunt je website nu online gaan zetten. Of hij nu ‘af’ is of niet, je kunt ook aan je site verder werken als hij al online staat. Online zetten doen we met FTP: de File […]

CSS Selectors

Je hebt al gezien dat CSS het volgende format heeft: selector {eigenschap: waarde} Met de selector selecteer je op welke tag(s) de stijl van toepassing is. Veelvoorkomende CSS selectoren Een element met een ID=”uniekenaam” : #uniekenaam {stijl: waarde)Alle elementen met attribuut class=”klassenaam” : .klassenaam {stijl: waarde}Een link waar je muis boven zweeft: a:hover {stijl: waarde} Meer complexe css selectoren vind […]

Les 2: CSS

Van Stijl-attribuut naar CSS In opdracht 1 heb je al wat stijl aan je HTML-documenten toegevoegd. Je hebt tekst bijvoorbeeld een kleurtje gegeven, of misschien de achtergrond van een blok. Ook heb je lettertypes aangepast. Bekijk nu de powerpoint over CSS ↗. Dit is een korte powerpoint, want CSS is niet ingewikkeld: Wat je als <style>attribuut bij de HTML-tags schreef, kun […]

Online cursussen

Je kunt op allerlei websites leren programmeren. Voor sommige van deze cursussen moet je betalen, andere zijn weer gratis en soms kun je een aantal lessen gratis volgen, of is de service in de proefperiode gratis. Vaak kun je in een venster je code intypen en zie je meteen het resultaat. Alsof je het in een text-editor met live preview […]

Cheatsheets & Naslagwerken

Met de alomtegenwoordige beschikbaarheid van internet is het niet meer nodig om veel uit je hoofd te kennen. Als je meerdere programmeertalen regelmatig door elkaar gebruikt, dan blijkt het bovendien lastig om steeds te onthouden hoe iets exact in die ene taal ook alweer geschreven werd. De oplossing is simpel: als het niet werkt, dan zoek je het op. Om […]

Meestgebruikte HTML en CSS tags en attributen

Hieronder staan de HTML en CSS tags en attributen die het meest gebruikt worden. In Opdracht 1 plaats je ze allemaal in een document en onderzoek je hoe ze werken. Dat doe je door ze op te zoeken op w3schools.com ↗. (Let op dat je ook echt ziet wat ze doen en dat je ze niet blindelings kopieert!) In het […]