Saturday, 26 December 2015

Week 13

It's week 13 now. This Saturday is the submission date.  And our webpage still have many not yet done. I am so sorry about that because of me as a leader, I not yet done those fixed things like layout, footer, navigation bar, facebook button for my team mate. Because of something I can't solve so that I had make everything progress slow. Felt sorry about it.

In this week. I had fixed the things that need to be fix. And I had done pages that I need to be done. We distribute the pages so that it is fair for us. I done the 2 pages are How to Help and News and Activity. I done it before I give the file to them so that they just need to change it and put their things inside. It would be much more easier for them.

For the header, facebook button and navigation bar which I wanted it to be fixed on that place, I had create style for it so that it can be fixed at the position.
This is the style that I had created and the position I put fixed so that when i scroll it the thing will still be at the position.

Other than that, I when the browser is restore down, I want the navigation bar to become a hamburger menu at beside. I search for bootstrap to look for the code which can become the hamburger menu.

These are the code that I had inserted for the Hamburger menu

For the slider, it is not my part but I also help them to insert it. We used wow slider other than bootstrap. Why we use wow slider because we not really know how to use the bootstrap slider. And we learned how to use wow slider when Semester 2.

This is one of our pages of the final webpage which we have done. Every button already link to every pages.

This is how it look when the browser restore down.

Week 12

We still left 1 more week to do the assignment. But what? Everyone in the class rushing for other assignment which used most of the time to done it. But for me, even I am rushing for other assignment, I still do at least a bit of this assignment.

This is a guide for our webpage (not the color) but at last i changed it because there has something wrong. 

This is the correct layout for our webpage

The header, Facebook button and navigation bar is fixed at there. But this one not yet fixed. Still wondering how to fixed it at the position. Putting the navigation bar at the left is also quite challenging for me. And because of that, I search for Bootstrap website to look for it. 

I search for Bootstrap Pills and look for the vertical pills so that I can put my Navigation bar at the left of the website.


                         
This is the code that I had insert to create the Navigation bar of course there have other type of navigation bar in the website also

I also created my own style to change the color of the navigation bar.

Week 11

And so this week, I attend to class of course. Mr. Yong continue his lesson about boostrap in class. This week's lesson is put the slider. Typing code is really a challenging things for me seriously. Any code wrong and need to change the code. Type less or type wrong a small little word can ruin almost everything.

I must learn how to put a slider because we wanted to apply it in our webpage. But for the progression of assignment, we had no progress in this week.

Week 10

Left 3 weeks is the the submission date. In this week, I didn't attend for class just because of rushing got other assignment. I felt sorry about it. I wanted to go but my friends came to my house early in the morning to done the other assignment so I had no choice.

But then, for our assignment, I had create a layout in Adobe Dreamweaver as a guide to continue our assignment. It will be much more easy when the layout is done.

Week 9

In this week, I learnt more about bootstrap in class. By using bootstrap, everything become easier when it apply to the website.

What did I really learn in class is the navigation bar. It is really hard but quite challenging for me.

For our assignment, we continue our final visual design which we not yet done for the volunteer and donate pages. And  we changed some color of the website.

Week 8




It's week 8 is the presentation week. Hopefully we still can finish our things on time.

This is our final visual design for the webpage

Desktop version






Mobile Verion


  


 
this is our navigation bar for mobile version. When press it will pop out.