Ever since the beginning of our html workshops, I have always struggled with it. I wanted it to be one of those things that I just picked up straight away but like me, my classmates are also finding it difficult. Over the past month we have started off with getting used to the names in html and what they mean when we write them in Brackets. (We actually started off using Java Script but shortly moved onto using Brackets as it’s easier). In today’s workshop, we were experimenting with transitions.
The picture above is a CSS file. It shows that I have made a block of text separate into three columns with different coloured backgrounds. I also added 15 pixels of padding to space it out. We were explained the difference between columns and padding but I chose to add padding.
We then looked at transitions and had a go at making it so that when you hovered over one paragraph of text, it changed colour for when the cursor was hovered over. I used a purple tone to demonstrate this. See Below
After making this, my lecturer then told us about page width and how we could make sure that whatever size the page was, our text would always be in the middle of the page. I have demonstrated this below with a smaller page compared to the sizes above.
This is what my HTML code looked like when finished:
(Click on images for a larger picture)
Overall I enjoyed today’s workshop, I gained more knowledge and blogging about it makes me feel more confident I can re do code like this without my mind going blank every time. I would say this is my least favourite part of the course so far because you have to make sure everything is not only correct, but in the right format and layout. It is time consuming but I always feel as if I’ve accomplished something when it turns out good, like today.
Here are two websites which really helped me out and that I will be using again: