E-Learning Portal

von

Dr. phil. Helmuth Sagawe

unter

 www.sagawe.eu/lehre
Universität Heidelberg
Institut für allgemeine  und angewandte Sprach- und Kulturwissenschaft

 


HTML und WebDesign

Vorläufige Themenliste (Änderungen vorbehalten)


Datum

Thema der Veranstaltung

Referent/in

Veranstaltungshinweise /
und obligatorische Aufgaben
 Zum Nachlesen: Unterrichtsinformationen

19 2009

Kurs: A,B

Allgemeine Besprechung
 Einschreibung
Themenbesprechung
 

Jeder Teilnehmer soll sich aus der Themenliste, ein Thema aussuchen und dies im Laufe der Veranstaltung als qualifiziertes WEB-Portal erarbeiten und im WWW präsentieren.
 

Sagawe

 

Bitte schauen Sie sich jeweils die Unterrichts-Informationen an.


 Unterrichts-Informationen:
Unterrichtsinformationen werden jeweils zu jeder Veranstaltung hier
abrufbar sein

1. Abgeschlossen


 2. Themenliste


Bitte hier ein Thema aussuchen

 

 

       

26.10.  2009

Kurs A


2.11.2009

Kurs B

Allgemeine Einführung ins WWW

Erstellung einer ersten einfachen HTML-Seite

mit Hilfe eines Editors

 

Sagawe


Erstellung der Webseiten
HTML-Einführung, kurz und knapp: http://www.web-kurs.de/html/

 

9.11.2009

Kurs A


16.11.2009

Kurs B

Hypertext Markup Language
"HTML"

Erstellung von WEB-Seiten mit einem Editor

 

 

Sagawe / alle

 

 

 

23.11.2009

Kurs A


30.11.2009

Kurs B

Erstellung von WEB-Seiten mit einem Editor
1.
Metatag-Generator

2.
Tabelle als
Gestaltungselement

3.
 Konzept für
 den Inhalt, die Struktur und
 das Layout
von WEB-Weiten

4.
Fotoverarbeitung mit
Fotostudio 2000

 

 

Sagawe

alle

 

 

Konzept
 für  den Inhalt,
die Struktur und 
Layout
von WEB-Weiten

 

Kurs A: Bitte eine mit einem Editor erstellte (in der die Tags im Quelltext selbst geschrieben wurde) als Hausaufgabe an

sagawe@t-online.de

senden!

7.12.2009

Kurs A


14.12. 2009

Kurs B

WEB-Seitenerstellung
 mit
MS-Frontpage

 

Sagawe

 

Kostenloses Webseiten-Erstellungsprogramm, ähnlich wie MS-Frontpage
Nvu Vers. 1.0

http://www.softonic.de/s/frontpage/kostenlos   

 

 

 

 

21.12.2009

Kurs A


11.1.2010

Kurs B


 

 

Sagawe

 
 

 

 

 

18.01.2010

Kurs A


25.1.2010

Kurs B

Sagawe

alle

 

    2.2.2010

Kurs A


2.2.2010

Kurs B

 

 Ausgabe der Bescheinigungen /Noten Abschlussbesprechung

 

 

Sagawe

 
 

 

   
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
       

Die Teilnehmer lernen neben der Gestaltung, dem Aufbau und der Nutzerführung von WEB-Seiten auch konzeptionelle und ästhetische Aspekte der Interaktion im Netz. Dazu werden alle wesentlichen HTML- Elemente angewandt, um sie mediengerecht zur Gestaltung von Web-Seiten einsetzen zu können. Auch werden unterschiedliche Einsatzmöglichkeiten von HTML-Editoren und Grafikwerkzeugen behandelt. Als Leistungsnachweis sollen eigene Web-Seiten mit HTML gestaltet werden.

Konzeptualisierung der Webseiten
Auf Persönlichkeitsanalysen basierende  Konzeptualisierung von Homepages ---> nach Sagawe
Goethes Farbenlehre ---> Farbenlehre
Farbpsychologie und Symbolik  --- > Farbcodes
Allgemeine Bestimmung der Assoziationen ---> Assoziationen
Tutorial: Farben im Webdesign ---> Metacolor

Farbenwähler ---> Farbwähler  

Erstellung der Webseiten
HTML-Einführung, kurz und knapp: http://www.web-kurs.de/html/

Nützliche Dienste
Verschicken von Formularen: http://www.formpost.de

Domain-Namen-Test
STRATO Angebot - Hier klicken!

Bildverarbeitung und Bildformate
Bildformate  

Testen von Webseiten
Seiten-Tester: --->Webseitenanalyse
       www.binc.de - checkt die Keywords Ihrer Homepage
       tools.eintrag.org - Host-Check und Ladezeit-Check
       www.harbeck-is.de/tools/bildschirmgroessen.html - hier können Sie Ihre Webseite in verschiedenen Bildschirmgrößen betrachten
       www.htmlhelp.com/tools/validator - Validator, kann auch gleich die Unterseiten einer Webseite prüfen (bis zu 100 Unterseiten), sehr praktisch!
       links2.info - testet, welche Webseiten zu Ihrer Page verlinken.
       www.kostenlos-ist-geil.de - kostenlose Webmastertools, z.B. Forum, Counter mit Statistik,
              Gästebuch, Shoutbox, Formmailer, Erfolgscheck und Eintragsservice
       gritechnologies.com/tools/spider.go - Poodle Predictor - hier können Sie live testen, wie Ihre Webseite
               von einem Suchmaschinen-Roboter durchsucht werden wird und welche Seiten gefunden werden.
       www.ranking-check.de - Hier können Sie online testen, auf welcher Position Ihre Webseite bei den wichtigsten Suchmaschinen gefunden wird.
       www.seekport.de/seekbot - hier können Sie den Inhalt Ihrer Webseite auf Suchmaschinen-Tauglichkeit prüfen lassen.
       www.tsdesigns.de/de/suchmaschinenoptimierung - verschiedene Tools zur Suchmaschinenoptimierung,
              z.B. Ermitteln des Google PageRanks, Vergleich des eigenen PageRanks mit ähnlichen Webseiten,
              Ermitteln der Backlinks mit Hilfe der größten Suchmaschinen, Prüfen der Eintragshäufigtkeit im ODP/DMOZ.
      www.webdesign-enzmann.de/tools/sitecheck.php) - mit nur 1Klick prüfen Sie Ihre Website auf validen HTML-Code,
              valides CSS, auf tote Links, zeigen den Spider-View und vieles mehr.
     Xenulink - Xenu's Link Sleuth - perfektes Tool zum Prüfen einer Homepage - alle Links (auch von allen Unterseiten) werden genau geprüft, es gibt einen Fehlerbericht.
     Berwertungsformular für ein WEB-Portal (Sagawe)