• Protopage-Zentrale von Elektronische Dokumente

• Zum Protopage-Tutorial

• "Emotionsbarometer"

• Tue April 24 - Deathline WissensCollage

• Sun April 22 - Online Praktikum

• Tue May 8 - deathline B3

• Google

• Wikipedia (nicht wissenschaftlich !)

• Protopage Blog

• Tutorblog Elektronische Dokumente

• Kleines MS Word-Tutorial

• Hilfe und Anleitungen zu MS Word

• Tipps zu MS Word

• Eigene Deckblätter
  • Maja
  • Benjamin
  • Alexander
  • Matthias
    
• Überarbeitete Hausarbeitsteile
  • Maja
  • Benjamin
  • Alexander
  • Matthias

• Gemeinsam erstellte Dokumentvorlage
• Hausarbeit (zusammengefügt)
  

Tastenkombinationen zur Programmsteuerunge

Zur einfachen und zeitsparenden Nutzung von MS Word stellen wir euch hier einige Tastenkombinationen vor:

• F2 Bearbeitugsmodus an/aus
  
• F3  Weitersuchen
• F6  Windows-Explorer anzeigen
• STRG-C  Kopieren
• STRG-D  Halbbyte löschen
• STRG-F  Suchen
• STRG-G  Gehe zu
• STRG-I  Halbbyte einfügen
• STRG-N  Neue Datei
• STRG-O  Datei öffnen
• STRG-P  Optionen anzeigen
• STRG-S  Datei speichern
• STRG-V  Einfügen
• STRG-X  Ausschneiden
• STRG-Z  Aktion rückgängig machen
• STRG-ALT-R Suchen/Ersetzen
• UMSCHALT-STRG-Z Rückgängig gemachte Aktion widerrufen

Der erste Schritt besteht darin, sich Gedanken darüber zu machen, welche Textelemente mit einer bestimmten Formatierung ausgestattet werden sollen. Viele Formatvorlagen werden von Word bereits fertig zur Verfügung gestellt (etwa Überschriften, wenn auch noch bestimmte Änderungen daran vorgenommen werden müssen), andere müssen selbst erstellt werden.

Ein Beispiel ist die Situation, daß in einer Hausarbeit der Text in Courier geschrieben werden soll, man aber zumindest für Literaturverzeichnis und Sachverhalt die besser lesbare Times New Roman verwenden will. Dann müssen wir zwei Formatvorlagen festlegen.

Für eine Hausarbeit dürften etwa folgende verschiedene Textelemente interessant sein:

• Überschriften verschiedener Ordnung
• einfacher Text in der Hausarbeit (der bestimmten Vorgaben entsprechen muß)
• einfacher Text außerhalb der eigentlichen Hausarbeit (z.B. der Sachverhalt), der frei gestaltet werden kann
• Fußnotentext

Wenn Sie sich etwas mit diesem Thema beschäftigen, fallen Ihnen sicher noch weitere Bereiche ein. Wichtig ist zweierlei:

1. Trennen Sie nach Strukturen, nicht nach Aussehen! Sie wissen nie vorher, ob Sie Gutachtentext und Sachverhalt nicht doch noch unterschiedlich formatieren wollen, auch wenn momentan beides gleich aussieht. Wenn für beide eigene Formatvorlagen definiert sind, können Sie später mit wenigen Handgriffen alles so einrichten, wie Sie wollen.
2. Weisen Sie konsequent jedem Wort die passende Formatvorlage zu. Wenn Sie dies gleich beim Schreiben beachten, sparen Sie sich später viel Arbeit.

Verwenden Sie möglichst für den Text der Arbeit (die normalen Absätze zwischen den Überschriften) eine eigene Formatvorlage, nicht die von Word bereitgestellte Formatvorlage "Standard". Diese ist nämlich die Grundlage aller anderen Formatvorlagen, so daß es unvorhersehbare olgen hat, wenn Sie dies einmal ändern müssen, um z.B. eine Längenvorgabe einhalten zu können.

Leider müssen Sie diese neue Vorlage (sie könnte z.B. "Textkörper" heißen) immer per Hand zuweisen, wenn Sie eine neue Überschrift eingefügt haben.

