IXD 101- Interaction design fundamentals 2025-2026

Lists, Images, Navigation

Reflection

this week we are focusing on how to create lists, navigations an images throughout our project of street crocodiles. This is an example of the lists in HTML.

image.png

the use of a navigation system in a website is extremely crucial to get correct as a navigation bar is very needed for the user to be able to use the website with ease. the use of lists as well is important as these can be highlighted and linked to ither additional websites.

we added in the Shultz books as well as a additional area of type in order for us to do this we needed a footer to make everything look like it flowed better rather than this being at the bottom with non context.

the use of contact links were made as well for example if I was to put in my email for contact purposes this would be useful for the user to easily contact me for any queries on the website itself.

by the end of the lesson this is what I was able to create this is still a very rough outline of HTML and CSS as the navigation bar is still in need of work.

image.png

this shows the use of lists and the use of links within lists. the colour makes the main part of the lists easier to read.

image.png