week 13: emerging research

Posted: December 1, 2010 by alxbal in Assginment 4, Uncategorized




research threads

Posted: November 24, 2010 by alxbal in Uncategorized

Research threads we discussed in class today:

For John and Scott: Notion of collective intelligence and open systems

For Nathalie’s group:

For Beverly’s group:

Daniel’s group:

External, Internal and Inline CSS Styles

Posted: October 20, 2010 by Connor Crawford in css_presentations, Uncategorized

(Our group project, with Connor Crawford, Alex LaLonde and Carl Ferrell)

Inline styles are the least flexible type of style to implement. You can apply inline styles to any tag, for example:

<p style=”color: red”>

Paragraph text goes in here


The advantage to using inline styles is that they can be used to troubleshoot. Inline allows the coder to eliminate all variables, and clearly see what is wrong.

With internal stylesheets, a web page’s styles are all specified at the top of the page code, within the <head> tag for the page. For example you might use the following code to specify properties for your <h1> and <p> tags:


<style type=”text/css”>

h1 {color: blue; font-weight: bold}

p {color: gray}



External stylesheets allow you to put all of your styling information into a completely separate CSS file. You can then simply reference this file from within each web page, and the page’s content will then be styled accordingly.

To include an external stylesheet in one of your web pages you need to add a <link> tag within the <head> tag of your page. The following example would link to a stylesheet called stylesheet.css:


<link rel=”stylesheet” type=”text/css” href=”stylesheet.css” />


It should be clear that external stylesheets offer the most in terms of flexibility and ease of use, and they also provide the fullest separation of HTML and CSS of all three options. A stylesheet can be applied to multiple HTML files, and thus efficiently style an entire website.

Week 7: Second Life

Posted: October 20, 2010 by alxbal in Classes

Second Life:
what is second life?

Remediation examples:

Machinima as documentation:

Simulations: Cultural Spaces

For week 8:

1) In groups, research one of the following questions

2) Your website should be viewable by next week.

Group 1

Posted: October 7, 2010 by alxbal in css_presentations


Week 5: CSS

Posted: October 6, 2010 by alxbal in Classes

CSS Presentations

Start in class css exercise and finish for next week.

Pirate practices and economical change

Posted: September 30, 2010 by alxbal in Classes, Research, Resources

Hi all,

in Yesterday’s class we started an interesting discussion on copyright and copyleft issues. We also watch a video of Matt Mason who wrote the book “pirates dilema”. A longer version is at http://vimeo.com/5975288.

Here is an example of how a “pirating” activity becomes no longer a pirating activities once businesses figure out how to profit from them…. Youtube now has a lot of copyrighted content freely available, with the knowledge and approval of copyright owners. See how it works in this wired article:  http://www.wired.com/magazine/2010/03/ff_youtube_5secrets/2/

The book The starfish and the spider explains this very well as well.

Open Source Alrternatives: http://www.osalt.com/

Week 4: HTML 101

Posted: September 29, 2010 by alxbal in Classes

Week 4:

HTML 101: How did you find the information?

  • Google: tutorial html
  • Use delicious to check reputation of site

How do you know a website is reliable?

Notes adapted from: http://www.ala.org/ala/mgrps/divs/alsc/greatwebsites/greatwebsitesforkids/greatwebsites.cfm

Authorship is Clearly indicated

  • The name of the individual or group creating the site should be clearly stated.
  • The creator should give a source for information in the site where necessary.
  • The Web site author or manager should provide a way for users to make comments or ask questions.
  • The Web site author or manager should be responsive to any questions regarding copyright, trademark, or ownership of all material on the site. Sites that knowingly violate copyright statutes or other laws should not be linked, listed, or recommended.

Content is accurate and appropriate

  • The design of the site should demonstrate knowledge of the technological subject. I.e. html or css should be well used with current practices.
  • The information should be current and accurate, and if the topic of the site is one that changes, it should be updated regularly. A “last updated” date is a plus.

Verify the source and the information:

  • Check out the contact information and resources. Credible websites should list contact information and resources.
  • Google the author or the site for reputation check
  • Always check more than one website when looking for credible information.
  • Try out the examples and if they are not working, look for another source.


HTML Fundamentals:
      What is HTML?
      HTML Tags?
      HTML Links: The difference between relative and absolute links
      HTML Images
For next week:
Create three web pages linked to each other on the image arts webpage.  
Make sure they validate
Validating your pages: http://validator.w3.org/

In groups of 3, create a presentation for next week that answers one of the following questions:

Group 1: What is CSS and how does it work?

Group 2: Through examples, explain how the CSS syntax works

Group 3: Through examples, explain the difference between id and class

Group 4: Through examples, explain the difference between external style sheet, internal  style sheet and inline style, when is it better to use one over the other?

Group 5: Through examples, explain the box model

Group 6: Through examples, explain what floating and position do. What is the difference?

Group 7: Through examples, explain css grouping/nesting

Group 8: Through examples, explain how to align elements

Group 9: Through examples, explain how to build a css navigation bar

Group 10: Through examples, explain how to build a css based image gallery

Graham Smith, new media artist

Posted: September 22, 2010 by alxbal in Assignment 2


Week 3: HTML 101

Posted: September 21, 2010 by alxbal in Classes

30 mn Digital Identity in class activity:

What strategies did you and your group discover can make your name or pseudonym show up as the first link in a google search.

describe them in details in your individual blogs. Post a a link to the description  as reply in the assignment 1 page.

1 hr WEB Sites: Discussion

30 mn:  Create an analytical matrix that lists what the successful sites you looked at had in common and what the bad ones also had in common.

Can you derive a set of design principles from these viewing-navigation experiences?

What were the creative identities telling you?

– What are good practices in terms of design.

– What worked in the sites you mentioned?

– what did not work?

1 hr Create an HTML page on the image Arts server.

In class: HTML exercise

For class 4:

– Post your first page to the image arts server


http://www.studygs.net/cooplearn.htm and http://www.studygs.net/groupprojects.htm