Normalerweise wird man, um eine Überschrift etwa in einer anderen Schriftart zu fomatieren oder sie zu unterstreichen einfach den entsprechenden Befehl direkt auswählen. Ein einheitliches Bild des Dokuments läßt sich aber viel einfacher realisieren, wenn man Formatvorlagen verwendet, die man immer wieder verwenden kann.

Mehr noch: Man kann eine Dokumentvorlage erstellen, die bestimmte Formatvorlagen enthält, so daß diese nur einmal erstellt werden müssen.

• Markieren Sie den Text, den Sie als eine neue Formatvorlage erstellen möchten. Angenommen, ein Begriff "Baum" soll immer als Überschrift 1 in roter Schrift in Ihrem Dokument angezeigt werden.
• Klicken Sie auf der Minisymbolleiste, die über der Auswahl angezeigt wird, auf Überschrift 1 und Rot, um den Text zu formatieren.
• Klicken Sie mit der rechten Maustaste auf die Auswahl, zeigen Sie auf Formatvorlagen, und klicken Sie auf Auswahl als neue Schnellformatvorlage speichern.
• Geben Sie der Formatvorlage einen Namen, z. B. "Baum", und klicken Sie dann auf OK. Die neu erstellte Formatvorlage wird unter dem gewählten Namen im Schnellformatvorlagen-Katalog angezeigt und kann jederzeit von Ihnen angewendet werden, wenn Sie den Begriff "Baum" eingeben oder wenn Sie Text als Überschrift 1 in roter Fettschrift formatieren möchten.

Welche Formatvorlage jeweils für einen Teil Ihres Textes gilt, können Sie in der Symbolleiste sehen. In dem Feld links von der Schriftart wird sie angezeigt, wenn Sie mit dem Cursor auf dem entsprechenden Buchstaben stehen. Wenn Sie wissen wollen, ob die Formatvorlage für den ganzen Absatz (das ganze Wort) gilt, müssen den entsprechenden Textbereich markieren.

• Wenn der Aufgabenbereich Formatvorlagen und Formatierung nicht geöffnet ist, klicken Sie auf der Formatsymbolleiste auf Formatvorlagen und Formatierung .
• Klicken Sie im Aufgabenbereich Formatvorlagen und Formatierung auf Neue Formatvorlage.
• Geben Sie im Feld Name einen Namen für die Formatvorlage ein.
• Klicken Sie im Feld Formatvorlagentyp auf Absatz, Zeichen, Tabelle oder Liste, um die Art der Formatvorlage, die erstellt wird, anzugeben.
• Wählen Sie die gewünschten Optionen aus, oder klicken Sie auf Format, um weitere Optionen anzuzeigen.

• um auf diese Bereiche zuzugreifen und Informationen hinzuzufügen, klicken Sie im Menü Ansicht auf Kopf- und Fußzeile
• bei der ersten Ausführung dieses Befehls wird von Word eine leere Kopf- und Fußzeile geöffnet und i der Cursor in der Kopfzeile platziert
  
• außerdem erscheint ein Menüfeld das ein schnelles bearbeiten der Kopf- & Fußzeilen ermöglicht, dort können z B. Seitenzahlen, Anzahl der Seiten oder Informationene wie Uhrzeit und Datum einfach bearbeitet werden
  

Eine Dokumentvorlage kann folgendes enthalten:

• selbst erstellte oder abgeänderte, mitgelieferte  Formatvorlagen in Word also Absatzvorlagen, Zeichenvorlagen, Rahmenvorlagen, Seitenvorlagen, Listenvorlagen.

• Makros

• alle Art Text und  Objekte, die in normalen Dokumenten vorhanden sein können

• selbst definierte Befehle wie z.B. Nummernkreise

• Einstellungen für Menüs

• Seitezahlen werden niemals manuell mit Sonderzeichen (z.B.:Bindstriche) und Nummer eingefügt.

• Hierfür stellt Word die Option "Seitenzahlen" bereit.

• unter Einfügen ► Seitenzahlen in der Menüleiste können Seitenzahlen direkt erstellt werden

• unter Format können die Seitenzahlen formatiert und verschiedene Einstellungen vorgenommen werden, wie der Beginn der Seitenzahlen bei einer bestimmten Ziffern
  

