In class Mon Sept 12th

Bring Your Computers to class!

Lets talk about the Mac

the Dock - where most everything you need is.

the Desktop - just click on the background while in program

the Finder - to know where you are

Applications Folder - where all the software is

File ---> New Folder - to make a new folder

Finder ---> Empty Trash - to remove files from the trash forever

File ---> Get Inf0 - to find out how big a file is and other info

What questions do you have for me?

Flashdrive info

to eject your flashdrive you need to drag it to the Trash

do not use files while they are on your flashdrive. drag them off the drive onto the desktop before working with them in a program

to remove files from your flashdrive, drag and drop them into the Trash, then Finder ---> Empty Trash

Web 2.0 - Web 3.0

What is web 2.0?

Popular Web 2.0 Applications

- Flickr, Picasa

- Blogger, TypePad, WordPress

- Youtube, Hulu, Sidereel

- Picnik, Sumo Paint

- Facebook, Myspace

*remember to ALWAYS log out of your Web 2.0 accounts when you are done!

Semester Project 1 Assigned

work on Project

Welcome!

Hello and Welcome to the Art213 Intro to Digital Media blog. This blog contains up-to-date information on the class, assignments & projects. There are also important links from this blog to other class resources. This blog is the hub of the class don't forget to check if frequently. I usually updated the blog within 24 hours of class.

There are 4 Teaching Assistants for this class.

Part of your first assignment is to bring your laptop to class and show me the bookmark to this site.

The Intro to digital media class is an overview of Print based media, Time based media and Interactive Media. These areas of media are explored through the use of Adobe Creative Suite 4 which includes Photosop, ImageReady, Final Cut Express, & Dreamweaver as well as a hand full of useful shareware and web applications(YouTube, Flickr, Picnik & Blogs).

We will investigate the mechanics of creating Digital Media as well as consider the roll of media within American society and it's potential to alter perception. We will also look to create a definition for 'Digital Art' as a new medium within the art world.

* This class has a $100 Lab fee & you will need a 2 GB thumbdrive.

Lets take the Awareness Test!

The Final

the Final - Monday 23rd 12-3pm

Grade Your Work for the semester.

Is your website on the list at the top of this page?


Review your websites

Enjoy the Summer!

Grading

10% Participation (in-class and online)

10% Assignments

30% Project 1 ArtBlog

10% Project 2 Visual Re-Mix

10% Project 3 Transformation

10% Project 4 Photoshop-motion Animated Video

10% Project 5 Net.Art

10% Project 6 Personal Network

Grades are determined through the following Rubric: Craftsmanship, Aesthetic, Consideration, Effort & Directions

Craftsmanship - the quality and skill used in the creation and a presentation of your finished projects

Aesthetic - the visual appearance of the content of your finished project. Your images aesthetic quality, composition and the images content.

Consideration - this is the area that looks at the depth of your project. how does what you created function in society, what does it say (or not say)?

Effort - Did you try or not? If this comes easy to you then you really need to work hard to show effort.

Directions - all projects have specific directions on how to name files and when projects are due. following the directions makes it easier for me to work with and review your files. all projects are expected to be complete on the due date.

100-92 A = You tried very hard, handed in all the projects and assignments on time and created excellent work.

91-83 B = You tried hard and handed in all the projects and assignments on time and created great work.

82-74 C = You tried, handed in most of the projects & assignments on time and created good work.

73-65 D = You barely tried, handed in most of the projects & assignments and created good work.

64-0 F = You really didn’t try and didn’t hand in much work.

Turning in Projects

1. Projects are due at the beginning of class on the scheduled critique day.

2. Late projects are due exactly one week from the critique date. Late projects will lose ½ a letter grade. Projects will not be accepted after the late date and will be assessed based on the work turned in for critique.

Critiques

1. If you are late or miss a regular critique, the project for that critique will be lowered by one letter grade.

2. Attendance at the Final critique is mandatory. Missing the final critique will result in an “F” for the Final Project. NO late Final Projects will be accepted!

In class wed MAy 18th

SUMMA!

Finish your Mineself and Homepage websites!

hand in your web folder to Joe (the folder with your first & last name on it)

Your website needs to be uploaded to the server by 4pm!

Don't Forget The Final Project, get your work up on your flickr and youtube accounts and link them to your blog.

* Also make sure you email me your blog web address if you have not done so already!

Class Final Monday May 23rd 12-3pm

In class Wed May 11th

How to get your own web space and .com

- check out namesecure for domain names

- URL Grabber (domain forwarding)

* there are a lot of places to purchase web space up on the internet.

- I use Richmond Internet Technology but a quick web search will uncover many other possibilities.

To get your files up on the web you need a FTP program

* FTP = File Transfer Protocol

- The FTP program can connect your computer to a server so you can copy your files onto the server for distribution on the web.

*For Mac I like Fetch. On the PC try CuteFTP.

Work on Project!

In class mon May 9th

Introduction to Dreamweaver

-Whats Where

the Order of Dreamweaver
- Make a folder on your desktop with your name all in lowercase.
ex. - joevonstengel as my folder name

- Open Dreamweaver

- Make a new site and hook up the folder with your name to it

- Open your HTML files from Photoshop in Dreamweaver one at a time

- Change your 'Background Color'

- Change your 'Title'

- 'Center' your image

- Make your 'Links'

- Save your pages in the 'mineself' folder inside the folder with your name.

Creating Rollovers in Dreamweaver

Work on Project

In class wed May 4th

The Web

'Structures of Experience'

.

.

- The structure of the experience on the web is created through linking.

- How and What you link too, in What order changes the viewers experience.

* Choose your own Adventure

* Web Structures

* Love is Patient

* Sofake

* Send Me Something

* Spider

* One Bit Increment

* Freecycle

* Gapminder

Assembling your pages, Slicing and your sites structure

- Open up a new document in Photoshop, 72dpi sized 960x620 pxls or smaller

- Save the doc with, 'Save As'

- Open your images and bring them into your new document

- Layout and Design your Images

- Slice your image

- 'Save for web' your doc, include both images and HTML

.

In class mon May 2nd

Web page sizes
- the web is measured in Pixels

-- these 'pixels' are related to the actual amount of pixels there are across & down a screen
- the 'Resolution' of images on the web is 72dpi
- the Average MAX size of your web pages should be smaller then 960x620 pixels

Creating web pages using Photoshop

- First go in to 'Preferences' and change the units from 'inches' to 'pixels'

- The first page of all websites is call 'index'

* It is important to make sure 'index' is in lowercase because web servers are case sensitive.

- Go to: file --> new

-- name the document 'index'

-- make sure the 'Resolution' is set to 72dpi

-- choose a page size no bigger then 960x620 pxls

-- 'Color Mode' = RGB

- Save your file

- Drag & Drop images from one of your folders into Photoshop

* This is your work space. Collage, blend, cut out & interact. Make sense or chaos out of the images you found on the internet. DO NOT USE TEXT!

- Save your file

- Slice up your file

* Slices have many advantages like a faster and more dynamic load time

* You can make links from slices in Dreamweaver!

- Save for Web (and Devices)

Web File Types

JPG - RGB - Photorealistic, small file sizes

GIF - Index Color - limited to 256 color, can be animated, can have transparency

PNG - is the best of both worlds but currently PNG files can only be used in Flash