- Skin as interface
- Skin as medium
- Digital Skin Tatooes
- Relational aesthetics
- Liquid nanotechnology
- Natural economy
- Gift economy
- Jeremy Rifkin
- Rodney Brook
- Open Data Commons
- Smart mobs
Thursday
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:
(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
</p>
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:
<head>
<style type=”text/css”>
h1 {color: blue; font-weight: bold}
p {color: gray}
</style>
</head>
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:
<head>
<link rel=”stylesheet” type=”text/css” href=”stylesheet.css” />
</head>
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.
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.
CSS Presentations
Start in class css exercise and finish for next week.
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: How did you find the information?
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
Content is accurate and appropriate
Verify the source and the information:
For HTML
HTML Fundamentals:
What is HTML?
HTML Tags?
HTML Links: The difference between relative and absolute links
HTML Images
For next week:
HTML:
Create three web pages linked to each other on the image arts webpage.
Make sure they validate
Validating your pages: http://validator.w3.org/
CSS:
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
Intersection.tv
Telepresenceart.com
The-third-eye.com
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
Read:
http://www.studygs.net/cooplearn.htm and http://www.studygs.net/groupprojects.htm