• TU-Ilmenau HP

• Protopage Blog

• All about Brot

• Roter Ranger Kai

• Schwarzer Ranger Falk

• Blauer Ranger Eugen

• Goldener Ranger Sebastian

• Gelber Ranger Enti

• Pink Ranger Clara

• Wed April 25 - Schokopudding essen

• Du sollst Zeichen nicht mit einem Druck auf „Tab“ oder die „Leertaste“ einrücken. Word kennt dafür die Option „Einzug“ zum Befehl „Absatz“ (FORMAT ► ABSATZ…).

• Du sollst einzelne Zeilen nicht durch einen Druck auf „Enter | Return“ beenden (Abschnittswechsel am Ende jeder Zeile). Diese Taste ist nur für das Ende eines Absatzes notwendig – den Zeilenumbruch erledigt Word automatisch. Manuelle Zeilenumbrüche innerhalb eines Absatzes können mit „Shift+ Enter“ realisiert werden.

• Du sollst (Seiten)-Umbrüche nicht durch mehrfaches Drücken auf „Enter | Return“ erzeugen. Word stellt verschiedene Arten von „Manuellen Umbrüchen“ zur Verfügung (Einfügen ► Manueller Umbruch…). Ein Manueller Seitenumbruch kann z.B. auch mit „Strg + Enter“ erzeugt werden.

• Du sollst Trennstriche nicht mit einem Druck auf die Bindestrichtaste einfügen. Trennstriche werden mit „Strg“ + „Bindestrichtaste“ erzeugt. Nur diese Trennstriche verschwinden zwischen zwei Silben, wenn sich der Zeilenfall ändert.

• Du sollst nicht wild im Text herumformatieren (Direkte Formatierung). Die Textformatierung sollte überwiegend mit Formatvorlagen erfolgen. Dazu ist es nicht unbedingt notwendig benutzerdefinierte Formatvorlagen zu erstellen. Die Einstellungen der systemseitigen Formatvorlagen (z.B. „Standard“ oder „Überschrift 1“) können nach Belieben angepasst werden (FORMAT ► FORMATVORLAGEN UND FORMATIERUNG…). Der gleichnamige Aufgabenbereich wird sichtbar. Bei Bedarf können „Alle Formatvorlagen“ unter ANZEIGEN eingeblendet werden. Eigenschaften einzelner Formatvorlagen können über das KONTEXTMENÜ „ÄNDERN…“ angepasst werden.
• Siehe oben beim Abschnitt "Formatvorlagen" !
  

• Du sollst Listen nicht manuell mit z.B. „Sonderzeichen“ oder der Bindestichtaste erstellen. Word bietet Ihnen zur Erstellung von Listen und Gliederungen zahlreiche Möglichkeiten im Dialogfeld „Nummerierung und Aufzählungszeichen“ (FORMAT ► NUMMERIERUNG UND AUFZÄHLUNGSZEICHEN…). Hier können einfache Aufzählungslisten, Nummerierungen und Gliederungslisten erstellt werden. Unter dem Reiter „Listenformatvorlagen“ können und sollten eigene Formatvorlagen für Listen erstellt werden.

• Du sollst dein Dokument nicht rein visuell mit römischen oder arabischen Ziffern gliedern. Zur strukturierten Gliederung eines Dokumentes sollten Sie Gliederungsebenen verwenden (ANSICHT ► GLIEDERUNG). Die Gliederungsansicht dient zur Kontrolle und Korrektur von Ebenen oder zum Konvertieren zwischen Textkörper und Ebenen.
  
• Tipp: Benutzen Sie die systemseitigen Formatvorlagen „Überschrift 1 … n“ (falls Ihnen die Formatierungen nicht gefallen, wissen Sie schon, dass sie auch diese systemseitigen Formatvorlagen nach belieben anpassen können).
  
• Vorteil: Diesen Formatvorlagen sind systemseitig schon Gliederungsebenen zugewiesen.

• Du sollst Kopf- und Fußzeilen nicht manuell durch „Copy & Paste“ auf jeder Seite neu erstellen. Verwenden Sie die Ansicht „Kopf- und Fußzeile“ (ANSICHT ► KOPF- UND FUßZEILE) um Elemente zu Positionieren, die auf jeder Seite eines Abschnittes angezeigt werden sollen. Sie können hier nicht nur Text und Seitennummerierungen sondern auch Grafiken, Bilder und anderen Elemente der Zeichnen-Symbolleiste (ANSICHT ► SYMBOLLEISTEN ►ZEICHNEN) einfügen.
  
• Tipp: In dieser Ansicht können recht einfach „Wasserzeichen“ auf jede Seite eines Abschnitts eingefügt werden. Des Weiteren lassen sich auch Feldfunktionen in Kopf- und Fußzeilen einfügen (EINFÜGEN ► FELD…). Tipp: Die Feldfunktion „StyleRef“ bietet viele Möglichkeiten Text zu referenzieren, der mit einer gewählten Formatvorlage formatiert ist.

