Structure diagram for my websites

Evaluation of my websites

Evaluation of my websites

During the making of my mobile and browser website for shock and awe there has been lots of problem and setbacks.

The main program that I used was adobe Dreamweaver I found that it was a very useful software that is very user friendly and can give you an quick and easy website without the hassle of hand coding. A lot of things have gone well but a lot of things have delayed the production process. Overall I am very happy with the overall outcome of both of my website but there are a few things that I would like to have done if I had managed my time better.
  The areas of my website that I like are the animated banner at the top of the page and the glowing font on my information page. I really like the animation as it is nice and simple yet it looks professional. I like the look of the outer glow that I put onto my information page as it stands out and catches the viewer’s attention.
The few things that I would like to have changed are the rollovers on the information page and the area around the embedded video on the video page.

As I had to make one of my pages on ‘textwrangler’ so that I could hand code it I did not know the code for rollover images meaning that on my hand coded page there is no glowing text rollover that are on the other three pages.

  When embedding my video onto my page it came with great difficulty as I previously had an area for the video with a glow around it when I put the video onto the page it didn’t quite fit properly, leaving a black square around the outside. If I had managed my time better I could have re adjusted the video and the images around it so that it would look more professional.

Glossary of Key Terminology in web design

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

Articulate the differences between desktop and mobile web experiences and what it means for designers

When developers design a website they have to take into consideration the device or machine that the website is going to be viewed on. as all mobile devices have different screen sizes and resolutions it is very important for them to cover every size so that everybody can enjoy the full experience that the website is intended to portray.
   it is also very important for developers to consider different browsers when making a website as there are a wide variety of browsers that all have individual styles and prefixes.
   recently new softwares using an auto detect have been able to recognise what device you are viewing the website on using javascript and it automatically changes the website to the suitable size and resolution for the device.

Animated Banner

Here is a sketch of the animated banner that i am going to put onto my website.

I am going to make this animation using adobe director.

I am going to design a simple black textured banner for the top of my page and the logo and the words 'shock and awe' will tween into position on the banner. I feel this idea is simplistic but will look professional.

Website Review for internet project

Website Review:

I have been asked to find and review 3 websites,explaining the website and giving my opinion on why it is a good/successful website.

The First website that i am going to review is a website called: http://goalieplus.com/
this website was shown to us in college as one of the examples and i can see why, there are many reasons why this is a poorly made website. Firstly the background is distracting from from the font which is already a bad contrast with the background. secondly the website has no real purpose or meaning, and finally the website is 'littered' with terrible flashing gifs and various images, not to mention that it clearly states on the website that the title is 'best ugliest website ever'.

The Second website that i have looked at is:HTTP://WWW.sixtiespress.co.UK/
this website is a directory to a few blogs and poems written by various poets/bloggers,
which is serprisingly hard to find out due to the terrible layout and general lack of sense on the page. the font and logo are not easy on the eyes and the whole website is poorly constructed.

The Third Website i am going to look at it a website called 'WWW.apple.com' in my opinion this is one of the best website on the internet in practicality and design.
the whole website follows a very strict style and theme and it is very user friendly and easy to navigate around. the font is very easy to read and the imagery is perfect.

Presenting yourself correctly

When going for a job interview it is very important to present yourself in a well manor.
there are many things that you can do to impress the interview and enhance your chances of getting the job.

> Be Punctual
it is important to be punctual because it shows your respect for other peoples time and your willingness to show that being punctual is a vital part of any job.

> Sit upright/good posture/eye contact
when in a job interview is important to sit with a good posture and to make sure that when you are answering questions that you make eye contact with the interviewer and the show that you are interested in the conversation and that you respect them.

> Be Polite
when the interviewer is talking to you it is important to show that you are interested in what they are saying and to show this by making eye contact and with positive hand gestures.

> Well Dressed
it is important to present yourself well by wearing a smart outfit such as shirt and trousers or a skirt and blouse for girls. it is important to make sure your hair and nails are clean.

> Be Confident
it is very important to be confident not too confident but confident enough to be able to sell yourself to the interviewer.

Job Course Mock Interview

Job Interview

interviewee: John Malohney

Job Position: Supermarket Sales Assistant

Questions and Answers:

Q1 What Qualifications do you have?

A1 i have 8 GCSE's including English Maths and Science.

Q2 What Attributes could you bring to the company?

A2 i am a hard working, pro active person who takes pride in any experience i undertake.

Q3 Have you any past experience in retail?

A3 i haven't worked in retail before but i am looking forward to getting some experience in the sector.

Q4 When are you available to work?

A4 i can work every afternoon at 5pm onwards, i am also available all day on thursdays - Saturdays.

Q5 Can you see yourself working for the company full time when you finish your education?

A5 yes i can.

Q6 Where do you see yourself in 5years time?

A6 i see myself being the manager of the store due to some determination and hard work.

Internet Interactive Piece Buttons/Icons.

For my mac icons/buttons i have found this image to use. i am going to use a variety of these images and a few of my own icons to direct the user to the dates in the timeline.

Internet Timeline Piece.

I've decided to use this image as my interface for my "History of the Internet" Interactive Piece.
i am going to remove the stand from the monitor and create my own icons for the desktop that will take the user to different dates in the timeline. there will also be additional icons on the desktop and the dock that will take you to extras within the piece.

The main dates that i am going to use:
1957
1964
1969
1972
1973
1977
1990
1992
2004
2005
2011 and Present (2012).

File Types

JPG - Joint Photographic Expert Group 

BMP - Bitmap image file or Device Independent Bitmap 

GIF - Graphics Interchange Format 

TIFF - Tagged Image File Format

PNG - Portable Network Graphics

PSD - Photo Shop Document

All These File Types can be read by photoshop.

CMYK - Print Based 300 DPI

RGB - Digital 72 DPI

Links to Remember

 

www.blogspot.com
www.dipity.com

www.bibme.org
www.bubbl.us