Coding workshop – HTML and Bootstrap

Today’s workshop acted as a brief introduction to the web protocol HTML (HyperText Markup Language), as well as some of its main features and uses. We used today’s session to create our own webpages, which we can use to upload and present our sketches from Processing (covered in the previous workshops). Some of the new HTML elements I learned to use today included the addition of columns and styles into my webpage.

We were also introduced to Bootstrap, a framework that is most commonly used to develop CSS (Cascading Style Sheets), HTML and Javascript websites. We used the text editing software: Brackets to create our webpages. Pictured below is my example of a webpage created in Brackets and the coding required to make it.

Screen Shot 2014-10-22 at 13.00.14

After this week, we will be moving on to jQuery, as well as improving our skills with HTML.

Bootstrap can be downloaded for free at http://getbootstrap.com/

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