• Zeichen werden niemals mit "Tab" oder "Leerzeichen" eingerückt
  
  
• Hierfür gibt es in der Taskleiste die Option Format, danach Absatz
• im Fenster direkt kann man nun einstellen, wie weit die Zeichen eingerückt werden sollen
  
  
• Das Einrücken ist auch mit Formatvorlagen möglich (siehe oben)
  

• In MS Word wird der Zeilenabsatz automatisch vorgenommern, deshalb ist es nicht zulässig die einzelnen Zeilen durch drücken der "Enter" Taste zu beenden.

• "Enter" ist nur am Ende eines Absatzes zulässig

• Manuelle Zeilenumbrüche innerhalb eines Absatzes werden mit "Shift" + "Enter" realisiert.
  

• unter Einfügen ►Manueller Umbruch in der Menüleiste kann dies realisiert werden

• oder durch das betätigen von "Strg + Enter"
  

• Trennstriche werden nicht mit dem Druck auf die Bindestrichtaste eingefügt.
  
  
• Zum Erzeugen von Trennstrichen benutz man "Strg" und "Bindestrichtaste"
  ( Bei Wörtern, die am Ende der Zeile getrennt werden).
  
  
• Trennstriche zwischen zwei Silben verschwinden so automatisch,  wenn sich der Zeilenfall im Dokument ändert.

• Listen werden nicht manuell mit zum Beispiel „Bindestrichen“ oder „Sternchen“ erstellt.
  
  
• Zur Erstellung von Listen und Gliederungen hält Word zahlreiche Möglichkeiten bereit.
  
  
• Du gehst in der Taskleiste auf die Option "Format". Dann wählst du "Nummerierung und Aufzählungszeichen" aus.
  
  
• Hier findest du verschiedene Möglichkeiten zur Erstellung von:
  
  

  • Aufzählungslisten

  • Nummerierungen

  • Gliederungslisten

  
  
• Unter der Option „Listenformatvorlagen“ kannst und solltest du eigene Formatvorlagen für Listen erstellen.

1. dazu muss in einem neuen Dokument unter Ansicht ► Gliederung in die Gliederungansicht gewechselt weren
2. um eine nummierte Gliederung zu erstellen, muss in der Menüleist Format ► Nummierung und Aufzählungszeichen die Registerkarte Gliederung angeklickt werden
3. es wird auf ein nummiertes Listenformat geklickt und anschließend auf ,,OK''
4. die erste Nummer der Liste wird im Dokument angezeigt
5. dort werden nun alle nötigen Gliederungspunkte mit jeweiligen drücken der Eingabetaste erstellt
6. aufeinander folgende Nummerierungen werden am Beginn einer Zeile jeweils automatisch auf derselben Ebene eingefügt
7. um ein Element der Gliederung auf die gewünschte Nummerierungsebene zu verschieben, muss eine der folgenden Aktionen ausgeführt werden: 

   • Ein Element wird tiefer gestuft, indem auf eine Listennummer und dann auf Einzug vergrößern klicken.

   • Ein Element wird höher gestuft, indem auf eine Listennummer und dann auf Einzug verkleinern klicken

8. um bei einem Gliederungpunkt die Gliederungsebene zu veränder, muss der Cursor auf den entsprechende Gliederungspunkt gesetzt werden und in der Gliederungsymbolleiste Höher stufen oder Tiefer stufen  geklickt werden, bis dem Gliederungspunkt die gewünschte Ebene zugewiesen ist
9. um einem Gliederungspunkt an eine andere Position zu verschieben, muss der Cursor auf diesen gesetzt werden und Nach oben oder Nach unten  in der Gliederungssymbolleiste geklickt werden, bis sich dieser an der gewünschten Position befindet
10. ist die Gliederung erstellt, wechseln sie zu Normalansicht, Seitenlayoutansicht oder Weblayoutansicht um den Text oder Grafiken hinzu zu fügen

• Zur Erstellung eines Inhaltsverzeichnisses ist es nicht nötig auf manuellem Wege die Kapitel und einzelnen Abschnitte der Hausarbeit zu benennen und tabellarisch anzulegen
  
  
• Viel einfacher, schneller und langhaltig korrekter geht dies über den Reiter "Einfügen", Dort unter "Referenzen" und "Index und Verzeichnisse" (MS Word 2003) können nun die Einstellungen gemacht und ein individuelles Design ausgewählt werden
  
  
• Mit Hilfe von Formatvorlagen, die durch die Überschriften  genutzt werden, kann so ein Inhaltsverzeichnis erstellt werden, dass Änderungen im Text direkt aufnimmt und die Seitenzahlen auf denen sich die einzelnen Abschnitte befinden automatisch korrigiert.

