This week in our first session the class reviewed my HTML. The tags that I had decided to add after my further reading for example <section> <article> were actually not relevant for the content I had created. David reminded us that good design is achieved when there is nothing left to take away. Because the task is to create a page for each object, and the content is only a couple of paragraphs with a header then <p> was enough in this instance.

Therefore after class I took some time to really think about the semantic make up of my content, and adjusted the html accordingly.

I then made further adjustments to my code to reflect the parent/child relationship between the elements and I am happy that I have something clear and precise. There are still a couple of things that could be taken away, for example I have labeled the navigation elements with <nav> and the navigation at the bottom with <nav> and <footer>. I then also tagged the main content with a <main> just so it is clear that it is separate to the navigation links. You might be able to argue that it is not necessary for such a basic page, but I think I this scenario we have two types of content, the content in the page, and the links to the other pages in the series.

There are still a couple of things I need to practice with the HTML elements. I am still not confident in using root relative and relative roots. At the moment I just use the trial and error method. However I intend to keep practicing. In addition to the HTML pages we are doing in our coursework I am also following the “internetting is hard” tutorials as well as the “learn to code HTML & CSS” referenced in our course work reading list.

Learning CSS

I am still having problems with the terminology of linking files. For example in “internetting is hard” it explains that it is best to use “root-relative paths” for linking global stylesheets. I understand the concept and reasoning, this is that the folder organising is important, as we would have to reference the style sheet differently in each HTML file if we did not consider which folder we are keeping the CSS file in, however I am still unsure of how to explain this using the terminology without getting confused.