Editing the appearance of your Div tags …

  • To change the appearances firstly highlight what you want to change 
  • Then create a new CSS rule and make an ‘A’ tag
  • Go onto your CSS page in Dreamweaver and copy and paste the rule four times, so you can edit the appearance differently for each link.

Now change each ‘A’ tags headings using in the following order;

  • a:link – this changes the general appearance of the link.
  • a:visited – this changes the appearance when you’ve already visited it.
  • a:hover – this changes the appearance when your mouse is hovering over the link.
  • a:active – this changes the appearance when you are currently using the link.

 

  • With these you can edit the Sizing, colour and typeface making it much more appropriate for your website.
  • Make sure the link headings are in order otherwise the CSS rule won’t work properly
Advertisements

Influences on the work of Neville Brody …

Image

Neville Brody is one of the top names in the graphic design industry due to his style of work and the impact he has on the design industry. Brody is known mostly for his typography approach, a lot of Brody’s designs consist of very creative and different pieces of typography. Brody continues to break the visual boundaries and try to break new creative grounds, by doing this also making a name for himself as one of the leading Graphic Designers in the world. Brody, who studied at the London College of Printing, was always criticized during his time in education due to his creative mind and thinking outside the box, and mainly due to the college generally teaching basic and traditional printing methods. From an early age Brody showed talent and desire. In the 1980s Brody went on to work at ‘The Face Magazine’, which was a very popular magazine in the 1980s and was known as ‘The Fashion Bible’ where it “married music, popular culture, politics and street style with radical art direction and new fonts  …” where he worked as an art director from 1980 to 1993, where he gained a fair amount of attention on his work. When he left in the year 1993 he went on to creating his own studio ‘Neville Brody Studio’, which is now more commonly known as the ‘Research Studio’, which has blown up to becoming a global success, where there are now studios located in London, Paris, Berlin and Barcelona. Throughout Brody’s career he has also brought into the design industry, over 20 different typefaces, which has helped changed the change the design industry to this day.

Neville Brody, who was born in 1957, grew up in an era where punk was at its peak. A lot of this would have helped influence Brody onto some of the work he has created today. With the beginning of punk rock and the style of Punk really taking off in this era, Brody was able to take this era as a guiding stone and take ideas from this era helping him become one of the greatest designers in the Industry today. This style had a massive influence on a lot of Neville Brody’s work as it was very modern in that time and very different as a lot of the designs in that era stuck to the certain rules of design, whereas Neville Brody seemed to bend the rules slightly and create things that were much more appealing towards his target audience. I feel that a lot of Neville Brody’s work reflects on the style of punk and is very different. His work all seems to be very bold and different, and usually much more type heavy, which compared to a lot of the work back then that he designing with, was much different and eye catching. This is mainly one of the main reasons I feel that Neville Brody has gained the reputation he has today, mainly due to the way he breaks the rules isn’t afraid to be the trend setter.

As well as being influenced by Punk rock, Brody was also believed to be influenced by Dadaism, which is very similar to a lot of the work he has produced today. Brody like the style and technique used in Dadaism which is possibly one of the reasons why he designs a lot of his work the way he does today. Just like Neville Brody’s work Dadaism is very typographic and very different, they tend to use type heavy designs with abstract images, and a lot like some of the work Neville Brody has designs in his career. I feel that this design technique was very effective and useful in the upcoming of Brody as it is clear that it was an influence to his work, mainly due to the similarities in their work, the only difference is their work each have their own touches of personality to them . As well as being abstract and Typographic his work is very political this may be down to the style of pop art that was also a very popular style of design in the era of Brody’s upbringing. Pop art was one of Brody’s biggest influences due to it being quite political and very abstract. When looking as some of Neville Brody’s work it is clear that pop art was a key influence in his life, as a lot of his work does consist of the bright colours and unusual style that is often seen when looking at pop art. Pop art has definitely helped Brody in experimenting with different colours and making some of his work much more appealing and eye catching to a wider range of audience. I feel that his influences have really helped Brody in becoming what he has today.

Neville Brody is a well-rounded graphic designer that has not just focused on one area in the design world but has managed to test his limits by trying all different styles of design which would defiantly help him in the long run and which have defiantly helped him becoming one of the leading Graphic Designers in the world today. I feel from Neville Brody’s influences, whether it be Punk Rock, Pop Art or Dadaism, Brody has managed to take these techniques as guidelines and create his own work that will inspire and influence other young graphic designers.

http://www.researchstudios.com/NB_Bio_09.pdf – Neville Brody’s Start

http://www.architectural-review.com/archive/1986-august-an-interview-with-neville-brody-art-director-of-the-face/8611931.article – Neville Brody’s main influences

http://shapersofthe80s.com/2010/05/01/1980-%E2%9E%A4-birth-of-the-face-magazine-that-launched-a-generation-of-stylists-and-style-sections/ – Quote on Face Magazine

http://www.designishistory.com/1980/neville-brody/ -Research on Neville Brody

