Dreamweaver B2 CSS

Dreamweaver B4-B6: CSS

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

Om deze opdrachten te maken heb je eerst Dreamweaver B1 gemaakt, deze lessen zijn een vervolg op B1 en maakt gebruik van de resultaten van je voorbereidingen in HTML.

Acceptatiecriteria

  • Je bestanden zitten allemaal in 1 mapje, waarin weer de juiste mapjes zitten.
  • Je hebt een extra map aangemaakt voor de CSS-bestanden.
  • Je hebt een stylesheet aangemaakt.
  • Je hebt lettertype, kleuren en een achtergrondafbeelding in de header aangepast.
  • Je hebt de afbeeldingen floatable in de verschillende afspeelbreedten bewerkt.
  • Je hebt via inspecteren je website bekeken.
  • Je hebt je navigatie buttons aangepast.
  • Achtergrondleur in de container aangepast.
  • Je plaatjes voorzien van kleur en hoover.
  • Je hebt je naam in de footer.
  • Je hebt de hele map, afbeeldingen van html, css en ontwerp van iedere pagina en je startfinishpagina naar je docent gestuurd.

Tijdsduur

Voor de totale CCS 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 je Dreamweaverbestand uit de HTML-lessen en volg de onderstaande 3 tutorials, waarbij je je eigen materiaal gebruikt, zodat je de html basis voor je eigen website bewerkt met CSS.

Tutorial B4: De eerste ontwerpen

Tutorial B5: Menu’s aanpassen

Tutorial B6: Afwerking website