The 1997 Skidmore Summer Institute

Untangling the Web:
Using Technology in the
Foreign Language Classroom


Co-sponsored by NYSAFLT
and
the State Education Department

WWWFL LinksHyperstudioHTMLWeb PagesLesson PlansPhotos
The World Wide Web is an important resource for educators, providing them with ready access to a world of communication and enabling them to make classroom content more timely, authentic and engaging.


Characteristics of the World Wide Web:

Hypertext
words in one document link with parts of other documents

Hypermedia
photos, video, sounds added to the text

Browsers
one can connect to documents, jump from one site to another

Interactivity
solicit responses from users

Self-publishing


Brief History of the WWW

1990
proposal by Tim Berner-Lee (CERN -European Particle Physics Lab) to enhance the Internet for researchers

1993
50 Web servers existed
MOSAIC, the first Web browser developed by Marc Andreeson (NCSA - National Center for Supercomputing Applications)

1994
more than 10,000 servers existed

early 1996
more than 40,000 servers
numbers of Web pages doubling every 4-6 months
more than 20-30 million users!!!


Important Terms

HTTP - hypertext transfer protocol - backbone of the Web - a series of agreed- upon conventions & interlocking programs that make up the Web - every document on the Web has an address that begins with http://

HTML
hypertext markup language - a system of codes embedded in text documents that tells a Web client (browser) program how to display the document as hypertext.

GIF
graphics interchange format - no- loss compression method created by Compuserve - limited to a color palette of 256 colors - ideal for some graphics (buttons, simple title graphics, icons) - not always the most compact

JPEG (JPG)
joint photographic experts group - does not contain all the data contained in the original picture (divides the image into squares) - more compact sometimes - offers more colors - better for photographs


APPLICATIONS OF THE WORLD WIDE WEB:

  1. resource for teaching/learning materials
  2. easy to publish materials
  3. research resource
  4. tool for analyzing validity
  5. asynchronous learning - (distance learning) students can work at their own pace
  6. recreation, find information of interest
  7. e-mail; networking/communication
  8. posting up to date course materials
  9. advertising
  10. economical way of accessing resources
  11. time saver
  12. Daily newspapers, journal articles,
  13. shopping
  14. ERIC and other research resources available
  15. recruitment
  16. global access


Electronic Search Engines

WWW Resources



Evaluating Web Pages

back to top

FOREIGN LANGUAGE WWW LINKS

back to top

HYPERSTUDIO

HyperStudio is an easy Mac/PC software program that FL students can use to create their own multimedia programs.

back to top

BASIC HTML

Here are three web pages.
Look at the handouts for the HTML codes for:
  • the html page (codes for text, graphics, color, lists, tables, forms, etc)
  • the menu page (code for frame)
  • the frame page (code for frame)


Look at View Document Source for this page and any page on the WWW!!

HTML Tutorials



GRAPHICS FOR YOUR WEB PAGES

COPYRIGHTS

copyright info

EDITORS

