Mozilla web literacy map: building

Reading Time: 2 minutes

This post forms part of my evidence for earning the Web Literacy Ninja badge. For this badge I have show I meet all the competencies of the Web literacy map. This post covers the Building: connecting for the web strand of the map.

Composing for the web

This post is an example of using hyperlinks and also structuring a page as heading levels and unordered lists are used to organise the content.

My post on resizing images for the web shows and example of embedded media, creating web resources appropriate to the medium and structuring a web page.

I’ve been writing HTML for over ten years. Here is one of the first websites I ever made back in 2003. It’s not the greatest by today’s standards but we all have to start somewhere! One of the best things that came from it was making lots of mistakes and learning not what to do.


I’ve written a post already for my Open Practices badge which shows I have started wiki pages and edited other pages started by others on KnowHow NonProfit. My profile page on that site shows that I have also created more ‘standard’ content.

Design and accessibility

As well as the WAI guidelines I also try to work as closely as possible with the RNIB surf right standards. I have taught friends and colleagues to use heading levels in web content rather than bold text for titles and subtitles. This sounds like a small thing but happens regularly. I have also fought a life long struggle against using click here.

In a previous job I was lucky enough to be able to test websites I worked on with the Council for Disabled Children which meant I could test web sites with children with different disabilities.

Coding / scripting

A few years go I was asked by a friend to help him make a website for his film company he had just started. I wrote a post about it on this blog at the time. I created all the HTML and CSS myself with a horizontal animated jquery menu using easing. Around that time there were lots of people telling me to use flash but I wasn’t having any of it. At the start of this project I knew nothing about jquery and by the end my buddy had the website he wanted.


I have uploaded and modified this WordPress instance as well on the Halloween London website in the days before one click installers came to most hosting accounts. I’ve also managed the DNS for both of these as well as this website as part of my day job. I project managed building this new site which included moving to new hosting account and this included a change of domain name and managing the ensuing 301 nightmare that comes with this.

Where next?

I will cover the other strands of the map in the other posts:

James Mullarkey

I write about the web and digital, mediocre sporting performances and places I've been, for this blog and only this blog.