• Du sollst Inhaltsverzeichnisse weder manuell erstellen noch in ein separates Dokument ausgliedern. Word bietet Ihnen die Möglichkeit verschiedene Referenzen zu erstellen, u.a. auch Inhaltsverzeichnisse (Einfügen ► Referenz ►Index und Verzeichnisse…). Die systemseitigen Formatvorlagen können Sie wie gehabt nach Belieben anpassen (Ändern…-Button). Durch einen Manuellen Abschnittswechsel vor und nach der Seite, auf der Sie das Inhaltsverzeichnis platzieren möchten, lässt sich auch das Layout der Kopf- und Fußzeilen, unabhängig von der Gestaltung der anderen Abschnitte im Dokument, anpassen.

• Du sollst Kommentare und Änderungen nicht durch manuelle Formatierung z.B. durch Farbänderungen oder andere direkte Formatierungen kennzeichnen. Für Teamarbeiten lassen sich Kommentare und Änderungen sehr einfach im „Überarbeitungsmodus“ generieren (ANSICHT ► SYMBOLLEISTEN ► ÜBERARBEITEN). Neben den Möglichkeiten des Einfügens von Kommentaren an markierte Textstellen (auch über: EINFÜGEN ► KOMMENTAR), können auch Änderungen bzw. Überarbeitungen an Textpassagen mitverfolgt werden. Dies geschieht durch das Aktivieren „Änderungen nachverfolgen“ (auch über: EXTRAS ► ÄNDERUNGEN NACHVERFOLGEN). Zur Anzeigensteuerung im Überarbeitungsmodus stehen Ihnen verschiedene Darstellungen zur Verfügung: drop down button „Anzeigen“ ermöglicht Filterungen nach Bearbeitern, Versionsständen mit und ohne Änderungen | Kommentaren.
  
• Tipp: Damit Änderungen für ein kollaboriertes Arbeiten im Team markiert werden, ist es wichtig darauf zu achten, dass „Änderungen Nachverfolgen“ aktiviert ist. Zu den jeweiligen Markups im Text gibt es verschiedene Bearbeitungsmöglichkeiten im Kontextmenü oder der Symbolleiste.

HTML =  HyperText Markup Language

• ist keine Programmiersprache, sondern eine Seitenbeschreibungssprache
• ist die Beschreibung, wie eine Seite angezeigt bzw. dargestellt werden soll
• wird mit Hilfe von SGML (Standard Generalized Markup Language) definiert 
• Aufgabe: Beschreibung der logischen Bestandteile eines textorientierten Dokuments
• bietet die Möglichkeit, Bestandteile eines textorientierten Dokuments, wie Überschriften, Textabsätze, Listen, Tabellen oder Grafikreferenzen als solche zu kennzeichnen
• ist eine so genannte Auszeichnungssprache (Markup Language)
• hierarchischen gegliedert

• Stylesheets sind eine Erweiterung von HTML
• zusätzliche Formatierungsmöglichkeiten
• Trennung von Inhalt und Layout wird möglich
• Stylesheets sind Formatvorlagen für HTML-Seiten
• Layoutversionen können den Ausgabegeräten, z. B. PC, Handy, PDA, angepasst werden
  

• HTML-Grundgerüst ist einheitlich, teilweise schon im Editor vorgegeben
• umrahmt mit einleitendem und abschließenden Tag <html>
• Grundgerüst bestehend aus: 
• head (Kopf) in dem Informationen gespeichert werden, die nicht im Browser-Fenster angezeigt werden z. B. Metainformationen für Suchmaschinen
  
• title zur Namensgebung der Seite
  
• body (Körper) ist der Teil der Webseite, welcher im Browserfenster angezeigt wird
• fast alle Tags sind mit einem Anfangs- und einem Endtag versehen
  

• bilden das Grundgerüst von HTML
• bieten die Möglichkeiten Webseiten zu gestalten
• durch Tags kann jedes Element, dass vom gewöhnlichen Text abweicht, genau beschrieben werden

• Bei bestimmten HTML-Attributen ist es ungünstig diese mit HTML-Standards darzustellen
• günstiger ist hier CSS mit Stylesheets zu verwenden
• besonders Formatierungen sind so besser darstellbar
  

• Achten Sie auf das richtige Grundgerüst einer HTML-Seite und die richtige Schachtelung (Hierarchische Struktur) der HTML-Elemente.
  
• Entscheidet ist außerdem, dass Sie Elemente an der richtigen Stelle einsetzen (Head- oder Body-Bereich).
  