Über "Optionen" in "Index und Verzeichnisse" kommt man zu diesem Fenster, welches verschiedene Möglichkeiten zur endgültigen Erstellung aufzeigt. Man hat die Möglichkeit das Inhaltsverzeichnis unterschiedlich  entstehen zu lassen.  Zum einen mit der oben beschriebenen Methodik der "Formatvorlagen" für Überschriften, zum zweiten per "Gliederungsebene", wobei den einzelnen Abschnitten manuell eine Strukturebene zugewiesen wird und schliesslich mit Hilfe von "Verzeichniseintragsfeldern". 

• Kommentare:

Hierfür hält Word das Modul „Überarbeiten“ bereit.

Dort kann man Kommentare an markierten Stellen einfügen/ löschen/ überarbeiten.

Über die Option „Ansicht“ in der Taskleiste und dann auf „Symbolleisten“ kommt ihr zum Modul „Überarbeiten“

• Änderungen:

• SELF HTML - die ultimative Infoseite

• HTML und CSS Tutorials

• Beispiel Styles von Websiten erklärt

• Umfangreiche Website zum Thema Barrierefreiheit

• CSS- Befehle (Übersicht)

• Metti
• Alex korrigiert
  
• Alex kommentiert
  
• Benny
• Maja
  

HTML ist das Format, in dem die Text- und Hypertext-Informationen im WWW gespeichert und übertragen werden.

HTML-Files können mit einfachen Text-Editoren oder mit speziellen Hilfsprogrammen erstellt oder aus bestehenden Dokumenten oder Datenbanken umgewandelt werden.

• Dokumenttyp-Deklaration (Angabe zur verwendeten HTML-Version)
• Head (Kopfdaten. z.B. Angaben zu Titel u.ä.)
• Body (Körper - anzuzeigender Inhalt, also Text mit Überschriften, Verweisen, Grafikreferenzen usw.)

Der gesamte übrige Inhalt einer HTML-Datei wird in die Tags <html> (einleitendes Tag) bzw. </html>(abschließendes Tag) eingeschlossen.

Das html-Element wird auch als Wurzelelement einer HTML-Datei bezeichnet. Hinter dem einleitenden HTML-Tag folgt das einleitende Tag für den Kopf <head>. Zwischen diesem Tag und seinem Gegenstück </head> werden die  Kopfdaten einer HTML-Datei notiert.

Unterhalb davon folgt der Textkörper, begrenzt durch <body> bzw. </body>.

• welche Elemente ein Dokument vom Typ HTML enthalten darf
• welche Elemente innerhalb von welchen anderen vorkommen dürfen
• welche Attribute zu einem Element gehören
• ob die Angabe dieser Attribute Pflicht ist oder freiwillig usw.

• W3C ist der Herausgeber der DTD, also das W3-Konsortium
• eine Angabe wie DTD HTML 4.01 Transitional bedeutet, dass Sie in der Datei den Dokumenttyp "HTML" verwenden, und zwar in der Sprachversion 4.01 und deren Variante Transitional
• das EN ist ein Sprachenkürzel und steht für die Sprache, in diesem Fall Englisch (bezieht sich darauf in welcher Sprache die Element- und Attributnamen der Tagsprache definiert wurden und nicht auf den Inhalt der Datei)
  

Der Head der Datei ist meist der Teil im Hintergrund, den man kaum zu sehen bekommt. Hier werden die Dinge festgelegt, welche nicht so sehr das Aussehen und/oder die Struktur des Dokuments behandeln. Im head-Element sind folgende weitere Elemente möglich:

• Seitentitel/-name
• SkripteStyleSheets
• Meta-Angaben
• Bezüge zu anderen Seiten
• Basiseigenschaften

In dessen "Gültigkeitsbereich" wird dann der eigentliche Inhalt der Datei notiert, also das, was im Anzeigefenster des WWW-Browsers angezeigt werden soll, wie z.B.:

