Starting

I decided I wanted something clean and professional, something that makes the content centre of attention. So I decided to make a mock-up in photoshop to give me an idea as to where to go.

This is something I wanted and so started to script it.  This is how it ended up. I changed "illustration" to "digital art" as it may confuse people.

I was quite pleased with the result, however it seemed a bit boring and so i needed to add some sort of header background.

Now for the Jquery, researching my options I decided to pick "tabs" and "fancybox". The first I added was Tabs this allowed me to change the content but stayed on the same URL called "index.html". Instead of saving the source files i linked them to the HTTP place.

 I then added "Fancybox" this allows me to pop-up the images to a bigger size, as they had to be shirked to a reasonable size on the page. I decided that the front page didn't need it as its only showcasing what i had done so, i decided to put it on the other pages. 

Result:

I proceded to do this for the next pages keeping the same constancy.

Here are my pages:

Home: 

Photography:

Digital Art:

Website:

Research-Tumblr

I decided to look on Tumblr because they have a lot of Gallery friendly themes.

http://square-eyes.precrafted.com/

http://steriletheme.tumblr.com/

http://ultravisualtheme.tumblr.com/

http://fifth-avenue-theme.tumblr.com/

From this I decided I wanted something clean and professional. 

Jquery

I wasn't sure what type of Jquery I wanted so I decided to research in advance in order to come back and find it with ease. 

Tabs- http://jqueryui.com/tabs/

This is a type of slider animation Jquery, which enables me to move through the navigation with opening another page 

• Galleria

• Lightbox

• Looped Slider

• JqFancy Transitions

• TN3 Gallery

-Http://Www.Hongkiat.Com/Blog/Jquery-Image-Galleries-Sliders-Best-Of/


These Are Useful Transition And Animations Used For Gallerys. There Are Five That I Found Could Be Useful 

In the end i went for Fancy box, which is a form of lightbox 

http://fancybox.net

I thought it would go well with my website design I had in mind and so decided to test it out in my coding. 

I also wanted to do some sort of rollover without changing the URL, so I decided to look at the JQuery website to see what I can change. 

I found this https://jqueryui.com/tabs/

Tabs changes the content without changing the URL in the process. I thought this was an ideal query to put in my website.