Rihanna Loud Tour

Went to Birmingham last night to see Rihanna, she was friggggginnnn amazing!

Voyage

Hmmm not going too well, I hate my idea, I hate the design of the website & hate how good everyone else is in the class compared to me. Some screen shots of what i've done so far:


Yet to add javascript :(

Voyage Related

Accessibility & Validation

Accessibility:

To put the Internet and its services at the disposal of all individuals, whatever their hardware or software requirements, their network infrastructure, their native language, their cultural background, their geographic location, or their physical or mental aptitudes.
Tim Berners-Lee, director of the W.3.C (World Wide Web Consortium)

Accessibility is the degree to which anyone can access and use a website using any web browsing technology. A fully accessible site is one that is designed to make use of the latest web technologies such as multimedia, while at the same time accommodating the needs of those who have difficulty with or are unable to use these technologies.
http://www.rnib.org.uk

http://validator.w3.org/

Google

Voyage

I meant to post these a while ago, my wireframes & ideas for voyage. I've started to code the website now although worried it may just have too many photos, so need to add my javascript etc.

When i've done a bit more to it will post some pictures up.

I am using the colour sceheme from adobe kuler I created but not sure if the colours work too well together:

Marketing Strategy

I have signed up to use Google analytics to see who and how many people are viewing my page.

Here is one for my blog from blogger stats:

JavaScript

JavaScript Events.

When a user causes an event to happen on an HTML page, such as clicking on a link, a piece of JavaScript can be executed. Most HTML tags have certain events that can be used to trigger JavaScript, examples of such events are ‘onClick’ and ‘onMouseOver’. When developing a web page, which uses such events, you need to be careful about compatibility issues as Netscape Navigator and Microsoft Explorer differ in the type of events each HTML tag is capable of supporting.

< a onClick="document.write('you clicked me!');">click here< / a >

< html >
< body >
< img src ="Img/elep.jpg" name="elephant " onmouseover="document.images['elephant'].src='Img/elep.jpg';" onmouseout="document.images['elephant'].src='Img/monkey.jpg';">
< /body >
< /html >

Encoding An Email Link & Links Within A Page

http://hivelogic.com/enkoder/

The standard format for an email link is:
< a href = ”mailto:myname@yahoo.com ” > My email address here< / a >
- Online addresses should always be encoded.
- Go to the link encoder at: http://hivelogic.com/enkoder/
- Fill in the Email address and Link text fields and select Submit.
- Copy all of the generated JavaScript into your page.
- NOTE: Switch on Live View in Dreamweaver to see the link.

http://w3schools.com/html/html_links.asp

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

Links are specified in HTML using the < a > tag.

The < a > tag can be used in two ways:

- To create a link to another document, by using the href attribute
- To create a bookmark inside a document, by using the name attribute.

< a href="url " >Link text < / a >

HTML Tables

http://www.somacon.com/p141.php

http://www.456bereastreet.com/archive/200410/bring_on_the_tables/

List Styles

Well This Is Amazing.

I'M SO FLIPPPPINNNGGGG HAPPY

THAT MY ESSAY IS FINALLY FINISHED.

Catching Upppppp

I have been away at a wedding all weekend

so missed David & Shaun's lectures/seminars on friday. Looked on the NOW & this is was i've sussed out for what I missed:

Common features of WEB 2.0 DESIGN
The great sites share the following design features:
Simple layout
Centred orientation
Design the content, not the page
3D effects, used sparingly
Soft, neutral background colours
Strong colour, used sparingly
Cute icons, used sparingly
Plenty of whitespace
Nice big text

Choose one example of a Web 2.0 website from:

http://www.webdesignerdepot.com/2009/09/25-examples-of-web-2-0-and-traditional-design-rules-coming-together/

Forms & Font

http://www.fontsquirrel.com/fontface/generator

http://www.google.com/webfonts

A web form needs a programmed script to process the information that
someone has filled in. When you hit the submit button, the information gets
sent to the script. The script processes it and does something, e.g. emails you the information.

The script is referenced with the action attribute. The method attribute
specifies how the data gets sent

Most host accounts have a default formmail script which you can link to from a contact form.

Form scripts can be written in .cgi or .php, or any other server-side
programming language.

The label tag connects each bit of text with its relevant input field and is an accessibility requirement. It is also useful for styling forms.

The HTML < input > tag is a stand-alone tag, i.e. it does not come in a pair.

Context 2

I have spent so much time on my context 2 essay this week & hopefully it's paid off as i'm nearly finished. Going to print it off to give to Shaun to look over tomorrow. May have to kill myself if i've got the wrong end of the stick and wrote about a load of nothing.

Deadline in a week for it so just touch up on Shaun's advice and then I can finally start my voyage project. Have an idea that's sticking out to use for it but need to create wireframes etc as it's only 4 weeks until that deadline.