A few helpful Links:

FaviconStat Counter - see your page activity

Bravenet - free hosting and additional services

Ornj - free web album (just one option)

Add This - bookmarking service for promotion

Poll Code - add a free poll to your website

Free Search Engine Code

Language Translation Code - Babel Fish

Favicon Generator




Publishing your site with Dreamweaver

Web Page Size

Just FYI:

Now days, most all computer users have a monitor that can display a resolution of 800 x 600 pixels or higher and a majority of them have 1024x768 or higher resolutions.  There are very few people who still use a 640 x 480 resolution screen.
Many Web designers design for a screen width of around 750 pixels.  This page size will fit on an 800 x 600 screen and allows a little extra room for borders.  This width will also work for all higher resolutions as there will just be a little more space between the edge of the Web page and the edge of the screen.
There is no "right or wrong" answer to the question.  You'll have to decide which size you want to design for, but the 750 to 800 pixel width page will fit onto the most screens without users having to scroll left and right, although a wider 1024 pixel page allows for more information.

for emily

for Deidre

Midterm Grades

You should have received an email from me with your midterm grade included. If you did not, let me know. Have a great weekend.

Homework 6 - web page

Due April 13

1. Website topic - title and brief explanation

2. flowchart for website

3. Color scheme for site

4. image consideration - do you have a list of images to use?

5. sketch at least 3 ideas for the visual layout

Homework 5 - Flash Movie

1. Define Kinetic Typography
2. Topic for Flash movie
3. Researched data – documented and referenced
4. Name of two typefaces being used (examples)
5. Color palette for flash project

Flash Tweening

Having trouble in class tonight with the tweening demo, I took a look online. CS4 tweening is different than CS3 tweening. If you are using your own version of Flash and it is CS3, what I covered a few weeks ago is accurate. If you are going to use the computers in the lab, that will be CS4 and there is new info on tweening - it has changed. Here is a simple video on the new tweening function. I hope this helps. If not, set up your layers and info and we can work on getting it to move as you desire in class next week.

Sorry for the troubles, I had no idea they were going to upgrade the computers or software until after the fact.

http://www.youtube.com/watch?v=pUgNhESiPRM

Tonights Class - without me

Class tonight will be a little different. I have the stomach flu. I will not be in but I would like you to attend and work through the following. You can help each other as needed. If you have questions, email me. I will probably be online.




If you didn't get an email from me, you account is blocking me somehow.

Announcements:
You should have received your quiz grade via email
I need your html code for your web page – original creation – not copied from blogger – blogger adds code – email it to me janet@i.am
Next week, banners and buttons are due (assignment 4) – post to blog




History Lesson

The first moving movie title was designed by Saul Bass, it was for the movie Carmen Jones in 1954.
http://www.matttrailer.com/carmen_jones_1954

http://tmagazine.blogs.nytimes.com/2010/02/03/graphic-content-film-at-first-sight/



more on Saul Bass:
http://wellmedicated.com/showcase/saul-bass-jack-of-all-trades/



Look up Kinetic Typography. Find definition, see examples (on wikipedia and below).

Some of these examples are better than others:
http://vimeo.com/channels/kinetictypography

http://www.girleffect.org/

http://web.mac.com/james_zito/JimZito/whos_on_first.html



Your assignment:
Choose one topic from the following four options:
AIR – FIRE – EARTH – WATER

Collect statistical and factual data on your topic. Eg: 1 billion gallons of drinking water is consumed every day in the Big Apple.

Create a Flash movie focusing on your topic of choice that lasts for at least 30 seconds. Use little to no imagery. Design with Kinetic Typography in mind.

Sound is an option but not necessary.

Use no more than two type families. (eg: Helvetica, Helvetica bold, Helvetic Black are all one family) (suggestion – use one serif and one san serif)

Choose a color palette.
Color help if needed:
http://www.colorcombos.com/
http://www.degraeve.com/color-palette/
http://www.colourlovers.com/



Lessons to work through:
Shape Tweening:
http://www.w3schools.com/flash/flash_shapetween.asp

Flash Sound
http://www.w3schools.com/flash/flash_sound.asp

any of theses lessons as needed:
http://www.wonderhowto.com/topic/flash-motion-typography/


Homework 5 – due next week – post to blog

1. Define Kinetic Typography
2. Topic for Flash movie
3. Researched data – documented and referenced
4. Name of two typefaces being used (examples)
5. Color palette for flash project


I hope you are all well and I hope to see you next week healthier than I am today.
Janet

Assignment 4

Project 4 – Create Banners

Utilizing the information you collected from your homework, create three different sized banners. Make at least one an animated gif.

Ideas for banners (choose one):

1. a banner to advertise your blog
2. a revision of one of your homework examples
3. a banner to advertise a special event/date
4. anything of your choosing

Banner and Button Lecture

Points Breakdown

Each homework assignment is worth 5 points for a total of 30 points.

Assignments:
1 - Blog - 7 points
2 - Images - skipped
3 - HTML - 9 points
4 - Banners and Buttons - 7 Points
5 - Flash - 11 points
6 - CSS - 12 points

Testing:
Quiz 1 - 10 points
Final - 14 points

Homework -   30 points
Assignments - 46 points
Tests -             24 points
-------------------------------
Total               100 points

