Week4:The beginning of our project(Clover&Khat)

This week we discussed about the whole plot and begin to working on the plot. I draw the beginning of the story which we think it is a effective way to make our story come true. We will keep working on the story and will come to different endings. Khat will make the browser so that the readers can try different endings which make our story seems more realistic. 

Week3-javascript-exercise-Clover

http://imanas.shanghai.nyu.edu/~cl4690/cats/cat.html

The first few steps I just follow what professor Leon taught us in class to create the button then link it to the image. But then I found that I did it wrong because each button control only one photo. Then I changed the button so that the button control the same photo. Also I searched on google to find the use of src to change one image into another image. It’s great when the cat is moving.

Week3-Comic-idea(Clover&Khat)

Content of our story:

We want to tell a story about school violence. A girl was bullied for having a scar on her face. We want to look at this story from the perspective of the bystander, and we want to talk about how the attitude of the bystander is going to affect this.

How are we going to do this:

We may draw some pictures by ourselves also, we may use PS css, and js, to make our comic. We want our readers to have a real feel of this story, just like he experience this in real life. We hope to arouse more attention of school violence.

Week3-My new website-Clover

http://imanas.shanghai.nyu.edu/~cl4690/week3-css-clover/index.html

First, I would like to add some pictures on it. Then I adjust each position to make it look nice. Then I found I am interested in the icons, so I add icons on my page. Then I change the icons’ position and it’s background color. Then I tried to add another link to it but I failed. Hope to mix it in the future.

Week 2-css exercise-Clover

http://imanas.shanghai.nyu.edu/~cl4690/week2-css%20exercise-clover/index.html

I first change the headline part, to make the word in the middle. Then I change the position of the small boxes. Then I move the whole background of the small boxes above. Then I change the margin and the padding. Then I change the position of the root word. At last, I change the color of the  background to make it looks good.