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"

Simple Exercise using HTML and CSS

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

This website was make during the first lesson on how to build a website using the Text Note (aka Notepad) .
There is also a Button called "Next Page" which was supposed to navigate the user to the next page of this site.
  I've decided to make a box including a scroll bar and within the box the text says  "

Hello this is a website that was made by a Student at the University of Sunderland, the purpose of this site is to give a small explanation about how easy is to use HTML."

Aardman

http://www.aardman.com/

The Aardman website is one of the most enjoyable websites i've known,  that is the result of the animators and the website designer , the tabs of the site have a life taking animation when the cursor moves they draw  them selfs , the site is also famous for Wallace & Grommit. Being made of flash probably the site looks like it doesn't have an actual Grid for the objects at the tab bar.
 Finally the animations that pass by the screen give the impression that we are the animators.

Poets Of The Fall

http://www.poetsofthefall.com/

- I chose this website because of the transparent logo that overlays the flash banner on the top of the website, also for it;s calligraphic design at the left and the right side of the page and that the source code is mostly written in  CSS and Html .. which makes the web page to be easily structured.

Design Museum

http://designmuseum.org/

• Light weight web site
• Displaying work from various Artist that work at the London expo. 
•  The Composition of the elements blend nicely with the project Artwork and the information provided.
• The website gives the feeling that is a blog type site.

Nvidia

http://www.nvidia.co.uk/

I chose this website 'cause I'm really interested on how the technology walks on and also for it's futurist design.
The website provides along with it's products information about CGI and applications of the next generation of Artists and Computer based Designers. This site is mostly made in ActionScript 3.0 and Java along with php and Css.
 From an Artist point of view the graphics that are being promoted on this site are made probably with a  graphics pad (hand drawn).

Opera Website crit

http://www.opera.com/

In this website we can see the composition of Flash and Css.
the website is designed to look delicate and at the same time give the feeling of something high-tech and fast, promoting the Open source browser Opera. The designers wanted to create an easy to use website that could also give to Business companies more interest about this program.

Introduction

   Hello and welcome to my blog, my name is Konstantinos Terzopoulos.

I've been a university student since 2008 at Sunderland Uni & now i'm Level 1 in Design: Multimedia & Graphics. My future ambition is to become a Website Designer. 

• I've been Assigned to create a website about  a "Vet", So in this blog you will see my research about it. 

:)