• Texte
• Grafiken
• Tabellen
• Töne, etc.

• <h[1-6]> (h = heading = Überschrift) leitet eine Überschrift ein, die Nummer steht für die Überschriftenebene, 1 ist die höchste Ebene, 6 die niedrigste, dahinter folgt der Text der Überschrift.

• </h[1-6]> beendet die Überschrift und steht am Ende des Überschriftentextes

• die Nummern von einleitenden und abschließenden Tags müssen identisch sein

• jede Überschrift ist ein eigener Absatz, d.h. vor und nach Überschriften sind keine Absatzschaltungen nötig

• Überschriften werden linksbündig ausgerichtet, wenn nichts anderes angeben ist, sie können auch zentriert oder rechtsbündig ausgerichtet werden, sowie im Blocksatz

• Überschriften,
  
• Textabsätze oder
  
• Listen
  

• das alleinstehende Tag am Ende der vorherigen Zeile
• in einer eigenen Zeile oder
  
• am Anfang der folgenden Zeile steht

• bei einer Aufzählungsliste werden alle Listeneinträge mit einem Aufzählungszeichen (Bullet) versehen
• wie das Bullet dargestellt wird, bestimmt dabei der Web-Browser
• <ul> leitet eine Aufzählungsliste ein (ul = unordered list = unsortierte Liste)
• mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag)
• </li> beendet den Listeneintrag
• </ul> beendet die Liste

.Das Verschachteln von Listen ist ebenfalls möglich. Das bedeutet, dass zwischen <li> und </li> eine komplette weitere Liste stehen darf, auch andere Listentypen sinddabei erlaubt.

• bei einer nummerierten Liste werden alle Listeneinträge automatisch durchnummeriert
• <ol> leitet eine nummerierte Liste ein (ol = ordered list = nummerierte Liste)
  
• mit <li> beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag)
• </li> beendet ebenfalls den Listeneintrag der nummerierten Liste
• das abschleißende Tag </ol> beendet wiederum die nummerierte Liste
  

Wenn man HTML-Dateien fürs Web erstellt, sollte unbedingt darauf geachten werden, dass die darin referenzierten Grafiken nicht zu groß sind, denn aufwendige Grafiken verursachen lange Ladezeiten.

Dies kann verhindert werden durch:

• Reduzierung der Farben in den Grafiken
• Verringerung der Bildgröße
  
• Verringerung der Grafik-Referenzen in einer einzige HTML-Datei
  

Grafiken sind aus HTML-Sicht Inline-Elemente . In der "Strict"-Variante von HTML müssen solche Elemente innerhalb von Block-Elementen vorkommen, etwa in einem Textabsatz oder einem allgemeinen Bereich oder auch einer Tabellenzelle.

Die Nutzung von CSS bringt viele Vorteile mit sich:

• Aktueller Standart
• Trennung von Inhalt und Layout
• Verbessert die Übersicht im html- Code
• Bietet mehr gestalterische Möglichkeiten, als html
• Ermöglicht eine komplette Designänderung im großen Stil in wenigen Schritten (Redesign)
• Ermöglicht das Erstellen von barrierefreien Seiten

mehr dazu findest du hier

Nachteil: unterschiedliche Unterstützung durch Browser (am Besten nicht alle CSS-Definitionen einsetzten)

Es gibt verschiedene Möglichkeiten CSS in html einzubinden.

• Externe Styles
• Eingebettete Styles im html- Dokument
• Inline- Styles

Damit die Styles der externen Dateien auf der gesamten Webseite verfügbar sind und somit verwendet werden können, kann man mittels eines Links auf die Datei verweisen oder sie importieren.

1. Link:
   Mittels Link auf die *.css Datei verweisen:
   
   <head>
          <link rel="stylesheet" type="text/css" href= "name_der_datei.css">
   </head>
   
   
2. Importieren:

<head>

<style type= "text/css">

@import url ("name_der_datei.css");

</style>

</head>

1. Geschweifte Klammern
   Styles sind in der Regel (außer Inline-Styles) an den geschweiften Klammern zu erkennen. Vor der beginnenden Klammer steht ein sogenannter Sektor (in html = Tag).
   
   
