Week 2- Writing For The Web

writing-for-the-web_0In week two our lecture showed us the basic tools we can use in our e-journals to enhance the visual display.

Simple techniques such as drop caps at the start of a post are a way of making it easier for a viewer scanning the article. We were also shown how using images in certain places promotes the flow of the article in your document. A technique used is the ‘tennis match’. To use the ‘tennis match’, you can place an image in the top left hand corner at the start of the article. Then follow that with another image in the middle of the article at the right hand side of the page. The most common way western people read online is in a Saccadic f- pattern. This an example of eye tracking.
Readability & Legibility

In this weeks lecture we talked about what the differences between readability and legibility are.

Legibility describes how clear and concise the headings are in an article. The headings will be instantly clear to the viewer that the heading is outlining the topic coming after it. Factors that Legibility requires  include the x heights, serif and character shapes..

Readability differs from legibility in that it looks at how easy a body of text is to read. Line length, length width and font size can help any article with its readability.


The idea of starting with a blank page and your ideas locked away in your head can seem quite daunting when you are looking to enter the world of web design. That is why when we looked at some brilliant points of reference websites such as Mozilla Webmaker.

This website allows you to make your own webpages with a step by step guide in its Thimble Application. Mozilla goggles allows the user to explore other users webpages and then to edit those pages to get a feel for what they want their own website to look like.
Mozilla Goggles
Finally, there is a website called Codecademy that gives users a brick by brick method of creating a website using HTML mark up language. This is brilliant as you get a real understanding of how different texts, images etc. shown in a webpage.

I think I have learned this week the basic knowledge needed to keep up a reasonably high standard of blogs for throughout the course.

I cannot wait to see what week 3 has to offer with Digital Photography as that is not a subject I am too familiar with.

Linnea Ann Williams (2013). Writing for the Web #2: Titles and Headings . [ONLINE] Available at: https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTRAxmclxCvpFda5fvKId-T5t_1LPHop3DzmCEt4bbyZ0UnzMYDdQ. [Last Accessed 25 November 2013].

Matt Gilbert (2013). Matt Gilbert Article 4: Legiability & Readability. [ONLINE] Available at: http://www.mattgilbert.net/article/4/legibilityreadability. [Last Accessed 25 November 2013].

Mozilla.org Contributors (2013). X- Ray Goggles. [ONLINE] Available at: http://hackasaurus.org/en-US/goggles/. [Last Accessed 25 November 2013].

A Blogging First….For Me!

As you have may have gathered from the title this is in fact my first ever blog!

So, presuming you read my bio page first I have already talked a little bit about what I hope to achieve from taking this course.

I cannot wait to learn more about creating an audio podcast. However, listening back and hearing my own voice I think will be the tricky part of it…oh well!!

What I’m going to do now is post up a photo I took during the Summer of a lovely town called Rethymnon in Crete. The photo is of the Venetian Harbour built by them invading the town in the 13th century. The lighthouse however was added by the Turks in the late 17th century.

Rethymnon Venetian Harbour

I have also added a little video of the harbour to enhance your visual enjoyment!


pruvilla (2008). Rethymno, Crete. [ONLINE] Available at: http://www.youtube.com/watch?v=GlA9keq1xHM&. [Last Accessed Sept 11, 2013].