MAKING A PICTURE GALLERY IN DREAMWEAVER

For this page I wanted to just make a gallery of my images that could be quickly viewed but none of these had the text with them, I intended to put biggerscale pictures with the text on other pages, this was just a little overview.
One thing I do need to go back and sort out is the jpg bits written on the end of the titles and so the next step is removing these.
This was made in dream weaver using something called WEBGALLERY and was a really quick way of getting your images together. I would most probably work a little more on the presentation of my gallery and try another method as I go along.

GIFF, JPEG OR PNG

This is another version of me deciding on what file format I should save them in and this picture is one of the most detailed and so this took alot of trying and tweaking.

results

This is me in the middle process of making my index page and uploading a selection of front screen images that the page would automatically open on if the website was up and running.
I was going for this idea of frames hung on a white wall and they are all different and of different sizes, which makes them a little quirky.
Due to the field I want to go into, I am only going to make a gallery website, with details and not much else.

saving as web devices

Once I had produced my images in photoshop at 72 dpi, because that is the resolution needed for a website compared to printing which is normally around the 300 dpi.
Then I had to save them for web and devices which in the end opened up this screen, what you could do was go through the different files such as JPEG, PNG AND GIFF.
Then you would have to look and see what gave best results, but at thesame time how much time it took to upload. So once I had decided on these images it was time to get them up as a file format, I normally chose 4 up to view them. This gave me a 4 way split screen and I could see the original and then three others at different quality percents. Really you shouldn't go under 60 otherwise the quality isn't there and for photography that is not good.
Once I was happy with that, I decided to save them and name them appropriatley and this allowed me now to open in dreamweaver and use the image with ease.

linking pages

There was a really interesting thing that i found out while I was creating my basic site and that was you could link the pages and that means when you click on something it can take you to another page.
So what I did was highlight the word gallery and then click on the link selection below and by chosing the file you want it will automatically link that part to the other page with that title.

This was really interesting and I thought that part was going to be alot harder than it was, and it is a brilliant function.

main index page

This is the index page of my website and I have decided that I am going to place three images within frames on it to show a range of work.
I decided to keep the layout very simple and so I decided to stick purely with the black and white idea and so this will keep everything looking crisp and sharp.

I had never used Dream weaver before and so it took me a little while to get used to it.
Alot of my items were created in photoshop and then once saved they were brought into dream weaver and placed within the page.

fifteeth image

"The ghosts of my life, blow wilder than the wind"

I wanted my final image to be this shot of the bare bulb in a dark room and this idea of a little light in the big dark space but the only problem is it eventually needs to burn out and then you are in permanent darkness like our person the pictures will be. Then there is no way of finding yourself again.

fourteenth image

"Just when i thought I could not be stopped!, when my chance came to be king"

The mirror is this persons worst enemy, they have looked and themselves reflected back, the mirror is showing what they do not want to see and so it must be destroyed.
The line just when I thought I could not be stopped, but really the mirror is one of the things stopping them.
The person takes a bottle and screaming at the top of their lungs they are smashing it.

thirteenth image

"now the doubt inside my mind, comes and goes but leads nowhere, just when i think I'm winning when I've opened everydoor the ghosts of my life blow wilder than before"

Now there is lines about doubt, and most of the time doubt creeps up on you and there is almost this sense that the hand is going to grab you and so you are in a nervous and uncomfortable situation.
I shot this with a little blur on the image just to give this sense of movement and really make the shadow seem even more like a real person.

twelvth image

"Once I was so sure"

I wanted this idea of someone writing in a book, but I wanted this bare bulb just to illuminate the hand and a little bit of the body.

He could be writing a million things and I wanted you to start thinking about his mental state and the things that could be written.

eleventh image

"The simple lifes no longer there"

Drink by the bed, really re-iterating the point of is that going to help?

If someone can only lift themselves long enough to drink then there is problems.

tenth image

"Now I find myself alone, the simple life's no longer there"

For this image I really thought about someone alone and all I was getting was someone in the corner of the room by the door.

So there is a way of getting out but the person is not using it, you get slightly frustrated and want to say just open the door but things are not as easy as this and the door is not for letting someone out, it is for keeping someone in.

