Planning and

1
Planning and

• Creating a Web Site
• JLMC 315, Groshek

2
Two Main Questions

• Define the purpose of your Web site
• What is the subject of your web site?
• Audience
• Who is the audience? Who do you want to look at
  your site?

3
Examples Bad

• http//www.webpagesthatsuck.com
• http//www.bow-wowbooks.com/
• http//www.themadbutcher.co.nz/
• http//www.theindychannel.com/index.html

4
Examples Good

• http//johnnycash.com
• http//www.ratm.com
• http//www.bananarepublic.com

5
More examples

• http//www.msn.com
• http//newszine.jou.ufl.edu/
• http//www.jlmc.iastate.edu/centennial/daily/index
  .html
• http//www.ameslawnandlandscape.com/

6
First

• Purpose of the site
• Audience
• How many pages will your site be?
• Where will the content of your Web site come
  from?

7
Next

• Develop content for a multimedia environment
• Deciding what you WANT to publish
• Deciding what you CAN publish
• Deciding what you SHOULD publish

8
Content

• Create the content for your Web site
• What will your Web site say?
• Text
• Video
• Images?
• Other?

9
Layout Navigation

• What do you want your Web site to look like?
• How will people move around in your web site?

10
Web Site Type

• depends on the product

11
FCB Grid
12
Four steps in Web production

• Research
• Your topic/client
• Planning
• Define your mission
• Execution
• Evaluation

13
Some things about

• How the Internet and WWW work

14
The Internet is

• What
• http//www.centerspan.org/tutorial/net.htm

15
The World Wide Web

• Is different than the Internet
• one of many applications on the Internet
• uses http (hyper text transfer protocol) and
• hypertext mark-up language

16
Top Level Domains

• 7 (early) generic TLDs
• .com
• .edu
• .gov
• .int
• .mil
• .net
• .org

17
Top Level Domains

• Newer TLDs
• .aero
• .biz
• .coop
• .info
• .museum
• .name
• .pro
• .cat
• .jobs
• .mobi

18
Modems

• Affect speed of downloads
• Dial-up
• 56.6Kbps 24 minutes for 15 minute video
• Basic broadband 25-50 seconds for same 15 minute
  video clip
• Problems remain with the digital divide and
  broadband diffusion

19
Browsers

• IE
• Safari
• Firefox
• Opera
• http//www.extremetech.com/article2/0,1697,1990858
  ,00.asp
• http//www.newfangled.com/web_browser_comparison_i
  nternet_explorer_firefox_safari
• What does this mean for designers????

20
Operating systems

• Introduce the same difficulties for designing and
  production
• What they mean to this class.

21
Plug-ins

• Pieces of software
• Acrobat
• Flash
• Quicktime

22
In-class Bio assignment

• Go to course website
• http//www.public.iastate.edu/jgroshek/315.html
• get Bio assignemtn
• fill out your bio
• drop your bio, named lastname_bio into the
  dropbox

23
To do so

• On your Mac, in Finder
• Go?Connect to server?yourusername_at_courses.jlmc.ias
  tate.edu
• Drag and drop your bio
• This process is very similar to posting files to
  the Web
• If you are able to do this basic process, you are
  in good shape.
• If not, please see me.

24
Homework

• Read Handout 1 at
• http//www.webstyleguide.com/process/print/process
  .html