• a. Ein Start-Tag wird immer mit dem dazugehörigen End-Tag geschlossen.
• b. Aus Kompatibilitätsgründen zu XHTML wird empfohlen auch Elemente ohne Inhalt wie z.B. <br>, <img> immer zu schließen: <br />, <img />
• c. Aus Kompatibilitätsgründen zu XHTML wird empfohlen Element- und Attributnamen IMMER klein zu schreiben (z.B. <a href=http://www.ifmk.de >Das ist ein Link</a>)
• d. Setzen Sie Attributwerte immer in Anführungsstriche (z.B. src=“blume.jpg“ oder alt=“Das Photo zeigt eine Sonnenblume“)
• e. Verwenden Sie immer Entitäten (z.B. für „ä“ „&auml;“)

• a. Für die Verlinkung von elektronischen Dokumenten in einer HTML-Seite ist die korrekte Pfadangabe wichtig.
• b. Hierbei werden absolute von relativen Pfaden unterschieden. Hyperlinks zu externen Webseiten müssen als absoluter Pfad gesetzt werden. Eingebundene Bilder hingegen können auch relativ verlinkt werden, um die Darstellung der HTML-Seite auf jedem System auch offline zu gewährleisten. Dasselbe gilt für interne Unterseiten eines HTML-Projektes.
• c. Ebenfalls essentiell ist die Groß- und Kleinschreibung der verlinkten Dokumente.
  

• HTML strukturiert eine Seite und beschreibt nicht wie sie aussieht.
  
• Ausschließlich CSS dient zur Gestaltung der Seite. Beachten Sie dies schon mit Beginn der Erstellung, eine nachträgliche Anpassung ist oft unnötig und zeitaufwändig.
  

• Viele Formatierungselemente und Attribute in HTML verstoßen gegen die strikte Trennung von Inhalt und Layout.
  
• Demnach sollten sie nicht mehr verwendet werden und erhalten den Status „deprecated“ (z.B. „font-Tag“). Verwenden sie deshalb ausschließlich Logische Auszeichnungen (z.B. „em-Tag“ oder „strong-Tag“) anstatt Physikalischen Auszeichnung bzw. Visuellen Auszeichnung (z.B. „i-Tag“ oder „b-Tag“).
  

• Die Verwendung von Layouttabellen verstößt gegen die strikte Trennung von Inhalt und Layout.
• Inzwischen ist es ohne Probleme möglich tabellenfreie Layouts mit CSS zu erstellen.
  

• Zu viel verschiedene Formatierungen und blinkende Layoutelemente können leicht Verwirrung schaffen, sind nicht immer lesbar und lenken vom Inhalt ab.
  

• Verwenden Sie stets das „alt-Attribut“ um Grafiken, Bilder, Formularelemente, applets etc. zu beschreiben, um jedem Nutzer die Chance zu geben, die Inhalte zu erfassen.
  

• a. Nicht alle HTML-Eigenschaften und CSS-Regeln funktionieren in jedem Browser. Es handelt sich dabei meist um zusätzliche Layouteffekte. Versuchen Sie sich auf die gängigen CSS-Regeln zu beschränken, die auf allen Browsern funktionieren. Die ggf. ein wenig abweichende Darstellung einer Seite auf unterschiedlichen Browsern ist dabei nicht gemeint. (In den meisten Werken zu HTML & CSS sind CSSReferenzkarten enthalten, die anzeigen welche CSS-Regeln von den gängigen Browsern unterstützt werden).
• b. Horizontale Scrollleisten sind nicht benutzerfreundlich. Durch Verwendung von h. S. kann nicht ausgeschlossen werden, dass der Inhalt teilweise oder gar nicht wahrgenommen wird. Abhilfe schafft eine feste horizontale Seitenbeschränkung und die automatische Verwendung von vertikalen Scrollleisten in CSS.
  

• Erweitern Sie Ihre HTML-Seite mit sinnvollen Zusatzinformationen und vermeiden Sie überflüssige Informationen bzw. Wiederholungen.
  
• Unterlassen Sie den Missbrauch von Metainformationen zum eigenen Vorteil (z.B. Werbung, gezieltes Ranking, Spam).

• Änderungen beim Layout können für die gesamte Website übernommen werden
• Dadurch beschleunigen und vereinfachen sich Änderungen an der Website  Gestaltungsmöglichkeiten der Website erhöhen sich
• Zugriffszeiten auf Webseite verringern sich durch weniger Wiederholungen im Quelltext
• Die Ausgabe ist auf unterschiedlichen Ausgabemedien möglich
• Suchmaschinen können eher auf die Seite aufmerksam gemacht werden
• Barrierefreiheit wird zwar nicht erreicht, jedoch sind durch CSS auf Websites einige Barrieren weniger vorhanden  
  

• CSS wird nicht von allen Browsern im vollen Umfang unterstützt
• Folge: nicht alle CSS-Attribute sollten eingesetzt werden
• besonders ältere Browser haben Probleme beim verstehen von Stylesheets
  

• unterschiedliche Möglichkeiten um CSS in HTML Dokumente einzubauen