ninth image

"Well, I'm feeling nervous"

I wanted to create this real idea of tension and I thought waht better way than to physically show tension within the hand.

So as you can see the knuckles are tight and the hand is really gripping on and when you look at this you find your body almost feeling a little tensed as we know this is not how the hand is when relaxed.

Also i wanted this idea of someone trying to hold on as all these things were coming through. Again I am using fragmented pieces of the body and I think this works well.

eight image

"The ghosts of my life blew wilder than the wind"

For most of the ghosts lines I was going to use shadows and I had this idea to have the shadow looking up, as though the idea of defeat and giving up, we throw our heads back and normally arms out.
I wanted to really focus in on the form of the head and so I took the image in nearer and thought it was effective.

seventh image

"Just when I thought I could not be stopped, when my chance came to be king"

This is another image about showing someone trying to regain composure, but due to the blur you can see there is movement and someone has had the shakes.
This picture almost looks like a mirror and you are seeing yourself in it, this makes you feel a little on edge and you sympathise with this character.

sixth image

"The ghosts of my life blow wilder than before"

For the ghosts part of the lyrics I decided that from my earlier research that I was going to use shadows as a representation. Infact I was going to use the main person of the pictures shadows.

I believe that these are showing ghosts because it is another form of a person, we create shadows by blocking out light and surely light is representational of the good.

Also shadows are always by you and there is this sense of lurking.

The reason I included the door was I wanted this idea of the shadow escaping from that, so I am representing the ghosts escaping from the inside of the mind.

fifth image

"Just when i think I'm winning, when I've broken everydoor"

For this image I wanted to show this idea of someone trying to regain some calm and positivity, people smoke to calm themselves and its something addictive and it is as though he is relying on this to help him.

By having him smoking into the mirrror, he is reflecting upon himself and trying to face himself.

Mirrors have alot of connotations in the sense of the person looking into them.

fourth image

"And I've no particular place to go"

I was thinking about showing the idea of getting yourself into such a state that there is nowhere to turn to and sometimes people find themselves turning to alcohol, but the thought is that does alcohol help the proble or just make it a whole lot worse.

All the empty bottles indicate that this has obviously gone too far over a period of time.

third image

'Well I ought to leave but the rain it never stops"

This image was all about making the rain line work really well, and what more of emotion do you want than a tear which is representational of the rain never stopping and so the tears are never stopping.

I really liked this idea of fragmented body parts and so the person doesn't really have key identity and this makes it applicable to so many more people, than if you completely showed the person within the photograph.

I wanted to get near in so that you had to look at this eye, you couldn't focus much else and so it is forcing you to face this issue.

final images

"When the room is quiet, daylight almost gone, is there something I should know".

Above are the first two pictures from my sequence that was created from the lyrics of Ghosts by Japan.

I decided that i wanted my images to be black and white in the end to really relate to that ghostly theme. Also it gave this real sense of the past and almost a memory and i think that these really relate well again to my original concepts.

I decided that i wanted to make these images look as though they had been placed inside frames, this is the idea of keeping something preserved and this links up to the idea of his thoughts being preserved in his head and he just can't seem to get rid of them.

My final idea is to present these images in twos on my website, with the pieces of text that are relevant underneath.

I am making the text look like a typed font, as though this is entries in someones journal and extracts have been taken.

I like the idea of black and white use on my website as I think that this gives a clean and crisp look, the only thing i would probably change is I would make my web page black and change the colour of the writing.

interesting font

When I was looking the different fonts that were on the photo shop palette and noticed something that was label font and thought it was really interesting.

fonts

I have been looking at a selection of different fonts as i have been going through the process of creating my website.
Some of them work really well and others I find really are either too busy or fussy which can make them illegible or distracting.
Anything like the lucida blackletter can be really swirly and this is just really confusing for the eye to look at and the eye has to work to figure out what the name is and this can be a little annoying for the viewer.
Fonts like Optima are really clean and crisp and can look eye catching on your web page, the viewer can identify straight away the name and what the site is for.

here is a clip from top of the pops of ghosts, which i am hoping to run over the pictures