http://www.artinthepicture.com/styles/Dadaism/ – Dadaism

http://www.osnatfineart.com/pop-art.jsp – Pop Art

Image
Image

ImageImageImageImageImageImageImage

Bauhaus

This week’s discussion was about Bauhaus. Bauhaus was an arts and crafts school located in Germany, where its objectives were to combine architecture, sculpture and painting together and produce a creative, unique final outcome. The school was founded by a man called Walter Gropius in 1919 just after the First World War had ended. A teacher at the school was artist Wasily Kandinsky, where he taught architecture and was he also creates some fantastic abstract pieces. The school had a lot of influences, but its main one was modern industry. The school opened just after the First World War ended.

We then decided on a question to have, that would help us with the discussion. We decided to use the question why do the Bauhaus consist of simple shapes and primary colours? We decided to use this question to start us off.

We started off talking about when the school was first opened, we knew it was originally opened in 1919 just after the first world war, but we then went on to talk about how it was later shut down in world war two by the Nazi’s. The schools main objective was create something new and unique but at the same time keeping things simple and minimalistic. We went on to talk about the companies ‘Manifesto’ and how they tried to combine various medias to create objects for everyday use, which was very similar to a project that they had once done which was to create a house and create everything that would go into it, but with the designs of the objects being simple and very contemporary. Wasily Kandinsky, a teacher at the school, created very abstract work, where we then learnt that in fact the shapes that Kandinsky drew were actually a reaction to the sound that he heard and the colours were linked to the shapes. He did this to show the public how he thought shapes and sounds related to colour. Bauhaus has changed a lot in the world today, as originally art schools used to consist of basic drawing and paintings of portraits etc. but since Bauhaus a lot of the schooling has changed massively, where schools now consist of Fine Art, Fashion Textiles, Graphic Design, Photography etc. Bauhaus made materials a lot more relatable to art, and made materials like clay, metal, cloth etc. a lot more suitable in the art industry.

We then went on to talk about something we learnt or found interesting about the discussion we had. I said that I found it incredible how, despite how short the school was running for in retrospective to other schools, how inspirational it was to the modern day of art. And how to this day Bauhaus is still one of the most inspirational styles of design, even though the building wasn’t around for that long it managed to revolutionize design to the present day.

Below are a collection of images i collected, that are Bauhaus themed. I decided to pick these images as i felt that they showed the Bauhaus theme the best, and really expressed the style of what Bauhaus is all about. From these images it is clear that Bauhaus consists of shapes and mainly the same colour pallet, which is normally Red, Black and White. I feel that these Bauhaus images are very effective as they are the traditional Bauhaus style, and they are very effective and creative. i really like the Bauhaus style as i feel it is very effective how they have contained shapes with text and colour to create effective and memorable designs.

This slideshow requires JavaScript.

Overall i feel that Bauhaus has been very inspirational throughout the years and has really helped change the world of design due to its very unique and different at its time. I feel that the way Bauhaus used a lot of shapes and minimal colour really made the whole era of design change, as people saw it as something different and more creative, and started to catch onto it, where i then feel it became global. As well as graphic design Bauhaus created furniture, which again i feel is something interesting to bare in mind as they possibly didn’t intend to have as much of an impact in design as they have, which i feel could have been one of the main reasons for them being so successful, as it was unintended.

Creating Navigation …

Navigation

Anything in can be made into a link for the website as long as it has the accurate codes.

  • <a = indicates the start of the link and denotes the link
  • </a = indicates the end of the link
  • href = indicates the reference to where its linking to.

There are 3 ways of create links, for example;

1;

  • Selecting the object/text you wish to create into a link
  • Click the file next to the link box and select the file you wish to link your page to

2;

  • Selecting the object/text you wish to create into a link
  • Click the drag tool located next to the link box and drag it to the file you intend to link your page to. This will be located in the ‘manage sites’ file in the bottom right.

3;

(If the page isn’t created)

  • Selecting the object/text you wish to create into a link
  • Type in the link box the name of the page you wish to link it to, and then create the page later and naming it what you entered in the link box.

Tim Walker Discussion

The Tim Walker exhibition in Somerset House, he revealed his latest and most creative pieces of work, where he creates out of the ordinary photographs from life size Planes flying through the walls, to overly sized china doll. Tim Walkers work is very personal to him as each photograph is a story, and he displays his work in a way that the audience can relate. In the exhibition Tim displayed a lot of the props used in the photographs, which really showed how much thought and planning went into the photographs. The way in which Tim Walker displayed his work was also very unique and appealing as instead of just a picture in a frame he made his work much more part of the exhibition, for example one room, Tim had taken a Photograph of a women standing in a room of sand, but had sand on the floor leading up to the display making it look as if the work was coming to life. Throughout the exhibition Tim had quotes on the walls that would relate to his work. The quotes would also be inspirational and what he thinks when he comes to creating his photographs, for example, the camera ‘is simply a box put between you and what you want to capture. These quotes where very inspirational when you were walking around viewing his work. The good thing with all of Tim Walkers photography is that not one single one of them have been digitally manipulated, meaning that everything in the pictures where all made just for the photo-shoot, which also means that a lot of his work would have been very expensive to create and very difficult to possibly set up and take.

