So do you remember not so long ago I was making a personal Webpage too show who I am to employers and what I can do? Well, I basically scrapped the idea… Lots of times! I finally Finished a design and now have it online @ christinasabine.com
Just above you can see the final homepage of my website. This is a parallax website so you are able to view the site by scrolling downwards. So on the homepage, I set a nice photo of mine at first and typed my name on top with a shadow to stand out. I went through a few different photos and finally ended with this one and the horizon with the sea nicely lines up with my name and it looks cute and also has me included in the image so it makes the page look more personal.
As you scroll down you come across a number of pages such as Welcome, About me and What I do. This is to give the user all the information they may need to know about myself and also gives the user an idea of who I am, More so than what a CV could ever do. This website is covered in photos I have taken from my recent trip to Japan and other countries I have been to over the years. Also, I have added in some cute photos of myself alongside the text boxes describing me.
Right at the end I added ‘The End’ page with cute feet to leave you with. But I came to hate the idea as the web page isn’t a book and it don’t have to have an ending but more importantly I wanted potential employers to end on seeing my contact details after seeing what an amazing person I am. Using the same image didn’t fit so I used one with Beach huts as it symbolizes homes and contacts are homely. I only had written information on the page but soon changed this by adding in links to take me to my blog, Github, and Linkedin. After getting these to work I then got them to lick to a CV of mine in case they need it. However, I ended up going further and making a download button for my CVs so employers we have it loaded on their desktops straight away.
I then took out the useless View CV buttons and added Download CVs. I then made the page go live for the world to see and look pretty. After getting it online being so happy I told my mates and they ended up finding spelling mistakes and links not working as well as photos. I then fixed the little bugs and boom it’s all amazing again. However, I do hope to improve the page as time goes on and It will always be better then the old one before that.
Finally getting my page online has made me happy and im glad i have achived this
After some thought, I scrapped my other website Idea for something that will look a lot nicer than the previous web page. I then scrapped the whole idea and started again. I stuck to the parallax idea but this time, it scrolls downwards.
Here is my homepage. I have a nice photo of me overlooking the sea into the distance at Bournemouth Beach. This makes a good welcome page as I like the way my name floats over the horizon. Also, I am included in the photo so you the page have more of a personal touch. However, this means its the only photo I have used on my site that isn’t my own photo.
As you scroll down the page you will come across lots information about myself and who I am and what I like doing along with images I have taken myself from around the world from places I have traveled too.
Then finally you have the last page. This page don’t have a lot going for it and I’m unsure if I will keep it but I like the fact that it ends with a nice image of shoes as I sat on the beach. But after I do some more work on the page and add more information into it then I’ll see if there is any point in keeping this page. I could add the contact page here instead but I will see what works best by Trail and Error.
Yesterdays session we carried on with more Swift due to many of us handing in projects and not many people included cocopods. For this session we looked into more ways how to use cocopods and how it can be useful. we started by adding cocopods on the desktop thought the terminal. We then set up the project and made the code for making an app with a grid of names of people who has made posts. these posts were read from a page holding all the information where it was collected by using cocopods. this was quite interesting and made me wish i added this into my app design of the last project.
Today in class I learnt some basics on jQuery. jQuery is what makes the website look nice and shiny! Basically all of the funky layouts and functions on the page from how a button look to an image, jQuery can be used on anything to snazzy it up and look better. We started of the lesson by making some simple boxes. first they where all black then made one turn purple. What we had now was a fuction that when the box is clicked it would turn a different colour. I then Added lots more boxes to my page this then made it so I could click on the box and it would turn black and if I clicked it again it woule turn back to purple. This then can be used like a 8-bit paint pallet! you also could change the colours and go on. Even added a 100 more boxes would mean you have more canvas and could draw whatever you pleased to draw. This concluded my 1st jQuery workshop! This was a fun workshop and I cant wait to use more jQuery as the next project begins. Also It comes in handy with the work Im doing on the webpage currently.
Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 25th March 2015]
Today we was just fixing things on the PHP so it links up with the database nicely and will move smoothly. To do this I added in a few more if statements such as what will really happen when you sign into the database. Such as when you sign in it will you be asked for the username and password. then the database will try and find a match coming up with one result which will be your login. If this is incorrect then an error message will appear if it is successful then a welcome message is displayed. I also made it so when the welcome message come up it will also display your name. I did this by referring to the users username.
Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 24th February 2015]
Todays lesson I worked on from last week! So I started by adding a text called Lorum Ipsum, Which is a text that is really random and is used to show where text would go on the page. This is useful as this means I dont need to put as much effort in when it come to text and thinking of paragraphs that I dont know what they will say yet! then at a later time i can change it to what I want to say. Then I moved on to adding borders to my content box and also the navigation bar. After this I started changing the layout of the boxes. I wanted the boxes to have a a space between them both so they stand out more. After this I had to change my whole colour scheme as it didnt go and needed to change. I went with purple as that is my fav colour. after this I worked on text. I had to change it to white so it was visible on the purple box. and I did this for both the content and nav. after this I saw My content box was bigger than it should be by a few pixels. Then I looked into why and I could see I have my border at 3px so it makes it bigger by 6px. To fix this I have to take the 6px from the content box so instead of 800px it is not 794px. After all of this I started changing random things for the sake of it. I started buy making the boxes change colour when they are hovered over, and also placing the text in the middle of the box it is contained in. Also added a header to each box so It links up to the nav bar. This was important so I can link them up. I wanted it so when you click on the name in the nav bar it links up to the text in the content I did this by adding links and <a> tags to the code. I also added an overflow in the content! this is so I can make the content box as big as I like and it adds a scrolling bar so it dont look out of place on my page. lastly I just needed to work out why I had the links and also the names repeated on the page in my nav bar but this was only due to repeated code that was unneeded, So i just deleted it. Then that concludes me today! I think I really have inproved from last week and am really enjoying HTML.
Wilkinson, P., 2015. Workshop. Available from: Bournemouth University [Accessed on the 20th March 2015]
For todays lesson we was set a task to make a webpage with a container containing a header, navigation bar, body and footer, After adding these to the page I had to make them fit in the container correctly and sit nicely. When I fixed all the boxes I then made it so they would stay in the middle of the page no matter how much you change the size of the browser. After this I added in some text and an image. This then made my boxes go out of place. But after finding out the padding on the page is set to 16px, I then changed it to 0px so it would be normal again. So in the end I touched everything up to make it look okay and i completed the task.
Wilkinson, P., 2015. Workshop. Available from: Bournemouth University [Accessed on the 12th March 2015]
Today In the workshop I was mainly getting used to the database in which I will need to use later in the project. This database was ensuring me that when people log into it they will have to have a correct username, password which match up to their ID and also the date they joined. Todays lesson was more about how to get around the page and inputting the correct the information.
Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 10th February 2015]
Back to HTML today, Just refreshing the mind and just testing a few Ideas. So got an image of a dog where I then had to make a size of 400 px by 400px, Then add text below and change its colour. After this a added anouther image also changing it size and making it go inline with the other photo. Then I had to make the images and text stay in the center of the page and so make it change depending on the size of the browser, Lastly I added the footer where I changed the colour and also made it stick to the bottom of the page. This concludes my work for the day till next week.
Wilkinson, P., 2015. Workshop. Available from: Bournemouth University [Accessed on the 5th February 2015]
Today I expanded my knowledge from the button that i added last week. So this week I made it so when you post onto the page you can receive a nice message saying ‘Success, Your AMAZING!! Post was Addeed!!! Well done Your Awesome!’ But not all posts will post due to a connection error. If this is the case a message will pop up saying FAILED! YOU FAIL!!!!! Yeah Sorry your Message Ran Away…’ This is so the user who is posting the post on the page will know if the post has been posted or not.
Next i just worked on tweaking some things such as when you dont fill out a field it enters it as invalid and dont post just then, You are then able to enter in the correct information and continue to post your post. As for gender this is a bit diffrent as your only really going to chose from 2 options so I made it muti-chioce then also this means if you dont fill it out you will be male so i added a –Select– button so you have to change it. Lastly I added a welcome user for when you logon to the page and also a logout button that will log you out and take you to the main page.
Goslan, K., 2015. Workshop. Available from: Bournemouth University [Accessed on the 22nd January 2015]