Goethe-Institut Webshop at the University of Texas at Arlington

Goethe-Institute Houston
World Wide Web Workshop

http://www.uncg.edu/~lixlpurc/publications/GerWebEx.html

Andreas Lixl

Design of German Web Sites and Exercises

Outline: I. Design of Web Cover Pages | II. Übung: Designing a Web Cover Page | III. Introduction to Web Course Design | IV. Übung: Designing a Web Course Page | V. Creating Web Exercises | VI. Übung: Designing a Web Exercise | VII. Weitere Hinweise

I. Design of Web Cover Pages. Models, HTML Fundamentals

A. Web Design Fundamentals: The Cover Page

B. Web Scripting Fundamentals: Hyper-Text Mark-up Language, HTML

Creating Web Pages can be made easy and convenient with HTML editors such as Microsoft Word 6.0, Claris Home Page, Netscape Gold and other HTML software. You can also write your own HTML code without the help of any software. For German introductions to HTML, consult these web sites: Texte formatieren, deutscher HTML-Crashkurs und WWW-Style Guide.

  1. Selecting Backgrounds and Colors. Hintergründe und Textfarben. For background colors use this HTML code: <body bgcolor="#FFFFFF"> This produces a white page because #FFFFFF is the code for white. To change the text color, write: <body text="#000000"> This produces black text because the color code #000000 indicates black.
    For background images, use this HTML code: <body bgcolor="#FFFFFF" background="file-address/background.gif">

     

  2. Providing Links to other Web Sites (i.e. HTML tutorials for students), including German Studies Trails [<a href="http://www.uncg.edu/~lixlpurc/german.html"> German Studies Trails</a>], and Robert Shea's German Resources [<a href="http://www.serve.com/shea/germany.htm"> Robert Shea's German Resources</a>]

     

  3. Incorporating Images into Web Pages. Hinweise zum Formatieren von Grafiken
    <IMG SRC="images/german.gif" WIDTH=44 HEIGHT=42 BORDER=0 ALIGN=middle>

     

  4. Creating Tables. Einführung in HTML-Tabellen

    texts and images

    <TABLE BORDER=1 CELLSPACING=1 CELLPADDING=1 WIDTH="65%">
    <TR><TD>texts and images</TD>
    <TD> ------ </TD></TR>
    </TABLE>



II. Übung. Designing a Web Cover Page

This cover page should function as a web directory to all your courses and teaching endeavors. It can be an expanded version of your departmental faculty page or your home page. Models, samples, and design suggestions can be found in section A abobe. The fundamental HTML script for such a page is quoted below:

<HTML>
<HEAD> <TITLE>XY Faculty Cover Page for XY Univ. Courses</TITLE> </HEAD>
<BODY>

Your web document starts here. The shorter, less complicated and unclustered your page design, the faster it will load on the screen. The web cover page should include some of the following contents matter.

your contact information

your e-mail address<A HREF="mailto:name@server.univ.edu">

a list of the courses you teach this semester

a table with your course directory: links to recent courses, syllabi, and lab information you put on the web

a small color picture of yourself

useful study links to subject related materials for your students and all interested cyber visitors

links to your departmental home page

biographical information to personalize this web site

link to your university home page

extra-curricular study opportunities on campus: study-abroad office, film series, language labs, media labs, etc.

link to your Curriculum Vitae

links to online course registration

the http address of your web cover page

date you last modified this page

other

</BODY>
</HTML>