We looked at some relevant video clips that we felt related towards Tim Walkers work. The first clip we looked at was called ‘Red shoes’ which was a ballet show which was about a girl wearing red shoes, the show was very similar towards the type of thing we expect to find with Tim Walkers work, as everything is very dream like. The clip contained clowns and sculptures that made the clip look like a dream turning into a nightmare and gave it the dream like feel about it. The set was also very out of the ordinary and very big, just like the style Tim Walker would approach.

The 2nd clip we watched was called ‘Science of Sleep’ which was a trailer for a film about a man who made his dreams come true, and not being able to tell dreams from reality. Again this clip was very relevant towards a lot of Tim Walkers work, as the trailer contained a lot of cut outs, collages and handmade sets. The style the film was made, helped related the film a lot towards the style of Tim Walker, which could be because they were influenced by his work. Another clip we also watched was a Mulberry advert which was actually designed by Tim Walker and used the overly sixed cut outs of animals in a room with a lady promoting the handbag being sold. The overly sized cut outs helped bring the theme back to the dream like theme Tim Walker tends to normally go for and the style of making everything look as if it were in a dream. i think this is very effective as it is very unusual to have in an advert, but with Tim’s style it is very engaging and very unique, which gets people talking about it.

The final clip we watched was a small section of a film called ‘Finding Never land’ this was a film based around the story Peter Pan, about the boy that never grew up. This was a very relatable story to base of Tim Walkers style and approach as it was basically just all dreamlike, with a girl asking the children to believe in fairies and helping them create a dreamlike land. the set ,once the wall was removed was very over the top and bold, a lot like most of Tim Walkers projects which help make the set stand out more and make it much more unique. I feel really like this style in this film, as it is very relatable to a lot of Tim Walkers work, as everything, once the walls have been lifted, is very over the top and very unusual. This style is a lot like Tim’s style and i think it is very effective.

In the slideshow i have created below, i have displayed some of Tim Walkers work that i feel really express his style and really emphasize the sort of photography that he produces. From these images it is clear that Tim Walker likes to use over the top props and large scale items that he can use with models. As none of his photographs are edited it is key for him to try and create something appealing and still very attractive. I really like the style Tim Walker uses as i feel it does help make the images look more realistic and interesting when you know that nothing has been edited in it. The photos i have inserted are some of my favorite from his work, as i like how creative and unusual they are which i think is very key to bare in mind for a photographer.

This slideshow requires JavaScript.

Overall i feel that Tim Walkers style and the way he portrays his work is very effective and creative as it makes his photographs much more personal and unique, and they are also very recognizable. I think that Tim Walkers images are successful because they are all natural and haven’t been edited, which i think makes the images more interesting and  appealing. With the majority of Tim Walkers images i noticed that they are very over the top and that he uses a lot of large scale objects, which again helps make his designs much more appealing to his target audience and also helps make the photographs much more relatable to his style which i think is very important.

Making Images Into Div tags …

  • Firstly create a new file in your root folder named ‘images’ so you can store all the images for your website.
  • Go to the HTML and find the image you that you want to place into the Div tag.
  • Open the image into Photoshop.
  • Before doing anything make sure the file is in RGB.
  • Use the crop tool to adjust the image to the right sizes of your Div tag.
  • Before changing the sizes, make sure you make the sizing pixel/inches. And the resolution 72 as it’s the standard resolution for wed based designs.
  • When complete, insert the accurate sizing’s of the Div tags on the image.
  • If the image is digital based save it as a GIF, if it’s a photographic image save it as a JPEG.
  • With both settings you can change the sharpness of the image helping it fit best with your website.
  • Once you have completed this save the image to your file on the root folder, but make sure when closing Photoshop you click don’t save as it will save it as the cropped image otherwise.
  • Delete the text in your div tag and click insert image, and chose the image you previously cropped.  Make sure you fill in the description box with the appropriate text describing the image.
  • Finally open up the images in a browser to see if it is all successful.

Designing a website …

  • Create a Root Folder
  • Open Dreamweaver and click manage site 
  • Name the site without using spaces or numbers
  • Browse to find the root folder 
  • Create a new HTML page and save it in the root folder as Index.html
  • Open a new CSS page and link it to the html page (Always link from the HTML page)
  • Click Insert, Layout Object, then div-tag on the drop down bar
  • Give the div-tag an appropriate name in the ID box
  • Create another div-tag but click after tag, after the one before
  • Click inside the header and click new CSS rule 
  • Alter the positioning and change it to Absolute
  • Then enter the height and width of size you want the div-tags 
  • For the first div tag have top 0 and left 0 then edit the rest depending on the positioning of the other tags
  • Alter the colours of the div-tags of your choice
  • Save as Index.html
  • Open in all browsers to check if its ok.