CSS Workshop (Using Brackets)

In todays workshop we carried on learning techniques on CSS and used the software called Brackets. In this session we were given some basic bit of code which displayed a bit of text on the screen and then we had to try and make it into a basic looking website layout. We were given a CSS cheat sheet to help us with any writing of code and with the styles.css page of code.

CSS Cheat Sheet

Screen Shot 2014-11-17 at 15.40.26

This is the index.html code, on this page you write the code for how the website looks and functions.

index.html code

Screen Shot 2014-11-17 at 16.46.28

 This is the styles.css code page, this page is the main page for the basic website and this is where you write code to control everything that you’ve written in the styles.html page.

styles.css code

Screen Shot 2014-11-17 at 16.44.38 

Here’s the final website practice that I produced

Screen Shot 2014-11-17 at 16.44.25

I have saved the code which I made in the workshop and will now use it the practice more on Brackets and then hopefully produce better looking websites. I will make another site and then post it on here soon.

Advertisements

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