HTML, short for Hypertext Markup Language is the standard computer language, commonly known in the industry as “Mark-up Language”, and is used for creating webpages/web applications. Simply put, HTML has been designed to have an easy process of setting out text and image to be displayed to viewers.

CSS, short for Cascading Style Sheets, is the language in which is used to describe how the presentation will be on a webpage, through colour, layout and typefaces. This language allows a designer to adapt the setup which is a good attribute if viewpoints are at a variety of sizes. CSS is independent and can be used with any computer markup language.

Within this workshop we focused around developing our skills within web design.

1. To begin the working within html, we first opened up a document in TextEdit, assuring that the file is a plain text. This is of the upmost importance, as if it was to be in Rich Text it won't export correctly.

2. Before going any further, to have a full HTML introduction was needed. As a class, we followed tutorials on http://www.w3schools.com, one of the largest web developer websites available. The website is categorized to allow users to select what skill to learn.

3. Within the introduction we learnt about the basics of what structure to follow and the meaning behind elements that are needed for html to work correctly.

4/5. With the first code, I pasted it into my plain document on text edit and altered the contents to see the result. This first initial code was focused on simply changing the contents of the body and the title. At this point, I also tested out the header sizes (< h1 >, < h2 > etc) in combination.

6. Another important basis of html was learning about how colour is used. In HTML there are several options of how colour can be included in your code. To begin this process, I followed the code and tested out simplistic colours like red, orange, yellow, cyan and blue.

7. To test further I then used this format of text with a coloured background, searched through W3 Schools other options of altering colour tones using RGB and changing fonts.

8. The next main aspect of html I wanted to learn about was how to insert images into the code effectively. But unfortunately, in class and also within out of class hours, getting this to effectively work was ineffective. Although through researching on the internet, this can be a common problem with using TextEdit on a mac to create code.

To venture further into HTML/CSS, I then looked into tutorials on the website to further experiment with my styles within my entire page layout. At this point, I felt fairly comfortable with the coding basics started to enjoy all the possibilities of how I could set up the next few testing pages.

1. At this point I tested out colour separation for my title and main body of text.

2. Testing out varieties of RGB colours for both the title and the main body of text.

3. Adding a border to experiment further with coding potentials.

4. For the final step of using TextEdit, I centered all the content and altered the height/width of the body and the text border within the < style > tag.

5. With Hotglue being a prominent tool used within our course, even with this very documentation, testing out html coding straight after learning the foundations of html in TextEdit gave opportunity to see how this coding language works on different web building publications. Also, I took this moment to test out the image coding and was successful in placing an image inside the code from an online source.