Anastasia's+Activity+Log

Project 1: [|Project1A] | [|Project1b] | [|Project1c] | [|Project1d]

**WEEK 1 January 04, 2012**
Exercise 1: In the first week of class, I completed an In-Class Exercise 1 that consisted of the following: The proper use of web coding of: - Paragraphing - Line break - Italicization and bolding words through code - Em dash (hyphenation) - Headings - Linking - Ordered/ Unordered Lists



Exercise 2: Using my full name in red colour using Photoshop CS5, I was able to create three forms of images: PNG, GIF and JPG. In this exercise, I was able to contrast the differences between each image to see which one works better than the rest. At Home: Goal: To Follow Steps 1-5 (as shown on the brief) and create a 3x3 grid consisting of 200x200 pixel squares (9 in a grid) with different colours for each square. With these squares I will construct 6 appropriate grid layouts for this week for Project 1A. //*I made more than 6 grids for next week just to show different variants*//

WEEK 2 **January 11, 2012**
In class I learned how to make CSS //Cascading Style Sheets// on Text Wrangler and applying the CSS code to create multi-page grids. I was also able to link each page on the web browser so that it is easier to flip through each grid image.

The link to Project 1A is here: [|Project 1A]

At Home: Goal: Start working on Project 1B, which is to create five blocks of text using Lorem Ipsum inside a 960px x 960px screen. 4 different layouts must be completed for week 3.

**WEEK 3 January 18, 2012**
In class, I was able to take my illustrator files that I completed at home and convert them into web layouts using CSS styles and HTML. Completing this mini assignment, I created series of 4 linking HTML documents that are styled by an external CSS document.

The link to Project 1B is here: [|Project 1b]

**NOTE:** Looking at the PDF file of my 4 layouts (from week 2) done in Adobe illustrator, you can now compare how it matches with type on the web.

**PARTICIPATION:** Answered Q&A question for participation marks. Q & A

At Home: Goal: Start working on Project 1C. The purpose of this next project is to take a magazine and draw a 2.5”x 2.5” square on the front cover. Using a sharp blade, cut clean through the entire magazine until you have series of squares. Using a scanner, capture the squares at 200% and save to your computer as individual files. From the CSS file from Exercise B, adapt and arrange a new grid 960 px wide. Afterwards, export images files for the web and arrange new grid according to visual qualities (texture, value, line, etc.) Look for variety and contrast in creating new layouts.

**WEEK 4 January 25, 2012**
Today in class I learned in class about Rollover and Slide effects for my Project 1C. This project is to be completed and handed in next week in class.

**PARTICIPATION:** Student 1: Gave feedback on Jessica Lee's Activity Log. [|Comments] Student 2: Gave feedback on Catrina Silveira's Activity Log. [|Comments]

**WEEK 5 February 01, 2012**

Completion of **PARTICIPATION:** Answered Q&A Question: Rotating Images

**WEEK 6 February 08, 2012**
Logo Design due for this week:

Project1d due for this week: [|Project1d]

1) Completed Project 2a

2) Completed 2 Storyboards for Project 2C:

3) Completed Reading [|When a Good Idea Works] by John Maeda

**WEEK 7 February 15, 2012**

**PARTICIPATION:** Wrote an explanation on how to build a loop for Project 2B Processing

1) Designed two processing sketches:


 * 1: InClass Sketch #1
 * 2: InClass Sketch #2
 * 3: Experimenting with loops

2) Finished two motion sketches in Processing

**WEEK 8 February 29, 2012**

**PARTICIPATION:** Student 1: Gave Feedback (Part 2 of participation) on Alaa Abuamra's Activity Log. [|Comments]

Student 2: Gave Feedback (Part 2 of participation) on Kadi's Activity Log. [|Comments]
Added an example of "Examples of a Mouse Interaction with Open Processing" on the page Processing FAQ

- Finished working on Project 2D - Finished creating Content list and concepts

**WEEK 9 March 7, 2012**

**PARTICIPATION:** Added Ted Talk video by Jonathan Harris and examples of his work entitled "Work by Jonathan Harris" in the link Inspiration Adding a Link entitled "fubiz" on the Inspiration page Added "Best Web Page Design Gallery" link on the Resources page in the HTML section

- Project 2 completed for marking - Completed Moodboard, Site map and Wire frame

**WEEK 10 March 14, 2012**

**PARTICIPATION:** Wrote about "10 Excellent Tools for Creating Web Design Wireframes" in Inspiration

- Completed a new Moodboard, Site map and Wireframe - Worked on html concept for Project 3

**WEEK 11 March 21, 2012**

**PARTICIPATION:** Wrote about "Cool Home Pages & Templates to use" in Inspiration Added a video about "Silly video on "the internet" in Inspiration

- Completed Project 3

= WEEK 12 (Final Week) March 28, 2012 =

**PARTICIPATION:** Wrote a feedback note for Project 3 on Kevin Ha's Activity Log. [|Click Here] Wrote a feedback note for Project 3 on Micah's Activity Log. [|Click Here]

- Project 3 ready for submission