Gebruik in de opdracht enkel tags en attributen die uitgelegd werden in de leesactiviteiten van deze cursus. Je vindt deze ook terug op de API. Enkel indien er expliciet gevraagd wordt om iets op te zoeken, mag/moet je andere tags/attributen gebruiken.

Bij het maken van de eerste pagina, waarin jouw tweedehandswebsite wordt beschreven, gebruik je onderstaande tags minstens één keer.

1. De afbeelding, die je bovenaan hebt toegevoegd, maak je aanklikbaar en is een verwijzing (a) naar een externe website (bv. inspiratiebron), die opent in een nieuw tablad.
2. Gebruik meerdere hoofdingen , zowel van gelijk als van verschillend gewicht (h1, h2, …). De eerste hoofding had je al toegevoegd (met de naam van je tweedehandswebsite en jouw eigen na(a)m(en).)
3. Beschrijf het doel van je tweedehandswebsite in enkele paragrafen tekst (p) en leg ook uit waarom je tweedehands kopen/verkopen duurzaam is.
4. Voeg de map media toe voor alle afbeeldingen die je nu nog zal toevoegen. De eerste afbeelding (bovenaan) zet je niet in die map. Je moet de media map met de afbeeldingen ook kopiëren bij het online zetten.
5. Geef een overzicht van (minstens drie) producten die je te koop aanbiedt en gebruik daarbij een tabel. Voorzie een tabelhoofding. In de eerste kolom komt de naam van je product, en in de tweede kolom moet je een bijpassende afbeelding plaatsen. Steek voorlopig geen tijd in de afmeting van die afbeeldingen, dat wordt met CSS aangepakt.

6. Voeg minstens één product toe dat uit meerdere onderdelen bestaat (bv. een set, bundel of samengesteld product). Voor dit product worden de productnaam en de afbeelding slechts één keer weergegeven, maar worden de verschillende onderdelen in aparte rijen weergegeven met elk een eigen prijs. Hieronder een deel van een mogelijke tabel (de borders zijn nog niet gevraagd!).

   

7. Gebruik voor een prijs van een product altijd een valutateken. Zoek dit op in de HTML Charsets / HTML Symbols. Reference via HTML Symbols Reference.

8. Gebruik een geneste lijst om belangrijke begrippen of afspraken van jouw tweedehandswebsite toe te lichten. Voor de verschillende begrippen of afspraken van je website gebruik je een definitielijst (dl). Voor de uitleg bij de begrippen of afspraken gebruik je een niet-genummerde lijst.
9. Aangezien in winkels meestal muziek speelt, willen we ook dat jullie een vleugje muziek aanbieden op jullie website. Voeg een iframe toe die een Spotify playlist of lied weergeeft. Zie iframe voor meer informatie hierover en lees de opmerkingen onderaan.
10. Zet ergens commentaar in jouw code: een stukje tekst dat je dan toch niet wil laten zien op de site (maar dat wel leesbaar zal zijn voor wie de omwegen kent!).
11. Voeg onderaan de pagina ook een (hypothetisch) afhaaladres toe waar aangekochte producten kunnen worden opgehaald. Gebruik hiervoor de address tag. Zoek op in de HTML Element Reference via HTML Element Reference . Het adres moet bestaan uit een aanklikbare link (a) die verwijst naar een locatie op Google Maps.

Opmerkingen: 

• Voor het toevoegen van een Spotify playlist of lied, bekijk je de spotify tutorial over ‘creating an Embed’.
• In de iframetag  mag je geen inline css toevoegen. De afmeting van het frame moet ingesteld worden met css (zie later). Dus enkel het src attribuut mag/moet je toevoegen.