Informatica - websites (HTML&CSS) (2021–2022)
Helga Naessens & Brecht Willems · Universiteit Gent
Deze judge (automatische beoordelaar die de uitvoer van de student vergelijkt met de verwachte uitvoer en op basis daarvan persoonlijke feedback geeft) werd nog maar recent aan Dodona toegevoegd. Feedback kan je doorgeven aan je begeleider, via een vraag in deze cursus of via GitHub. Meer informatie over de interne werking vind je hier terug: https://github.com/dodona-edu/judge-html#readme
Er is soms een verschil tussen de HTML render op Dodona en lokaal op jouw computer. Doordat de CSS-eigenschappen van Dodona overgeërfd worden door jouw indiening, krijgt jouw indiening de Dodona opmaak terwijl dit eigenlijk niet de bedoeling is. Er wordt gewerkt aan een oplossing, maar weet dat de render louter informatief is. De judge kijkt enkel naar de HTML en CSS en vergelijkt niet visueel.
Bij oefeningen met CSS moet je in Dodona Internal CSS gebruiken, omdat je bij Dodona slechts één document kan versturen per indiening. Voor de opdracht van de website moet je External CSS gebruiken.
In Dodona zijn er twee manieren op HTML-indieningen te vergelijken: met een checklist of controleren of de structuur overeenkomt met de modeloplossing.
Je bent niet geregistreerd voor deze cursus.
Leerpad
Jouw weg door deze cursusDeze oefeningen zijn bedoeld als inleidingsoefeningen om vertrouwd te raken met HMTL na de theorieles.
| Status | Status | Type | Titel | Voortgang groep |
|---|---|---|---|---|
| 1. HTML opmerkingen | ||||
| 2. UGent introductie | ||||
| 3. UGent link toevoegen | ||||
| 4. HTML-template | ||||
| 5. Mini-website | ||||
| 6. UGent faculteit websites | ||||
| 7. UGent faculteiten tabel | ||||
| 8. Verbeter lijst | ||||
| 9. Afbeelding als link | ||||
| 10. Maak tabel | ||||
| 11. Maak tabel 6 | ||||
| 12. Afbeelding herstellen | ||||
| 13. UGent adres |
Deze oefeningen zijn bedoeld als inleidingsoefeningen om vertrouwd te raken met HMTL&CSS na de theorieles.
| Status | Status | Type | Titel | Voortgang groep |
|---|---|---|---|---|
| 1. CSS introductie | ||||
| 2. Verbind extern CSS met HTML (Bootstrap) | ||||
| 3. Foutcorrectie | ||||
| 4. ID-selector | ||||
| 5. Lijnhoogte | ||||
| 6. Rand afbeelding | ||||
| 7. Meerdere selectors |