HTML & CSS: Experimenting with Web Design

Ghost Admin - leedsdotgraphics

Above is my edited version of my blog post regarding Brutalist Websites. I used code to change the typeface of the headers and body text. Additionally to this I created a host site so that my site stands alone from the blog site.

For this brief, I called upon the assistance of my brother to help me understand HTML and CSS. Coding is one thing I have always struggled to know where to even begin, and thankfully my brother could guide me along the way.

I had the opportunity to code on a 32" screen, meaning I could arrange my workspace accordingly, I could save the code and refresh it immediately, which made for good efficiency to my workflow. I had the CSS underneath, which I could then translate to the left window to make my changes permanent.

One thing I knew I wanted to explore was changing the typefaces of the blog post. Google fonts, I found, was most optimised for web, so I acquired the code for Bebas Neue and embedded this into the existing code, making sure to add it onto the headers. Addtionally to this, I changed the hyperlinked headers to be black, to make them match the aesthetic more. I toyed with changing the background, and did change the background colours, but I found that white was best considering the colour of the Title.

Because I edited the unpublished version of my blog post, I took the opportunity to removed the headers of the site that said 'preview' and 'publish' which I was interested to find that it was just a case of removing a heading at the top of the code.

My brother then showed me how to host the site so that it functioned of its own accord. I used a site called Netify, which enabled me to make my own url for the site and showed me the basics of hosting my own website, something that I feel would be hugely helpful to me down the line when I consider creating my own Portfolio site.

After this experience, I can say there is still a lot I want to learn with coding. I have my foot in the door with regards to understanding the basics and how the code interacts with the visuals of a website, but I know had I not the fortune of my brother alongside me, this process would have been far more arduous.

Coding, I know, is a very handy skill for a Graphic Designer to have, as it brings along another addition to their skillset, and it is something I would very much like to understand. I know there are sites available such as CodeAcademy that can help me to understand from the ground up, which is something, that after this experience with code, I would be very happy to explore.

Abi Ward

Abi Ward

Leeds