Evaluation Report on Developing a Static Website using HTML5 and CSS3

[Student Name]
[Student No]

Table of Contents
Introduction.......................................................................................................................2
Research............................................................................................................................2
Usability and Accessibility..................................................................................................3
Conclusions and future work..............................................................................................3
References.........................................................................................................................5
1

Introduction
This project was first ever coding project of my life till date. The website was a static site
made up of HTML5 and CSS3. Along with these two languages, I also tried hands on the
JavaScript. Since HTML is a mark-up language, I did not use the Object Oriented
programming concepts here. But to begin with the site development, I had to decide over the
languages to be used. I intended to make a website with no database connectivity. Hence,
server-side languages like PHP, Java, JSP, etc. were ruled out.
Research
Since, I am beginner in coding, I cannot imagine to use Ruby on Rails or Scala. And also, my
website is a simple platform for the users, so I decided to use mark-up language - HTML.
This language works proficiently without any need of any server (Fèorster, 2012). However,
the underlying browser needs to support the language. With various enhancements recently,
HTML has come up with many new features which were not present earlier. Today’s HTML
is known by name HTML5. Once, I decided with the language, next step was to use simple
HTML or latest HTML5 (West, 2013). I found that HTML5 provides in-built semantic tags
such as <header>, <footer>, <section>, etc. Also, unlike, simple HTML, it has also come up
with new attributes of form elements - number, date, time and range. In absence of these, I
had to implement them using JavaScript which would have been a new challenge for me
(Weyl, 2014).
To begin with, I need to decide over the layout of the website. A normal website consists of
header, body and footer. Then the challenge was to decide the content of the website. I
intended to use <Table> tag but then due to its rigid feature, I decided to use <div> tags. As a
beginner, I decided to make basic pages like any other site: home page, about page, contact
page and FAQ page. Till this moment, I found that My decision to use HTML5 is not wrong
as it was providing full flexibility to my site and very simple to learn. I wanted to make my
home page look attractive with videos and audios. To make it, I found that HTML5 provides
<video> and <audio> tags. I just embed <video> tag and provided the video link. The video
was up and running on page loading. The page was perfectly got divided using <header> and
<footer> tags (Weyl, 2014). I did use some CSS also but that was limited to colours and
mouse effects like hovering. While developing the site, I felt that selection of layout and
languages were fair as it is the only mark-up language which provides low-learning curve and
2