Week 9 : Presentation of Project Part A

      Today we are having group presentation for our group Project Part A, before we started our presentation we did some research of some of the principle. Although we have apply some of the design principle while we designing the website, but we didn't have a clearer explanation about what we want to present. So we do a few research to help us explain more on our design. Those website are LINE 25, Smashingmagazine and Shortiedesigns.

     After we do these research, I realize that our design was not perfect and we left out some of the principle in the design and we will do some minor changes on our design.  

Some of the point that included in our slide

Some of the point that included in our slide

      After we done our research, I found that sometimes basic principle will make design look good. While we designing the website we have to know about what is the purpose of the website. Then, we have to think how to bring out a better communication system in the website. Other than that, typeface, color and image is the things that we have to play with it. With these element that I found in research, i think that you are almost success to design a simple, basic and convince web design. 

Week 8 : Bootstrap adding image

      Today practical class, I have learn how to add in image and edit the style without using the traditional way. I have learn how to make the image look circle, rounded shape and in thumbnail size. At the first, we need to create a New CSS rules, then we need to change the border-radius of the image to change the size and shape.

      But with the bootstrap system, we just need to change the class details. Because the system already created the class for you, all you need is call out the function. for example, if you want it to be circle, u need to add in class="img-circle" at the end of the images code. Then it will show something like below.

      Before we end our class, I also learn that how to create hover table & table bordered.

Image in circle

Learning to change the size

Week 7 : Submission of The Proposal

      I have learn how to create a responsive website by using the bootstrap system. It's a little bit complicated with the code, but I think i could adding this into our Final Project. Finally at this week, we had come out our final design for the SPCA-Penang website. We believe that this design with the concept that we put in can attract more people attention while they are visiting the site.

Visual Design

Visual Design

Week 6 : Wireframe

      This week practical class, I have learn how to create a form by using html 5. I found out that, it's not that difficult to insert a form when using Adobe Dreamweaver. All you need is you have to understand what you want and which selection can do the effects that you want. 

      For the progression of the proposal, this week my group are working on the wireframe. After a few discussion on previous week, we have come out the basic concept and idea for our website redesigning. 

Wireframe for About Us

Overall wireframe

Overall wireframe