This part of the module is completely knew to me and it took me right until the last week until I felt confident using it. It really was a process of trial and error and learning from my mistakes. There was a few times I hit a wall with certain parts, and there are still some areas I’m not 100% sure of, but I carried out some background research into HTML firstly and made notes which I referred back to.
<aside> 🟣 Link to Baskerville Github:https://github.com/ciaraffraser/baskerville1
</aside>
I found the introduction to HTML quite daunting and overwhelming. I had zero experience using it and only recognised it as a set of coloured words. However, once I started marking up my Baskerville file, I slowly found it less overwhelming, become more aware of what different parts did and why.
Looking at the basics first of the domain name, index and what a good and bad structure of HTML would be was a good place to start. I recognised these from being on the internet and social media, but didn’t know what the different parts stood for and did. The next step was to look at the details of HTML, the tags and elements. These were straight forward in that, what they were named is what they did. While I know I will understand them better, as in when to use strong over bold, once I start adding those details to my own HTML file. After going through the basics we would need to start, I was still confused as I wasn’t sure how all the parts would come together.
Github and Code were something I had to learn from scratch and it took me a while to get the hang of how it worked. At first, I just didn’t understand how it worked so I made notes from books that were said to useful and watched back on the lectures and created a walkthrough list on how to set up a GitHub repositories right down to the final link. I used this list regularly and found it a good way of gaining confidence in knowing what I was doing.
<aside> 🟣 HTML Beginning Notes: https://acrobat.adobe.com/link/track?uri=urn:aaid:scds:US:778e53a1-7064-44c6-998e-814493642e0e
</aside>
Over the next weeks, I added to my Baskerville, creating multiple version which documents it’s progress. In my first version, the main focus was to create the Github repository and present the text onto the page with headings and split into paragraphs. My next step was to add some navigation to the page with included top and bottom links and also in house navigation between the different sections. Before moving onto CSS, I added a few lists to the end of my file, as I wanted to do as much as possible so I became comfortable using the apps, and I found the best way to do so was practice.
<aside> 🟣 Link to Baskerville Version 1: https://ciaraffraser.github.io/baskerville1/baskerville-version-1.html
</aside>