Showing posts with label XHTML. Show all posts
Showing posts with label XHTML. Show all posts

Monday, 24 October 2011

DAT204: Assignment 1: Semantic 'Killer' Application (20% of the module)

For our first project of DAT204, we have to create a 'killer' web application based on the latest web standards (HTML5 etc.) and semantics, that will be very useful for a given task (e.g. a portfolio that is easy to use, graphically attractive and descriptive, hence the usage of semantics).

Semantics are used to make data more descriptive, because, in contrast to humans, computers need to interpret the meaning of data, and in its plain form, the computer doesn't understand straight away. In HTML5, semantics are used to describe the elements and layout, and in contrast to past versions of HTML, HTML5 does not require certain attributes, such as declaring JavaScript in the <script> tag (as JavaScript, by default, is the standard scripting language in the HTML5 platform), and mentioning the XML namespace in the <html> tag.

My initial idea is to create a 'killer' portfolio platform that is very intuitive, simple and easy to use, yet at the same time, is powerful and graphically attractive. My portfolio application is going to be 'the ultimate CV', which will be integrating a workbook, a gallery of practical work, a personal profile and SEO to make the website the first destination for any potential employer, especially those that are in the creative industries, in which this application is aimed at.

Mock-up 1: the workbook page

Mock-up 2: the cover page (i.e. the first page the user sees before proceeding to other pages, as per Mock-up 1)

Although the idea of portfolio websites aren't new, and have already been done, my semantic application is going to take it one step further, and become the CV of a potential employee, replacing the traditional paper format, and also being optimised, so in case the employee is 'Googled', the SEO used in this 'killer' semantic application will be optimised, so then the problem of being faced with an unwarranted social media presence (where it would be bombarded with personal opinions and photographs that, depending on the situation, can make or break one's opportunities) will be eliminated, so then the more professional side of the person takes precedence over one's personal side, especially since, even with, for example, your Facebook profile is set to private, friends may not be bothered to set their profiles to private, and anything unwarranted (e.g. unusual photos of nights-out) tagged with your name can cause problems.

Friday, 12 November 2010

IDAT 102: It's here! The completed result


The specifications of the website consist of a conventional layout with a navigation menu to the left-hand side of the page and the content in the main body of the website, with a header consisting of the title and a footer consisting of validation information and links to my Twitter, Facebook and my blog here. The layout is defined by using Cascading Style Sheets (CSS), which is referenced externally in the HTML code, but stored locally in the folder and on the server the website is hosted at. The website is constructed using XHTML 1.0 Transitional and CSS2. The colour scheme, which matches my personality of minimalism and Apple, will result in less issues regarding colourblindness due to the fact that when there are less colours (especially when they clash), there are less problems, and because the text is bright on a dark background, it's easier on the eyes and because my website did not rely heavily on text-on-images (especially if it had paragraphs on it), my website will not have problems with screen readers.

After ironing out a few things (mostly regarding the validation of the email submit form on the Contact Me page), I now have a completed result of my personal website, which is at http://www.elnormo91.co.uk.

Popular Posts