Task 4

http://slab.sunderland.ac.uk/~bf43cp/typobanner1/flash1.html

http://slab.sunderland.ac.uk/~bf43cp/typobanner2/flash2.html

http://slab.sunderland.ac.uk/~bf43cp/typobanner3/flash3.html

Final Website

http://slab.sunderland.ac.uk/~bf43cp/vet/

This is the final website for this assignment it includes a flash banner , menu bar, and the background image that has been watermarked.. the designs will be handed out together with the cd.
-Also the page look more old fashioned than the other pages due to the fact that it's created mostly with simple html and css. -also by doing this it give a more retro feeling like the firsts graphic websites of the late 90's.
- The Website was made with the idea that it could look more simple and user friendly since there are no websites like this on the internet.
 My Research was on websites designs about vets and simplicity. :
These are the websites that took part in my research.:
http://www.pdsa.org.uk/

*A flash/xhtml website its famous for the services that provides in the uk as long as the cool colors that take place and blend nicely with the text and informations given. most of the banners are created with flash like the center one with the movable pets that are also navigation buttons about the site.  

http://www.vets-now.com/

 

*A website mostly created with simple flash and xhtml. 

this was a good website of the very few that i managed to found including simple graphics like cats and dogs separating different aspects of information.

http://www.petslocally.co.uk/uk/vets

* Using the look of a blog/ forum this site consists on plain text and a location map to adress where the doctor is locate in the uk.

Having mostly the look of facebook ..

About the Header of the Assigned website

The header if the website will be animated created via Adobe Flash Pro Cs5.
 It will consist on Natural lines in Calligraphic text and animated animals crossing by it.
 The Dimensions of the header are 600x79 px
The background will be created via Adobe Photoshop Cs5 and then will be transformed into Flash duriv the creation of an animated .swf file which will be linked at the Website folder with the help of  Abode Dreamweaver Cs5.

Snick Peak at the assignment website

Basic Design for the footer about the website
  PSD file is here:
http://hotfile.com/dl/85134960/2c813c7/footer.psd.html
  Unfinished .fla file:
http://hotfile.com/dl/85145208/92e9e6a/footer_new.fla.html

BackBone:

This is the backbone of the website here i will be using the graphics as a preview. 

Defining the colors:

 -light yellow: Header area

-green: Navigation bar & Buttons

-grey: text header of contents (text area)

-light blue: text area

- yellow: footer

 Snapshot of layers in photoshop:


































Backbone .psd file:
  http://hotfile.com/dl/85146601/b02463a/backbone.psd.html


-this is the backbone of the website and some basic files on how the website will take place to be designed the following picture is the insider of the dreamweaver. : 

Print Screen of Header & Footer

This was the first attempt using photoshop and dreamweaver in order to create headers and footers and apply them to a style sheet.. 

Header & Footer pt2

http://slab.sunderland.ac.uk/~bf43cp/header2/

 These are the header & footer that i used to make this website.

Thats the background body for the "website2".

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
This is a preview: 

Header & Footer pt1

http://slab.sunderland.ac.uk/~bf43cp/header1/

These are the header & footer that i used to make this website.

This is the Body background - i decided to make it a bit transparent in order the text to become easy to read.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


This is the final product of "website1"