During working on whole assignments there are always some problems which usually slow down whole process of development. While working on this project, I had few issues with some of the things.
First and quit big problem was using children images on my website.
At the beginning I was planning to use few pictures of kids playing around, having fun etc. But then after having conversation with my lecturer, I have decided to get rid of idea of using children images as there is ton of restrictions when using this type of images online.
But after some time, I have decided to do research on my own and actually find out what the problem is and what i should do.
And i have found out that there is a lot of things that i need to consider:
– child face shouldn’t be fully visible, and covered face with hands or any object would be more reasonable
– picture shouldn’t show kids doing any type of activity, specially when they are half naked, like in swimming or running. less body shown = better for me.
– no logos of any company should be visible (such as nike, adidas)
– no details about kids from the picture (name, surname, address etc) as their privacy is priority.
and there was few more things to consider but not so important.
SO i just went onto google and started to search for image that would fit my purpose yet being fully appropriate.
Now the image that you can see is what i have found, but it had to be edited in Photoshop, as there was one more kid and you could see face very clearly. SOLVED
This one i won’t consider as a problem but more as a time saver.
Basically when i was writing code for my learning and places to visit pages, there were containers which had to have exactly the same style (including containers inside that container)
What i have found out and was very very useful was using class for my Div tags instead of id. I haven’t ever used these before, so i just went onto http://www.w3schools.com website and had read about using class instead of id.
and just implemented it:
Here you can see part of html code from my Places to visit page. I have only used Id for ‘left-side’ container, which is whole left side of the main container. all the rest where you can see class being used is for one section (containing title, text, border and picture)
and this is the css code used for all six section (apart from #rightside)
This has really saved my time as all i had to do then was just copy and paste html code, paste in different pictures and write different titles and text for each section.
Another problem that i have faced was do to with what you can see below.
I wanted to put this little cartoon kid on top of the button (not as a one whole) inside another container, and then push button and kid to the top so his head would cross the border as you can see.
and that was a bit of a problem, because i didn’t have clue how to do it really.
I knew that i would have to use z-index function but i was unsure how it has to be done exactly.
and then i found these two useful pages which show exactly how i should do it:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/Stacking_without_z-index
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/Adding_z-index
what i have done wrong in here? Instead of spending two hours on how to do it and then eventually going onto internet to find out, i should have gone onto internet straight away and save time.