Class Final

The Class Final is Monday from 4-7pm

If you borrowed equipment from the lab, you need to bring it back today!


1) TA's presentations

2) Videos

3) Websites

In class Wed Dec 5th

SUMMA's

What's due!

Project 1 the blog is due by 5pm on the day of the final.


Project 4 is due by the end of the class on Wednesday. You need a .mov file labeled with your name.

Project 5 Mineself is due by the end of the class Wednesday. You need a folder named "mineself" which contains the html and image folders of your website.

Project 6 Home Page is due by the end of class Wednesday. You need a folder named your first initial/last name ex. "jvonstengel". Inside the folder should be the hompages index.html file and it's image folder as well as the 'mineself' folder. Your homepage needs to link to :

1) your blog
   - your blog should link to each of your sites below.
2) your flickr photo stream
   - your images from the CD assignment, Project 2 and Project 3 should be uploaded to flickr
3) your youtube channel
   - your video should be uploaded to your youtube channel
4) your 'mineself' website




Work on Projects


The class final is 4-7pm Monday 12/10

In class Mon Dec 3rd

How to make a homepage.
- Design a page
- make links to important information about you on the web. This could include your Tumblr, Twitter, Facebook, DeviantArt, Soundcloud, or other sites.
connect your Flickr, Blog, Youtube & Mineself sites.


What is due, when.

Project 1 the blog is due by 5pm on the day of the final.


Project 4 is due by the end of the class on Wednesday. You need a .mov file labeled with your name.

Project 5 Mineself is due by the end of the class Wednesday. You need a folder named "mineself" which contains the html and image folders of your website.

Project 6 Home Page is due by the end of class Wednesday. You need a folder named your first initial/last name ex. "jvonstengel". Inside the folder should be the hompages index.html file and it's image folder as well as the 'mineself' folder. Your homepage needs to link to :

1) your blog
   - your blog should link to each of your sites below.
2) your flickr photo stream
   - your images from the CD assignment, Project 2 and Project 3 should be uploaded to flickr
3) your youtube channel
   - your video should be uploaded to your youtube channel
4) your 'mineself' website







Work on Projects

The class final is 4-7pm Monday 12/10

In class Wed Nov 28th

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

-- Rulers & Guides

- Slice your image

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

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

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 Nov 26th

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

Lets look at how a Web site is set up on a server

- Only Folders, JPEGS, GIFS and HTML/HTM are used on the web!

- Servers are case sensitive!

- Keep file names simple & relevant, all lower case, no spaces!

- File names can only be alpha numeric with "-" and "_"

- The first file of all web sites is labeled "index.html" all lower case

- You can seperate files on the server with folders

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

-- Rulers & Guides

- Slice your image

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

In class mon Nov 19th

Introduction to the web

The web gives us the ability to break the bounds of 'Space.'

It also helps us control 'Time.'

The ability to control Time & Space are 2 of the main aspects of digital as an art medium.

The web is all about interaction and the Journey.

Have you ever read a "Choose Your Own Adventure" books?

Lets try it out.

Internet Lingo
the language of the Internet:

* Web2.0, The Semantic Web, Social Networking, Tags, Links, Embedded Code, RSS Feeds, Servers, Web Applications,

HTML

How does it work?

- Head & Body model

- Head contains meta data, the title, and other info

- Body contains the content

- Created through the use of tags.

(b) = open

(/b) = close

to make a word 'bold' surrond it with the  tag. ex...  Hello I'm Bold

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

Project 5 Assigned

Work on Projects!

In class Wed Nov 14th

Introduction to the Web

Introduction to the Internet
.

..

.


Internet (Framework for Interconnections)
- Peer to Peer
- Ftp
- Instant Messaging
- Emil
- Online Gaming
- World Wide Web
-Websites
--- Flash
--- HTML
-- Web 3.0 = 'interpersonal computing', 'web services' and 'software as a service' (SaaS) as the three key aspects of Web 2.0. they appear on the web as:
--- Blogs (Personal Broadcasting)
--- Flickr, Picasa, Photobucket (Image Storage & Presentation)
--- Picknik, Sumopaint, PicJuice (Image editing)
--- Youtube, Hulu, Sidereel (video)
--- Podcasting, Pandora, Musicovery, Amie Street (music/audio)
--- Internet Archive, CCMixter (Creative Commons Licensed Media Content)
--- Facebook, Myspace, Friendster, Linkedin, Twitter (Social Networking)
--- Delicious (links)
--- Bloglines (RSS Feeds)
--- Digg, Stumble, Technorati, PopUrls (Aggregators)



How Does the web work?



Net Neutrality
.

.
.

.

Work on Project 4

.

In class mon Nov 11th

Your folder full of images is due today!


Make Video clips from your folder full of images.
(see directions in previous post)


Use Final Cut to edit your animation. add audio and transitions

(see directions in previous post)

Your video needs the following titles:
- Your Name
- Name of the Animation
- Semester
- Art 213 DA&D II
- Hartwick College



Work on Project Ask Questions.