With my website, I found I did not have many big problems until I found that my website when I uploaded it to the internet and my videos did not play, also when I tested my site in Internet Explorer I found that the Video Lightbox did not work either so I had to go back to the code to figure out what did not work and what I had to change.
Also some of my buttons within the image lightbox were not showing up, therefore I had to take a look at the coding to see what was wrong.
I fixed the buttons problem easily, the way I did it was by looking back into the HTML code to see where the code was trying to find the image, and I had found that it was being directed to the wrong place, therefore I had to re-link the HTML by finding the right path to the image, after doing that I then found that they worked.
Trying to fix the first problem found to be a lot harder then I anticipated.
I began with trying to re-link them like I did with the buttons, but unfortunately that did not work.
I then tried deleting the code that was there to begin with and then restarting the process all again, I tried that technique about 3 times, however, again that did not work either. I wass beginning to think that I would never be able to get my videos to play, which was my main concern.
After trying everything I could think of my dad then asked me have I checked the server to see if there was a MIME setting that would allow for the videos to play. MIME stands for Multipurpose Internet Mail Extension. After checking the server I found that there was no MIME setting for .m4v videos, I therefore looked up on the internet what I would have to put into the server to allow for the videos to play, and the code was video/x-m4v. This told the internet to play this file type. And after doing this small change I then tested my website in IE 7/8/9, Firefox and Safari and the videos all played beautifully in each.
The last and final problem I had to solve was the video lightbox not working in Internet Explorer. After looking through the coding I found that there was some code at the bottom at was for the normal lightbox, therefore I cut it out of the motion section and stuck it in the print section. After testing my videos in Internet Explorer I found that I had fixed the problem, and I had sorted everything that was making my website look unprofessional.
Sunday, 29 May 2011
Website up and running
This is my website URL www.marieturner.me.uk.
I have tested on many different screens, as well as the different Internet servers, for example Internet Explorer 7/8/9, Safari and Firefox. And within each of them my website worked exactly how I wanted it to.
I have also tested it on a mobile device when it is on 3G, and my website loads faster then what I expected which means people won't be waiting long to see everything.
I have tested on many different screens, as well as the different Internet servers, for example Internet Explorer 7/8/9, Safari and Firefox. And within each of them my website worked exactly how I wanted it to.
I have also tested it on a mobile device when it is on 3G, and my website loads faster then what I expected which means people won't be waiting long to see everything.
Labels:
Personal Development,
YEAR TWO
Thursday, 12 May 2011
Graduation Show Pieces
These are the pieces that I had put forward to be in the show:
This was put forward to be printed, I created this poster for the Time Capsule project in Year 1.
This I chose for the same reason as the above poster, and I created it at the same time.
This I chose to be shown on the projector. I created this for the most recent project Meadowlands.
This again was to be shown on the projector. This film I created for the project YCN, in the second year.
This was to be shown on the projector. I created this short film for the Crash Bang Wallop project in the first year.
I chose this to be shown on the projector. This was one of 3 animations that I had made for the 3 easy pieces project in the second year.
This is called Stomp.
I chose this to be shown on the projector. This was one of 3 animations that I had made for the 3 easy pieces project in the second year.
This is called Bongos.
I chose this to be shown on the projector. This was one of 3 animations that I had made for the 3 easy pieces project in the second year.
This is called Varese.
I chose to make this poster because I wanted to show that I had created the resolve screens that were at the end of the Meadowlands films, that were displayed within the graduation show.
This is to show the interactive stuff that could not be shown in the graduation show.
I chose to do a poster about the Bertie the Pirate interactive flash animation that I had created
This was put forward to be printed, I created this poster for the Time Capsule project in Year 1.
This I chose for the same reason as the above poster, and I created it at the same time.
This I chose to be shown on the projector. I created this for the most recent project Meadowlands.
This again was to be shown on the projector. This film I created for the project YCN, in the second year.
This was to be shown on the projector. I created this short film for the Crash Bang Wallop project in the first year.
I chose this to be shown on the projector. This was one of 3 animations that I had made for the 3 easy pieces project in the second year.
This is called Stomp.
I chose this to be shown on the projector. This was one of 3 animations that I had made for the 3 easy pieces project in the second year.
This is called Bongos.
I chose this to be shown on the projector. This was one of 3 animations that I had made for the 3 easy pieces project in the second year.
This is called Varese.
And the piece that was chosen to be in the show was the Bongos animation from 3 Easy Pieces.
We also, as a class, created a portfolio, which gave people who either did not have anything in the show, or not a lot to demonstrate their talents as well. And the pieces that I had created were put into it:
I chose to make this poster because I wanted to show that I had created the resolve screens that were at the end of the Meadowlands films, that were displayed within the graduation show.
This is to show the interactive stuff that could not be shown in the graduation show.
I chose to do a poster about the Bertie the Pirate interactive flash animation that I had created
Labels:
Personal Development,
YEAR TWO
Sunday, 1 May 2011
My Website Designs
To begin with I was stuck in what Iwanted to do for my website design, until when I was looking through some of my old work and I had noticed that I had previously created something that I would be using as my logo, and the basis of all of my designs for both the website and business cards.
As I said in the Business Card blog, I used the colour wheel logo that I had previously created.
Here is the background that I had created for my website, and as I have said previously I made the fade to white to draw the viewers attention to the contents.
Here is what my website will look like when I have the content, however I have changed a few things that are currently on this screen.
To begin with I moved the buttons from the left to lining up with the 'M' in Marie.
I then changed the bundle of images from a slight mess to an organised selection of images, I changed this due to quite a few comments that it made everything looked messy, and therefore when I made the change it made my website look more organised, like I am.
I also changed the text from wheat I have here to something that is more professional. And I made the text and the images be inline with each other to carry on with the organised feel of the website.
Each of the other pages had the similar layout, with the images and links on the left and writing on the right. I did not want to add loads of writing on my website as that might turn some people off, instead I want my work to speak for itself. Within all of the pages I will have the copyright symbol with my name next to it, and then a link which will say 'contact me', this will then open a new window where an email page will show up, with my email in the receiver, this means people will be able to contact me, without me having to display my contact details.
On the Print page I will have snippets of each of my different print pieces and then as the viewer clicks on them a lightbox will appear over the screen with the full version of the piece, and using 2 buttons 'next' and 'previous' the viewer will be able to click between each of the pieces without having to go out of the lightbox. The way I will achieve this is by looking up about lightboxes, and what kind of coding I will need whether it be HTML, CSS, Javascript, or all of them. After doing some research I found this website which helped me find and use the code I needed. http://www.huddletogether.com/projects/lightbox/
On the Motion page I will have a similar set up to the Print page, also I want to have the lightbox for my videos, I know that would take some different coding in comparison to the image lightbox, but I will research into what I will have to do do make it happen.
After doing some research I found this website which helped me code everything I needed. http://videolightbox.com/
Lastly on my CV page I will have an image of my CV on the left hand side, with a 'To Download Click Here' on the right, this means whoever was looking at my site, they would be able to download it with no problems.
As I said in the Business Card blog, I used the colour wheel logo that I had previously created.
Here is the background that I had created for my website, and as I have said previously I made the fade to white to draw the viewers attention to the contents.
Here is what my website will look like when I have the content, however I have changed a few things that are currently on this screen.
To begin with I moved the buttons from the left to lining up with the 'M' in Marie.
I then changed the bundle of images from a slight mess to an organised selection of images, I changed this due to quite a few comments that it made everything looked messy, and therefore when I made the change it made my website look more organised, like I am.
I also changed the text from wheat I have here to something that is more professional. And I made the text and the images be inline with each other to carry on with the organised feel of the website.
Each of the other pages had the similar layout, with the images and links on the left and writing on the right. I did not want to add loads of writing on my website as that might turn some people off, instead I want my work to speak for itself. Within all of the pages I will have the copyright symbol with my name next to it, and then a link which will say 'contact me', this will then open a new window where an email page will show up, with my email in the receiver, this means people will be able to contact me, without me having to display my contact details.
On the Print page I will have snippets of each of my different print pieces and then as the viewer clicks on them a lightbox will appear over the screen with the full version of the piece, and using 2 buttons 'next' and 'previous' the viewer will be able to click between each of the pieces without having to go out of the lightbox. The way I will achieve this is by looking up about lightboxes, and what kind of coding I will need whether it be HTML, CSS, Javascript, or all of them. After doing some research I found this website which helped me find and use the code I needed. http://www.huddletogether.com/projects/lightbox/
On the Motion page I will have a similar set up to the Print page, also I want to have the lightbox for my videos, I know that would take some different coding in comparison to the image lightbox, but I will research into what I will have to do do make it happen.
After doing some research I found this website which helped me code everything I needed. http://videolightbox.com/
Lastly on my CV page I will have an image of my CV on the left hand side, with a 'To Download Click Here' on the right, this means whoever was looking at my site, they would be able to download it with no problems.
Labels:
Personal Development,
YEAR TWO
Subscribe to:
Posts (Atom)