Richard McHugh – Bournemouth Digital Media Student

Introduction to HTML

Leave a comment

We were introduced to the program Brackets, this is a OpenSource program meaning it is completely free. You can download this from http://brackets.io

I’m used to using Adobe Dreamweaver for building a website, so just focusing on the coding of the website rather than the live view/coding is new to me.
But just focusing on the coding is a lot more rewarding and you edit and create things so much quicker.

The one thing which really confuses me about brackets coding is the opening curly brackets and closing brackets. these look like this { and }.
I find these confusing because when there are many blocks of code, it is easy to loose which curly brackets open or close what block of code.
This is something I will get used to the more time I use the program.

 Screen Shot 2014-10-23 at 13.27.05

In the workshop we went through the process of building a basic website which would have an image and a few paragraphs of text.

The website would change size determined on how big the device screen, so if it was displayed on a computer screen it would be spread out, if it was displayed on a mobile phone it would be smaller in proportion to the phone. This is so that the user would have to zoom in to read or navigate around the website.

Screen Shot 2014-10-23 at 13.52.17

This is controlled by the meta tag “viewpoint” initial scale=1.0

It uses the width of the screen to display the width of the webpage.

Screen Shot 2014-10-23 at 14.04.44

Screen Shot 2014-10-23 at 14.06.32

This is the website viewed in on a desktop sized window.

Screen Shot 2014-10-23 at 14.05.58

This is the website displayed in a tablet or mobile phone size window.

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