Digitals of an Undergraduate

Chloe, 19 from Hertfordshire, UK. First year Digital Media Design student at Bournemouth University

CSS, HTML and Brackets Workshop 11/11/2014

1 Comment

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.

Screen Shot 2014-11-11 at 13.45.59

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

Screen Shot 2014-11-11 at 13.53.41

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.

Screen Shot 2014-11-11 at 14.02.24

This is what my HTML code looked like when finished:

Screen Shot 2014-11-11 at 14.25.03

(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:

Advertisements

Author: Chloe Rose Hutchings

Chloe, 20 from Hertfordshire BA (Hons) Digital Media Design student studying at Bournemouth University.

One thought on “CSS, HTML and Brackets Workshop 11/11/2014

  1. Pingback: CSS, HTML and Brackets Workshop 18/11/2014 | Digitals of an Undergraduate

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s