2. Doppelpunkt
   Ein weiteres Element der Syntax, ist der Doppelpunkt, welcher die Eigenschaft vom zuzuordnenden Wert trennt (in html = Gleichheitszeichen).
   
   
3. Semikolon
   Nach dem Wert wird ein Simikolon eingetragen. Auf diese Weise können mehrere Attribute hintereinander zusammengefasst werden.

Eingebettete Styles werden bereits im Kopf <head> deklariert und haben damit für die gesamte Webseite Gültigkeit.

Die Definition erfolgt zwischen den Tags <style> und </style> . Die Angabe type="text/css" weist darauf hin, dass es sich um ein Stylesheet handelt.

<head>

<style type="text/css">

h3 {

color: red;

font-family: Arial; <!-- Definition der Atrtribute -->

}

</style>

</head>

Inline- Styles werden den einzelnen html- Tags mittels dem Style- Attribut  zugewiesen und haben nur für diesen einen Eintrag Gültigkeit. Bei dieser Art von Styles kann man auf die geschweiften Klammern verzichten.

<h3 style= "color: red; font- family: Arial ; ">

Beispiel

</h3>

Diese Form der Einbindung ist nur für weniger umfangreiche Webseiten geeignet, da man auch hier wieder jedem einzelnen Tag das Style zuweisen muss (einmalige Formatierung).

Hinweis: Diese Art von Formatierung wird gegenüber externen Definitionen bevorzugt.

Damit die Styles der externen Dateien auf der gesamten Webseite verfügbar sind und somit verwendet werden können, kann man mittels eines Links auf die Datei verweisen oder sie importieren.

1. Link:
Mittels Link auf die *.css Datei verweisen:

<head>
       <link rel="stylesheet" type="text/css" href= "name_der_datei.css">
</head>

2. Importieren:

<head>

<style type= "text/css">

@import url ("name_der_datei.css");

</style>

</head> 

Damit nicht jedes einzelne Tag einzeln formatiert werden muss, hat man die Möglichkeit, mit Bereichen zu arbeiten.

1. <div> ... </div>
2. <span> ... </span>

Der Unterschied zwischen diesen zwei Elementen besteht darin, dass nach dem </div> ein Zeilenumbruch erfolgt. Nach </span> ist das nicht der Falle, deswegen kann dieses Tag auch im Fliestext untergebrachte werden.

Das Tag <div> wird verwendet um mehrere Tag einzuschließen.

Man kann sich damit ersparen, die CSS-Anweisung jedem einzelnen Tag zuzuweisen.

<div style= "color: red;">

<h3> Beispiel </h3>

<p> Erster Absatz </p>

<p> Zweiter Absatz </p>

</div>

Das Tag <span> kann innerhalb eines Tag verwendet werden, um eine Textabschintt anzusprechen.

<p>

Nur

<span style= "color: red ; " zwei W&ouml;rter </span>

sollen rot geschrieben werden.

</p>

• Ein Start-Tag wird immer mit dem dazugehörigen End-Tag geschlossen.

• Aus Kompatibilitätsgründen zu XHTML wird empfohlen auch Elemente ohne Inhalt

• Aus Kompatibilitätsgründen zu XHTML wird empfohlen Element- und Attributnamen

• Setzen Sie Attributwerte immer in Anführungsstriche (z.B. src=“blume.jpg“ oder

• Verwendet  immer Entitäten
  

• Für die Verlinkung von elektronischen Dokumenten in einer HTML-Seite ist die korrekte

• Hierbei werden absolute von relativen Pfaden unterschieden. Hyperlinks zu externen

• Ebenfalls essentiell ist die Groß- und Kleinschreibung der verlinkten Dokumente.

• an der Stelle <a title "Beschreibung" gibt man eine Beschreibung des Links an
• der Befehl target="_blank" dient dazu, dass sich der Link in einem neuen Fenster öffnet
• hinter href= wird der Zielpfad angegeben. Nicht vertippen!
• Welcher Text auf der Website als Link sichtbar sein soll, gibt man mit >Name an
• die fertige Verlinkung muss mit </a> geschlossen werden

• Nicht alle HTML-Eigenschaften und CSS-Regeln funktionieren in jedem Browser. Es

• Horizontale Scrollleisten sind nicht benutzerfreundlich. Durch Verwendung von h. S.