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