Letter Grades

A+   97%
A     93%
A-   90%

B+   87%
B     87%
B-   80%

C+   77%
C     73%
C-   70%

D+   67%
D     63%
D-   60%

F

Homework 4 - Banners and Buttons

What is the difference between a banner and a button?  

What are the standard sizes for a banner? 

What are the standard sizes for a button?

Give the URL for 3 buttons and 3 banners as examples.

Quiz Rescheduled!!!

If you look towards your schedule for tomorrow night, we are scheduled to have a quiz. We did not talk about this last week so I am going to postpone it until next week. We will have class tomorrow night as usual.

Janet

HTML Color Lecture Notes

HTML Lecture Notes

Email code

 To send email:
{a href="mailto:myemailatme.com"}Email me {/a}




replace the following symbols
{ = <  and  } = >

Assignment 3

Writing HTML
            
Your first web page.

Create a page with a list of at least 10 links on one specific topic. 
Provide a limited review of each page. 

• 1 topic
• 10 links
• 10 reviews
•  
• link to your blog
• link to your email address
• your name

Notes to discuss Tuesday Night

1. update your blog with an email contact on the about me page. This is how I contact you.
2 mass emails are sent as newsletters from the google friends connect - check your information.
3. homework 2 has been graded, you should have received an email
4. Homework 3 is due Tuesday - html coding
5. assign project 3
6. lecture - html and html colors

Tonights Class - Weather

Poll is not available.
www.easypolls.net

Answer the poll question and we will see if there is enough interest for class tonight. I haven't seen a cancellation anywhere. 


http://host1.easypolls.net/poll.html?p=4368

Come back to this post by 4pm today to see if class is canceled.

Due to the poll results - Class will be canceled - Keep up with the homework and assignments:

•    Skip Project 2 - images - do not due
•    Work on Homework 3 - it is due next week

Animated Gif Sites - Free

A few we looked at in class. If you find others you like, post them in the comments for the rest of the class to view. 


http://www.online-image-editor.com/index.cfm 

http://photobucket.com/ 

http://www.gifup.com/ 

Web Images Lecture Notes

Homework 3 - Researching simple code

1. Define:

• www
• Html
• P
• A
• Br
• A href
• H1 to h6
• Body
• B
• I
• Bgcolor
• Img src

2. How do you write code for a simple website?

3. List 5 online resources for learning HTML code. 

Assignment 2

Making Images Ready

•             Create web ready images
•             Include original and adjusted in one folder
•             Use appropriate naming structure
  
•             Include this for five images on one topic
  
  
  You can do this for five of your own images, or you can find free images at: 
• http://www.sxc.hu/home
• http://www.bing.com/images/search?q=free+images&FORM=MFEIMG&PUBL=Google&CREA=userid1743250975606353fbc765a0e3041e8740b0  
• http://www.freeimages.co.uk/

Or, you can use the following five images:

• http://www.sxc.hu/photo/1213682
• http://www.sxc.hu/photo/1213666
• http://www.sxc.hu/photo/1204276
• http://www.sxc.hu/photo/1206711
• http://www.sxc.hu/photo/1115855
  

Student Blogs

You can use these to link to from your site.

Bryan
http://bdavidchaos21.blogspot.com/

Deidre
http://graphichomework.blogspot.com

Zach
http://art429homework.blogspot.com/

Allison
http://www.wtrcrites.blogspot.com/ 

Emily
http://emilypageb.blogspot.com/

Autumn
http://autumnmartin.blogspot.com/

Tish
http://tish-webdesignhomework1.blogspot.com

Tom
http://tquaglia.blogspot.com/

Jon
http://jonathaniii.blogspot.com

21 classes

The original blog is back online. Can you please let me know which service you prefer. Blogger or 21 classes.Vote at the link at the bottom.

http://art429.21classes.com/

vote here: http://host1.easypolls.net/poll.html?p=3253

Schedule

Art 429
Web and Media Design

12-Jan - Blogging

     assign HW1

19-Jan

     HW1 due

     Assign Prj 1

26-Jan - Images

     assign HW 2

2-Feb

     HW2 due

     Assign Prj 2

     Prj 1 due

9-Feb - HTML

     assign HW 3

16-Feb

     HW3 due

     Assign Prj 3

     Prj 2 due

23-Feb - Banners and Buttons

     Quiz 1

     assign HW4

2-Mar

     HW4 due

     Assign Prj 4

     Prj 3 due

9-Mar - Midterm Break

16-Mar - Flash Movie

     assign HW5

23-Mar

     HW5 due

     Assign Prj 5

     Prj 4 due

30-Mar

      assign HW6

6-Apr - NO CLASS

13-Apr - CSS

     HW6 due

     Assign  Prj 6

20-Apr

     Prj 5 due

27-Apr

     Prj 6 due

4-May - FINAL EXAM

Lecture - Blogging

Assignment 1

1. Create a blog

2. Post to it weekly

3. Post homework on your blog

4. Link to everyone in class

Links

Make a comment here about where to find your homework.

You can then link to each others blogs from the comments.

Homework 2

1. What are web acceptable images?

2. What do the acronyms mean?

3. How do they differ? In size? In DPI?

4. Is one better than the other for a certain function?

JPG (jpeg)   -   png   -   gif   -   bmp