Well after all i have finished my WEBSITE!, I am sort 90% happy with my outcome! that have have produced, the other 10% that am not happy is because i had an JavaScript! element that, I personally think it was adding something extra and a little bit more interactive to my whole website.
The JavaScript element was that if you were going to other pages, the page would go up and down and will take you to the other pages which ever page you have clicked. But then this was making a problem, the problem was that it was double the "Footer" so you would have two(2) "Footers".
This is what used to happen to the link:
file:///K:/Abdul/Uni%20Second%20Year/Voyage%20Website/index.html#Rania
You can see that after the "index.html page" it was adding # and the next page! But this should not happen i am not sure for what reason this was happening! Myself and Davide tried to figure out what was it but we only found out that this JavaScript element could be that issue.
So i removed it then everything was great! Davide said that he thinks that my website looks better with out the pages "Scrolling" which that was the JavaScript element.
This is a screen shot of how it used to look like.
This is the problem that it was making before!
After all am happy with the outcome, I think it's better working properly than having an issue!
I stared making my home page, making the "Header", the "Content", the "Navigation", Footer, at this stage i only put basic elements and bits together to make a first draft page. Because my Voyage Website was going to be about my self and my background as where am from and where i have been to, I wanted my website to be in English and Kurdish, I thought it adds something nice to the layout and style, because Kurdish writing is a nice font, also as it was going to be about Kurdistan so i thought it would look god with some Kurdish font.
After i made my home page (Index.html), then i just made few more copies of it and added different elements for each different pages, such as galleries, font, text etc.
When i was working on my website in University my class mates were helping my out and giving me feedback on what to do also Davide was very helpful giving me feedback on design wise, so i was making a lot of changes to design wise i was playing around with my layout and background and text a lot, then i was asking my class mate to see what they think and getting more feedback from them.
While i was making changes to my design i thought of that if i would have my "Navigation" at the top of the page as like the "Apple" "Navigation" it would look good and nice, because "Apple" is very popular, so i thought this would make my website popular and interesting too.
These are the different design steps that i did and changed to.
Background colour same as the content.
The Content colour is different from the background.
With Border.
Navigation under the image.
What i came to!
I also changed my "Galleries" because i had so many images that it was over 5MB and the website needs to be maximum of 5MB so my website was 30MB, then i re-sized all my images and saved them for web using "PhotoShop" and it all came down to 11MB so it was still too big then what i did is that, i deleted my galleries and used "Flicker" to save my images and used a 3D gallery and link my Flicker account to the gallery so i wont have to save the images on my drive which this would make it very good for me and i don't have to waste time or space on my drive i can just link it with my online Flicker account.
This is a screen shot of how my old gallery used to look like.
This is the new 3D gallery.
I personally think that my old gallery looked better, because it was much more interesting and better looking, as you can see even my map was bigger before but now i had to make my map smaller as well to it goes along with my new gallery.
If you click this link i have explained it in my blog before but this is a quick link to go to i thought is no point putting the same thing in here.
I also changed my index page a lot!
I changed my Interactive map that i had on my "index.html" page, i found a new interactive much more better map so i thought i should put that than the one i had before also the one i had before it was talking too long to load up! Click this link to view the old one.
Old map.
New map.
I also had few more JavaScript elements that i was tallied by Davide i should remove them because they are not good for security wise! Now days, Click this link to find out more because i have explained it before in my blog.
This is another JavaScript element that i have in my website, which is that i have disabled the right click on the mouse, why i have done this is because i don't want anyone to copy my objects or elements so that's why they cant copy anything and if you click on the right click you will get a box coming up saying "Right Click is Disabled".
This is a screen shot of this element.
I also inserted another JavaScript element that it i customized the mouse cursor with my own choose of colors, and the colors i choose were Red, Yellow, Green, i choose these colors so they can go with all of the flag colors of each country and also mainly with my own country flag of Kurdistan, but when i viewed my website on a browser i did not find the mouse cursor very nice or any point of it, i also thought that it may be bad for the user interface it may distract the user or confuse them if they have a problem with eye sights, i even got some feedback which that it was not very nice so then i came to that i should remove it and i did remove it.
This is the screen shot of the customized the mouse cursor.
No comments:
Post a Comment