III. Introduction to Web Course Design. Models, Samples, Resources

  1. Extended Syllabus Model provides students with faculty home pages and links to departmental course schedules. The web simply functions as an extension of the course catalogue, and as a digital directory to access faculty e-mail and course descriptions. This model requires the creation of faculty home pages, and exporting course catalog materials into the web.

    Sample 1. German 363. Medienkultur. Janet Swaffar, U of Texas at Austin
    Sample 2. Sprechakttheorie. Bernd Naumann, Universität Erlangen-Nürnberg
    Sample 3. Course Handbook on the web. U of Wales Swansea, UK
    Web Sites of International German Departments and Faculty

  2. Multimedia Exhibit Model utilizes the web as a multimedia gallery to exhibit course materials, study trails, resources, and links to research collections. The Internet functions as an interactive reference and distribution center to augment classroom activities. This model requires the creation of a special web site for every course.

    Sample 4. Anne Green's Course Webs at Carnegie Mellon University
    Sample 5. German 306. Film und Massenmedien. Andreas Lixl, UNCG
    Sample 6. Foreign Language Class Pages at U of Texas Arlington
    Course Webs of Goethe-Institut Sprachkurse in Deutschland
    German lessons of the Max Kade Center Learning about Germany

  3. Integrated Web Model incorporates cyberspace resources as integral components of the course. Class units, readings, discussions, and compositions are combinded with online explorations and simulations. Didactic web designs allow students to explore, expand, and exhibit their course related inquiries on the net. The web funnctions as a multimedia learning and research laboratory to enhance the classroom agenda.

    Sample 7. Intensivkurs für Anfänger. Donna Van Handle, Mount Holyoke College
    Sample 8. Deutsche Zivilisation. Dave Shepherd, American University
    Sample 9. Intermediate German Web Lessons. Internet Chronik. Andreas Lixl, INCG

  4. Virtual Course Model allows students to enroll and participate in courses designed and taught for campus as well as off-campus audiences. The multimedia environment can expand and/or replace the classroom. Long distance instruction, consultation, and evaluation covers all aspects of the course.

    Sample 10. Deutsche Kulturkunde (Entwurf). Andreas Lixl, UNCG
    Sample 11. OnLine Education. Long Distance Business Courses, Hongkong
    Sample 12. Bill Link's History Course Web

    Commercial Software for Building Course Webs

 

IV. Übung: Designing a Web Course Page

Web Course Template: Course Title, Instructor, University

Course Information

Instructor

Course Requirements

Class Policies

Course Schedule

Reading Schedule

Assignments

Web Links


here: brief course description with appealing image, and
links back to your Web Cover Page or Home Page, and your department's page.

 

Please send comments to your.e-mail.address@univ.edu

The HTML script for this template may be copied: <HTML><HEAD><TITLE>Web Course Template </TITLE> </HEAD><BODY BGCOLOR="#FFFFFF"> <P ALIGN=CENTER> <FONT SIZE=5>--- </FONT>Web Course Template <FONT SIZE=5> ---</FONT> </P> <P ALIGN=CENTER><FONT SIZE=5> Course Title, Instructor's Name, University Logo</FONT></P> <P><TABLE BORDER=1 CELLPADDING=1 WIDTH="100%" bgcolor="#FFFFFF"> <TR><TD><P ALIGN=CENTER><FONT SIZE=2>Course Information </FONT> </TD> <TD><P ALIGN=CENTER> <FONT SIZE=2> <A HREF="http://www.instructor.html">Instructor </A> </FONT></TD> <TD><P ALIGN=CENTER> <FONT SIZE=2> <A HREF="http://www.course-req.html"> Course Requirements</A> </FONT></TD> <TD><P ALIGN=CENTER><FONT SIZE=2> <A HREF="http://www.class-pol.html"> Class Policies</A></FONT></TD> <TD><P ALIGN=CENTER><FONT SIZE=2> <A HREF="http://www.course-sched.html">Course Schedule</A> </FONT></TD> <TD><P ALIGN=CENTER> <FONT SIZE=2> <A HREF="http://www.read-sched.html">Reading Schedule</A> </FONT> </TD> <TD><P ALIGN=CENTER> <FONT SIZE=2> <A HREF="http://www.assignments.html"> Assignments </A> </FONT></TD> <TD> <P ALIGN=CENTER> <FONT SIZE=2> <A HREF="http://www. links.html"> Web Links</A> </FONT> </TD></TR> </TABLE></P> <P><HR></P> <P ALIGN=CENTER>brief course description with appealing image, and <BR>links back to your Web Cover Page or Home Page, and your Department's Page.</P> <P><HR></P> <P><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%"> <TR> <TD> <P ALIGN=CENTER> <A HREF="http://LOGO HERE"><IMG SRC="http://YOUR UNIV LOGO HERE.gif" WIDTH=150 HEIGHT=32 BORDER=0 ALIGN=bottom vspace=5> </A> </TD><TD> <P ALIGN=CENTER> Please send comments to <I><A HREF="MAILTO:">your.e-mail.address@univ.edu</A></I> </TD> </TR> </TABLE></P></BODY></HTML>

 

