Jamie Ivin Website Evaluation

I created a website to showcase me ‘Shock & Awe’ project work.

I made the website using Photoshop, Text Wrangler and Dreamweaver.

I used Photoshop to create all the images such as the buttons and background, and also used the slice tool to create the pieces of the background.

I used Text Wrangler to write most of the code for the website. I also used it to link me pages together.

I used Dreamweaver to tidy up the coding and change properties like the text colour, and for typing in my text.

I made an index Page – this page contains a welcome message and what the user can find on the other pages.

I also made a video page that I’m going to put the ‘Shock & Awe’ video on.

I made an information page to talk about the making of the video.

I also made a mobile version of the website so people on phone can knows it and the only different is that the font is smaller and the buttons are on top over each other.

I used HTL coding.

I was testing the website by going onto anther computer and try it out on Safari.

I think that the website went well, I was a bit slacking with putting something inside the website. I should bemired myself to do more of the witter work and coming up with website ideas.

3 website

Dean Forest Railway  http://www.deanforestrailway.co.uk

The purpose of this website is to advertise and inform about the railway.

It includes a drop down menu bar with categories like: about (station, train, history, future plans); your visit (what people can do and see, timetable, price and facilities, shopping/museums); events (upcoming events, regular event, booking events) and it also includes information for groups, ways to support the organisation, contact details, links and an online shop.

When you click on the links in the menu bar, it shows information in the main frame. You can click ‘home’ on this menu to go back to the page.  The home page shows the visitors a random picture of the railway every time they visit.

It also includes a short intro to the railway and upcoming events and current offers in the online shop and the railway.

The page is arranged in frames.

Top frame: Logo, attractive picture of forest and URL and menu bar (doesn’t change)

Left frame: Latest News article feed (doesn’t change)

Right frame: Links to the online shop, shopping basket, store help, newsletter sign up like (doesn’t change)

The page content appears in the middle when menu links are clicked.

The website is designed to have a theme, they use brown banners with white text as titles for the frames that don’t change and they use two different creamy brown colours as the background.

In the content pages they use dark green banners with white text as titles. The green colours have been chosen to go with the many green colours seen in the images of tree and trains on the website.

They are using an online shop and booking office provided by ‘Online Ticketing LTD’

In the source code, they have used HTML coding like:

META Tags – to describe content

Styles – to control colours

Scripts – for page size, menu bar

Frames/tables – for page layout

Facebook https://www.facebook.com

it used a complex coding for thing like ads, post and frames.

Glynis website bibliography

Works Cited

"     Home Page >  Dean Forest Railway ."      Home Page >  Dean Forest Railway . N.p., n.d. Web. 4 Dec. 2012. <http://www.deanforestrailway.co.uk/>.

"YouTube." YouTube. N.p., n.d. Web. 4 Dec. 2012. <http://www.youtube.com/>.

"facebook." facebook. N.p., n.d. Web. 4 Dec. 2012. <www.facebook.com>.

MLA formatting by BibMe.org.

website glossary

A

accessibility, affiliate program, agent, AJAX, anchor, anti-aliasing, applet, associate program, attribute, aural, azimuth

B

backlink, bad neighborhood, bandwidth, below the fold, block-level elements, blog, bookmark, boolean, bounce rate, breadcrumb, brightness, browser

C

candidate recommendation, CAPTCHA, cascade, Cascading Style Sheets, case-sensitive, CDATA, CDF, CGI, child, CMS, comment, comment - Cascading Style Sheets (CSS), comment - XML, container element, content, continuous media, conversion, conversion funnel, conversion rate, cookie, CSS, CSS Framework, cursive

D

declaration (CSS), declaration statement (XML), dedicated server, deprecated, design, DHTML, dither, DNS, doctype, DOM, domain, domain name, DPI, DTD

E

ecommerce, elastic layout, element, em, embedded style, entry page, EPUB, ex, exit page, Extensible Markup Language, external link, external style sheet

F

fantasy, favicon, favorites icon, first visit, fixed width layout, focal point, fold, font, font category, font family, font stack, font style, font weight, FQDN

G

GIF, graceful degradation

H

heuristics, hexadecimal, hit, HSL, htaccess, HTML, HTML code, HTML codes, html tag, HTTP, HTTPS, hue, hyperlink, hypertext

I

image map, impression, inbound link, inheritance, inline elements, inline style, internal link, IP, IP address, IRI

J

JPEG, JPG

K

kerning, keywords

L

LAMP, leading, link, link farm, liquid layout, long tail, lorem ipsum

M

MAMP, markup, marquee, master family, meta data, meta tag, MIME type, minify, monospace

N

natural search, nesting, new visitor, non-breaking space, normal flow

O

organic search, outbound link

P

paged media, pageview, parent, PDF, permalink, pica, pixel, pixel (typography), placeholder text, PNG, podcast, point, progressive enhancement, prolog, property, proposed recommendation, pseudo-element, pseudo-class

R

recommendation, repeat visitor, replaced element, resolution, RGB, RSS, RSS scraping, rule

S

sans-serif, saturation, schema, script, selector, semantic markup, seo, serif, SGML, shortcut menu, Simple Object Access Protocol, singleton (HTML), singleton (web analytics), SOAP, specification, specificity, Standard Generalized Markup Language, streaming media, style, subdomain

T

tag, text editor, TLD, TLDN, tracking, typeface

U

universal selector, URI, URL, URN, usability, user agent

V

valid, validate, visit, visitor, void element

W

W3C, WAMP, web application, web designer, web developer, web log, web page, web server, web standards, well-formed, white space, wiki, wireframe, working, draft, WYSIWYG, WYSIWYG editor

X

x-height, XHTML, XML

three website examples

facebook
the main colours are blue and white, the buttons are easy to knew and notice.

youtube
it easy to knees the button and you can see thumbnail of  what you about to watch. the colours are white in the middle and gray out line. i think the colour works well. the font cloud be a bit bigger. the banner sometime animation to advertise the film what coming out soon.

 

Web Shock and Awe

in Glynis class, we are doing a website base on the Shock and Awe project. she show us how to code and after that we are going to finish of the other three. my idea is to use the same code but just change the title and when we finish filming the Shock and Awe project the i can put the video up.

at the monition I'm in Glynis class doing an intreated piece about the history of the internet.
   i have made a cheap visions but it very good the i can do the old coding like go to the frame and go to frame 11. the timeline is just an plan black line in the middle with lines coming out saying 1957 to 2012. i put picture of the internet explore, safari and www.
   at first the title was history of the internet and then i thought, i might be fun to put it is www.history_of_the_internet.com but it might of look stupid so i change it into history of the internet.
   i wire more on this later.