Dreamweaver B1-B3: HTML
Dreamweaver bestaat uit twee delen; HTML en CSS. Samen zorgen deze twee manieren van programmeren er voor dat je een mooie website kunt maken. In HTML maak je een goede structuur, plaats je teksten en graphics en bouw je het menu. In CSS maak je de website op en maak je de website responsive. De eerste drie tutorials zijn er voor om de opzet van je website in HTML te krijgen en horen bij elkaar. Als dit gedaan is kun je naar B2, waarin je met CSS deze website afmaakt.
Voorkennis
Je hebt geen specifieke voorkennis nodig voor deze opdracht, het is wel handig as je een beetje weet hoe een website er uit ziet.
Voorbereidingen
Voordat je met de eerste tutorial gaat beginnen, moet je eerst zorgen dat je bedenkt, waar jouw website over zal gaan. De website in het voorbeeld gaat over Vogels in Nederland, waarbij er een home page is met daarop de afbeeldingen van de volgels, in dit geval 4. En waarbij er van ieder vogel een aparte pagina is. Waarbij 1 pagina is uitgewerkt, met daarop een video. Jij moet iets soortgelijks maken.
De voorbereidende opdracht is dus:
- Zoek minimaal 4 foto’s van een onderwerp waarover je je website wil maken (zoek op pixels.com of pixabay.com en houdt ze even groot).
- Zoek over minstens een van de foto’s een video (kan op dezelfde sites).
- Maak een screenshot met bijvoorbeeld Knipprogramma van een leuke still van je video.
- Zet dit alles in een mapje Dreamweaver op jouw Z-schijf (Hoe je deze bestanden verder verwerkt komt in de eerste video).
Acceptatiecriteria
- Je bestanden zitten allemaal in 1 mapje, waarin weer de juiste mapjes zitten.
- Je hebt de hoofdstructuur van HTML toegepast.Je hebt de verschillende commando’s om teksten en afbeeldingen te plaatsen gebruikt.
- Je hebt meerdere pagina’s in je website zitten.
- Je hebt commando’s voor lijsten en asides toegevoegd.
- Je hebt de video van van controles en een poster voorzien.
- Je hebt de navigatie en afbeeldingen interactief gemaakt.
- Je hebt je naam in de footer verwerkt.
- Je hebt de hele map, afbeeldingen van html en ontwerp van iedere pagina en je startfinishpagina naar je docent gestuurd.
Tijdsduur
Voor de totale HTML reeks 3 tot 6 lessen.
Punten
Voor iedere tutorial is 1 punt te verdienen, als je dit gedeelte dus af hebt heb je 3 punten.
Opdracht
Open Dreamweaver en volg de onderstaande 3 tutorials, waarbij je je eigen materiaal gebruikt, zodat je de html basis voor je eigen website hebt.