V. Creating Web Exercises

German Exercise Models on the Web

  1. Ausflugsmodell: offline instruction - online excursion - offline report. Designate web excursion sites, and let students take an online tours. Thes immersions can include museum visits, online slide exhibits, sightseeing or shoping trips. Fill-ins or essay questions conclude the excursion. Adolph Hofmann, Berlin 1945-1989; Anna DiBella, Web Exercises for 1st and 2nd Year Students; Peter Gölz, Radtour

  2. Pistenmodell: offline instruction - online excursion - offline report. Design an exercise, provide a collection of web links, and let students surf the Internet slopes in search of materials. This is followed up by written or oral reports. Lizz Kaplan, Internet Übungen; Hans Tüngler, Fußball-Bundesliga; Andreas Lixl, Sport und Alltag; und Internet Chronik

  3. Recherchenmodell: online instruction - online excursion - offline report Post an exercise topic, provide easy access to search engines, and let students discover information. This student-centered format always generates the latest web materials. Student reports, or the construction of topical web sites conclude the exercises. Goethe-Institut, Deutsch lernen mit dem Jugendmagazin jetzt online; Andreas Lixl, Netzspiegel

  4. Onlinemodell: online instruction - online excursion - online report. Assignments are posted online, with links to provide easy access to multimedia materials. Following the inquiries, students compose reports, essays or web catalogues, and post their findings online in the form of web essays, bulletin board entries, and listserv e-mails. Andreas Lixl, Deutsche Kulturkunde; G. Miklitz, Lernforum Deutsch; Goethe-Institut, Internet-Lernwelten

 

VI. Übung: Designing a Web Exercise

Entwerfen Sie eine Netzübung (Grundstufe, Mittelstufe oder Oberstufe) zu einem Themenbereich aus der Liste oder zu einem Kursthema Ihrer Wahl. Verwenden Sie Suchmaschinen und Links in der Liste zum schnellen Einstieg ins Thema. Dauer der Netzübung: etwa 40-50 Minuten

Titel der Übung:

_______________________________________

Sprachstufe:

_______________________________________

Anleitungen:

_______________________________________

Auswertung:

_______________________________________

Übungsbereiche mit Links zum Einstieg ins Thema

1. Deutschsprachige Literaturmagazine

14. Multikulturelles

2. Berlin

15. Mittelalter

3. Deutsche Kulturkunde

16. deutsche Einheit

4. Landeskunde

17. Handel und Wirtschaft

5. Kaufhäuser

18. Trends

6. Schulen und Universitäten

19. Musik und Theater

7. Freizeit

20. Aufklärung

8. Wissenschaft und Technik

21. Frauen im Vormärz

9. Gesundheit

22. Literatur

10. Germanen

23. Biografien

11. Natur

24. Architektur und Kunst

12. Tourismus

25. Märchen und Legenden

13. Deutschsprachige Massenmedien

26. Eigenes Thema, Sonstiges

Deutschsprachige Suchmaschinen und Suchhilfen

Lycos.de Suche

Crawler.de Suche

Yahoo.de Suche

Recherche Agent

AOL Katalog

WEB.DE Suche

FOCUS Suche

DINO Suche

Alta Vista

Accelcom Index

SPIEGEL Suche

Karte dt. Server

VII. Weitere Hinweise

 

Back to Home Page for German Web Sites and Exercises
Multimediale Entwürfe für den Online-Unterricht
http://www.uncg.edu/~lixlpurc/publications/UTALixl.html

Andreas Lixl, November 1997

 

Dr. Pete Smith. UTA Workshop Lab Site