Image map editors:

  • Map Edit
  • HOT SPOTS
  • LiveImage -pc
  • CroosEye -pc

    HTML Editors:



    SUGGESTED TEXTS

    back to top

    CREATE YOUR OWN WEB PAGE

    FL teachers create their own pages:

    Planning and designing a web page

    • Make a visual outline (plan) of the page(s)
    • Use space as a design element. Do not overcrowd your pages. Place materials so that important parts are emphasized by the space around them.
    • Rarely use all capital letters (too hard to read).
    • Use headings to group your information and make your pages easy to skim.
    • Put important elements in the top left and lower right parts of the screen (people skim in a Z patttern).
    • Use color, graphics and symbols with restraint. Graphics take time to load and too many visual elements detract from the polished look of the page.
    • Choose your graphics well. They should be relevant to the page. Try to keep the size of each graphic to under 20K.
    • Provide adequate navigational tools so visitors do not get lost in your pages (one always should be able to return to the home page from any other page)
    • Create necessary links to other pages or other parts of your page. Make the links words of your sentence (instead of saying "click here"). Make the link a few words (rather than one word or a whole sentence).
    • Make sure the information on your page is timely. You will have to update your page(s.(check links) regularly.
    • Provide credible, original content in as many forms as possible.
    • Make sure your page is easy to read. Check the background and text shade. Remember to use white space and stick to colors that are not hard on the eyes.
    • Make sure your page is well organized. Divide the text logically into chunks of closely related information. Provide multiple forms of navigation. Balance the number of pages and the page length to minimize scrolling and display time.
    • Check your spelling! Test your links!

    During this Summer Institute, we would like you to create a web page that will be part of the NYSAFLT web site. You have three choices. Choose one, two, or you can even do all three. Please save your page(s), graphics, etc. on a floppy disk, put your name on the disk, name the first page index.html, and hand it to me at the end of the institute. GOOD LUCK and HAVE FUN!!!!!!!!!!!

    VANITY/RESUME WEB PAGE

    Create a web page telling about yourself. Include a photo of yourself, information about your teaching experience, professional activities, interests, etc.

    LIVING TEXTBOOK WEB PAGE

    The World Wide Web can be considered a "living textbook". It is everchanging and unlimited in information. Pick a textbook topic that you teach. Create a web page that contains textual information & pictures and links to resources on the WWW related to that topic. Using your web site, students will read about, discover, study, and explore an almost unlimited number of resources related to a specific topic.

    LESSON PLAN

    Locate a web site that can be used to teach one of the Standards in your field of instruction. Your lesson plan should include:
    title
    subject area (language)
    population (grade level)
    topic
    curriculum links (NYS Standards)
    objectives
    materials (be sure to list URL & link to URL of the site)
    time
    scope & sequence (procedure)
    skills
    evaluation

    back to top

    USING THE WWW TO TEACH FL

    Advantages of using the WWW to teach:

    1. active participation
    2. hands-on
    3. individualized learning
    4. students go at their own pace
    5. up-to-date
    6. unlimited in content
    7. interactive (communicate)
    8. multimedia
    9. exciting, motivational
    10. encourage continued learning
    11. different learning styles
    12. resources
    13. networking
    14. universal access (rural communities, disabled)
    15. confidence building - risk taking encouraged
    16. Global awareness
    17. alternate presentation of material

    FL teachers are using the WWW to teach language and culture:

    back to top

    Darlene's Group

    Click on the name to check out their first attempt at a web page:

    Joanne A. Robert P. Maryann Bonita Ellen Lizette
    Barbara L. Marie Barbara I. Steven Elissa Barbara W.
    Laura G. Lucy Fiona Aileen Joanne C. Linda
    Roxanne Janine Williaam Madelyn Laura D. Caroline
    Barbara B. Richard Robert S. David Ann Maureen

    Group 2

    Group 3

    back to top

    This page was created by Darlene S. Cardillo (Darlene553@aol.com) on July 22, 1997 and updated on August 12, 1997. Skidmore Summer Workshop
    The 1997 Skidmore Summer Institute

    Untangling the Web:
    Using Technology in the
    Foreign Language Classroom


    Co-sponsored by NYSAFLT
    and
    the State Education Department

    WWWFL LinksHyperstudioHTMLWeb PagesLesson PlansPhotos
    The World Wide Web is an important resource for educators, providing them with ready access to a world of communication and enabling them to make classroom content more timely, authentic and engaging.


    Characteristics of the World Wide Web:

    Hypertext
    words in one document link with parts of other documents

    Hypermedia
    photos, video, sounds added to the text

    Browsers
    one can connect to documents, jump from one site to another

    Interactivity
    solicit responses from users

    Self-publishing


    Brief History of the WWW

    1990
    proposal by Tim Berner-Lee (CERN -European Particle Physics Lab) to enhance the Internet for researchers

    1993
    50 Web servers existed
    MOSAIC, the first Web browser developed by Marc Andreeson (NCSA - National Center for Supercomputing Applications)

    1994
    more than 10,000 servers existed

    early 1996
    more than 40,000 servers
    numbers of Web pages doubling every 4-6 months
    more than 20-30 million users!!!


    Important Terms

    HTTP - hypertext transfer protocol - backbone of the Web - a series of agreed- upon conventions & interlocking programs that make up the Web - every document on the Web has an address that begins with http://

    HTML
    hypertext markup language - a system of codes embedded in text documents that tells a Web client (browser) program how to display the document as hypertext.

    GIF
    graphics interchange format - no- loss compression method created by Compuserve - limited to a color palette of 256 colors - ideal for some graphics (buttons, simple title graphics, icons) - not always the most compact

    JPEG (JPG)
    joint photographic experts group - does not contain all the data contained in the original picture (divides the image into squares) - more compact sometimes - offers more colors - better for photographs


    APPLICATIONS OF THE WORLD WIDE WEB:

    1. resource for teaching/learning materials
    2. easy to publish materials
    3. research resource
    4. tool for analyzing validity
    5. asynchronous learning - (distance learning) students can work at their own pace
    6. recreation, find information of interest
    7. e-mail; networking/communication
    8. posting up to date course materials
    9. advertising
    10. economical way of accessing resources
    11. time saver
    12. Daily newspapers, journal articles,
    13. shopping
    14. ERIC and other research resources available
    15. recruitment
    16. global access


    Electronic Search Engines

    WWW Resources



    Evaluating Web Pages

    back to top

    FOREIGN LANGUAGE WWW LINKS

    back to top

    HYPERSTUDIO

    HyperStudio is an easy Mac/PC software program that FL students can use to create their own multimedia programs.

    back to top

    BASIC HTML

    Here are three web pages.
    Look at the handouts for the HTML codes for:
    • the html page (codes for text, graphics, color, lists, tables, forms, etc)
    • the menu page (code for frame)
    • the frame page (code for frame)


    Look at View Document Source for this page and any page on the WWW!!

    HTML Tutorials



    GRAPHICS FOR YOUR WEB PAGES

    COPYRIGHTS

    copyright info

    EDITORS

    Image map editors:

  • Map Edit
  • HOT SPOTS
  • LiveImage -pc
  • CroosEye -pc

    HTML Editors:



    SUGGESTED TEXTS

    back to top

    CREATE YOUR OWN WEB PAGE

    FL teachers create their own pages:

    Planning and designing a web page

    • Make a visual outline (plan) of the page(s)
    • Use space as a design element. Do not overcrowd your pages. Place materials so that important parts are emphasized by the space around them.
    • Rarely use all capital letters (too hard to read).
    • Use headings to group your information and make your pages easy to skim.
    • Put important elements in the top left and lower right parts of the screen (people skim in a Z patttern).
    • Use color, graphics and symbols with restraint. Graphics take time to load and too many visual elements detract from the polished look of the page.
    • Choose your graphics well. They should be relevant to the page. Try to keep the size of each graphic to under 20K.
    • Provide adequate navigational tools so visitors do not get lost in your pages (one always should be able to return to the home page from any other page)
    • Create necessary links to other pages or other parts of your page. Make the links words of your sentence (instead of saying "click here"). Make the link a few words (rather than one word or a whole sentence).
    • Make sure the information on your page is timely. You will have to update your page(s.(check links) regularly.
    • Provide credible, original content in as many forms as possible.
    • Make sure your page is easy to read. Check the background and text shade. Remember to use white space and stick to colors that are not hard on the eyes.
    • Make sure your page is well organized. Divide the text logically into chunks of closely related information. Provide multiple forms of navigation. Balance the number of pages and the page length to minimize scrolling and display time.
    • Check your spelling! Test your links!

    During this Summer Institute, we would like you to create a web page that will be part of the NYSAFLT web site. You have three choices. Choose one, two, or you can even do all three. Please save your page(s), graphics, etc. on a floppy disk, put your name on the disk, name the first page index.html, and hand it to me at the end of the institute. GOOD LUCK and HAVE FUN!!!!!!!!!!!

    VANITY/RESUME WEB PAGE

    Create a web page telling about yourself. Include a photo of yourself, information about your teaching experience, professional activities, interests, etc.

    LIVING TEXTBOOK WEB PAGE

    The World Wide Web can be considered a "living textbook". It is everchanging and unlimited in information. Pick a textbook topic that you teach. Create a web page that contains textual information & pictures and links to resources on the WWW related to that topic. Using your web site, students will read about, discover, study, and explore an almost unlimited number of resources related to a specific topic.

    LESSON PLAN

    Locate a web site that can be used to teach one of the Standards in your field of instruction. Your lesson plan should include:
    title
    subject area (language)
    population (grade level)
    topic
    curriculum links (NYS Standards)
    objectives
    materials (be sure to list URL & link to URL of the site)
    time
    scope & sequence (procedure)
    skills
    evaluation

    back to top

    USING THE WWW TO TEACH FL

    Advantages of using the WWW to teach:

    1. active participation
    2. hands-on
    3. individualized learning
    4. students go at their own pace
    5. up-to-date
    6. unlimited in content
    7. interactive (communicate)
    8. multimedia
    9. exciting, motivational
    10. encourage continued learning
    11. different learning styles
    12. resources
    13. networking
    14. universal access (rural communities, disabled)
    15. confidence building - risk taking encouraged
    16. Global awareness
    17. alternate presentation of material

    FL teachers are using the WWW to teach language and culture:

    back to top

    Darlene's Group

    Click on the name to check out their first attempt at a web page:

    Joanne A. Robert P. Maryann Bonita Ellen Lizette
    Barbara L. Marie Barbara I. Steven Elissa Barbara W.
    Laura G. Lucy Fiona Aileen Joanne C. Linda B.
    Roxanne Janine William Madelyn Laura D. Caroline
    Barbara B. Richard Robert S. David Ann Maureen

    Tamara's Group 2

    Click on the name to check out their first attempt at a web page:

    Jeanne. Maria Laraine Mabel Kori Janis Norma
    Susanne Don Kathryn M. Patricia P. Linda P. Cynthia Lucy
    Kathryn R. Patricia R. Elaine Bette Phyllis Anne Miriam

    Stevi's Group

    Click on the name to check out their first attempt at a web page:

    Azizeh Gary Michelle Eva Marien Theresa Karen
    Gerard Melissa Jeff Robert L. Deborah Janine M. Bridgette
    Carol Debra Anne S. Linda S. Marilyn Carol W. Stevi

    back to top

    This page was created by Darlene S. Cardillo (Darlene553@aol.com) on July 22, 1997 and updated on August 12, 1997.