23
iWeb Smart. Simple. Cool.

iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

Embed Size (px)

Citation preview

Page 1: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

iWebSmart. Simple. Cool.

Page 2: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

The GoalsThe Goals

- Identify elements of well designed websites

- Gain a beginning working knowledge of iWeb and its features by

generating/designing a homepage for a future classroom website.

- Identify elements of well designed websites

- Gain a beginning working knowledge of iWeb and its features by

generating/designing a homepage for a future classroom website.

Page 3: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

Approximate Timeline

• Effective Website Design (30 – 45 Minutes)

• How to use iWeb (45 – 60 Minutes)

• Playing with iWeb/Creating a homepage (All Remaining Time)

Page 4: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

Keywords from

responses given when

teachers were asked:

What do you want a

website for?

Page 5: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

A blog withVideos fromA test or survey with

Just a few examples of what you can include!Just a few examples of what you can include!

A calendar withGoogle Calendar

……And tons of other things using “embedding.” we will look at this more closely

later….

……And tons of other things using “embedding.” we will look at this more closely

later….

Page 6: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

What do you want to accomplish with your website?

The Question:BIG

Page 7: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

“Simplicity Sells.”

- David PogueNew York Times Technology Columnist

Well designed websites are clean, simple, and easy to use.

The following are prime examples of this concept.

Page 8: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 9: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 10: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 11: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 12: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 13: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

The following sites include many things you need to

avoid!

Terrible fonts and excessive use of bright colors/backgrounds are just a few of the problems! And, yes,

these are screen shots of real websites!

Terrible fonts and excessive use of bright colors/backgrounds are just a few of the problems! And, yes,

these are screen shots of real websites!

Page 14: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

http://www.angelfire.com/super/badwebs/main.htm

Page 15: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 16: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 17: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 18: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

Your homepage defines your entire

site!

Apple’s website is a perfect example of this.

Page 19: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

Home is where the heart is…

Page 20: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 21: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 22: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing
Page 23: iWeb Smart.Simple.Cool. The Goals - Identify elements of well designed websites - Gain a beginning working knowledge of iWeb and its features by generating/designing

Guidelines for your website…

Keep the design clean!

Keep the CRAZY

fonts and colors

out!

Remember, your homepage

defines your entire site!

Simple is better!