• susi's blog

• sarah's blog

• marie's blog

Herzlich willkommen auf unserer Seite!

Wir sind die dreisten Drei und leben in Southpark. Zurzeit sind wir allerdings in Ilmenau und haben es uns zur Aufgabe gemacht euch das Programm MS Word und den Umgang mit HTML&CSS etwas näher zu bringen, damit ihr nicht die selben Fehler macht wie Cartman ;-)

Und nun viel Spaß dabei.

 

...verdammt sie haben Marie getötet...
...IHR SCHWEINE...

• Tue November 20 - 21.00Uhr Fachschaftsparty BD

• Sun December 23 - Heiligabend

• Mon December 24 - 1. Weihnachtstag

• Tue December 25 - 2. Weihnachtstag

• Sun December 30 - Silvester

Die 10 Gebote im Umgangs mit MS Word

 

1. Du sollst nicht "wild" im Text herumformatieren!

besser: Verwende Formatvorlagen wie z.B. das Blockelement (=Textelemente die einen Zeilen- bzw. Absatzwechsel erzeugen) bei Absatzformaten oder das Inline-Element (=Textelemente, die innerhalb eines Absatzes vorkommen) bei Textformaten unter Format > Formatvorlagen und Formatierung.

 

2. Du sollst Dokumente nicht rein visuell gliedern!

besser: Verwende Gliederungsebenen für eine logische und und nachvollziehbar Gliederung unter Format > Formatvorlagen und Formatierung.

 

3. Du sollst Listen nicht manuell erstellen!

besser: Verwende die Listenoption in den Formatforlagen.

(siehe Screenshot rechts)

 

4. Du sollst einzelne Zeilen nicht mit Druck auf

"Enter" beenden!

besser: Einfach im laufenden Text weiterschreiben, da Druck auf "Enter" den Anfang eines neuen Absatzes bedeutet.

 

5. Du sollst Seitenumbrüche nicht mit mehreren

Absatzwechseln erzwingen!

besser: Verwende die vom Programm gegebenen manuellen Seitenumbrüche unter Einfügen > manueller Umbruch > Seitenumbruch.

(siehe Screenshot rechts)

 

6. Du sollst Trennstriche nicht mit der

Bindestrichtaste einfügen!

besser: Verwende die Tastenkombination Shift + Bindestrich.

 

7. Du sollst Kopf- und Fußzeile nicht im laufenden

Text auf jede Seite kopieren!

besser: Verwende den vorgegebenen Kopf- und Fußzeilenbereich unter Ansicht > Kopf- und Fußzeile.

(siehe Screenshot rechts)

 

8. Du sollst Text nicht mit "Tab" oder

"Leerzeichen" einrücken!

besser: Verwende die Option Texteinzug anpassen unter Format > Absatz > Einzug.

(siehe Screenshot rechts)

 

9. Du sollst Inhaltsverzeichnisse nicht manuell

erstellen!

besser: Lass es dir automatisch vom Programm erstellen unter
Einfügen > Referenz > Index und Verzeichnisse.

 

10. Du sollst Kommentare und Änderungen z.B.

beim Korrekturlesen nicht im fortlaufenden Text

einfügen!

besser: Verwende den Überarbeitungsmodus unter Einfügen > Kommentar, zum Löschen: Rechtsklick auf Kommentar > Kommentar löschen.

(siehe Screenshot rechts)

• HTML-Tutorial

• CSS-Tutorial

HTML = Hypertext Markup Language,( dt. Hypertext-Auszeichnungssprache, kurz: Hypertext)

 

ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten

wie Texten, Bildern u. Hyperlinks in Dokumenten

ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten

wie Texten, Bildern u. Hyperlinks in Dokumenten

ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten

wie Texten, Bildern u. Hyperlinks in Dokumenten- Von einem Webbrowser dargestellt

enthält HTML auch zusätzliche Angaben in Form von Metainformationen

(z.B. Auskunft über  verwendete Sprache oder Autor oder den Inhalt des Textes zusammenfassen)

wird mit Hilfe von SGML (Standard Generalized Markup Language) definiert

hierarchischen gegliedert

 

1. Du sollst darauf achten, „well-formed HTML“ Seiten zu erstellen I: gute HTML-Struktur

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

2. Du sollst darauf achten, „well-formed HTML“ Seiten zu erstellen II: „HTML-Tags“

• Ein Start-Tag wird immer mit dem dazugehörigen End-Tag geschlossen.
• Aus Kompatibilitätsgründen zu XHTML wird empfohlen auch Elemente ohne Inhalt wie z.B. <br>, <img> immer zu schließen: <br />, <img />
• 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>)
• Attributwerte immer in Anführungsstriche setzen. (z.B. src=“blume.jpg“ oder alt=“Das Photo zeigt eine Sonnenblume“)
• Immer Entitäten verwenden. (z.B. für „ä“ „&auml;“)

 

3. Du sollst darauf achten „well-formded HTML“ Seiten zu erstellen III: korrekte Hyperlinks

• Für die Verlinkung von elektronischen Dokumenten in einer HTML-Seite ist die korrekte Pfadangabe wichtig.
• 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.
• Ebenfalls essentiell ist die Groß- und Kleinschreibung der verlinkten Dokumente.

 

4. Du sollst die strikte Trennung von Inhalt und Layout beachten.

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

5. Du sollst nicht mit Attributen oder Elementen formatieren, die den Status „deprecated“ haben.

• 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“). Deshalb ausschließlich Logische Auszeichnungen (z.B. „em-Tag“ oder „strong-Tag“) anstatt Physikalischen Auszeichnung bzw. Visuellen Auszeichnung verwenden (z.B. „i-Tag“ oder „b-Tag“).

 

6. Du sollst eine HTML-Seite nicht mit Layouttabellen gestalten.

• 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.
  

7. Du sollst auf zu viele Animationen, unterschiedliche Textfarben und Schriftarten verzichten.

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

8. Du sollst für z.B. Grafiken und Formularelemente immer auch eine Beschreibung mittels „alt-Attribut“ hinzufügen.

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

 

9. Du sollst Nutzergruppen nicht durch Aussagen wie: „optimiert für Internet Explorer 4.1, SeaMonkey 5.0, etc.“ oder die Verwendung von horizontalen Scrollleisten ausschließen.

• Nicht alle HTML-Eigenschaften und CSS-Regeln funktionieren in jedem Browser. Es handelt sich dabei meist um zusätzliche Layouteffekte. Deswegen ist es ratsam sich auf die gängigen CSS-Regeln zu beschränken, die auf allen Browsern funktionieren.
• Horizontale Scrollleisten sind nicht benutzerfreundlich. Abhilfe schafft eine feste horizontale Seitenbeschränkung und die automatische Verwendung von vertikalen Scrollleisten in CSS.
  

10. Du sollst Metainformationen sinnvoll einsetzen.

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

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

CSS = Cascading Style Sheets (Abk.: CSS)

 

deklarative Stylesheet-Sprache für strukturierte Dokumente

vor allem zusammen mit HTML und XML (zum Beispiel bei SVG)

eingesetzt

legt fest, wie ein besonders ausgezeichneter Inhalt o. Bereich dargestellt

werden soll

mit CSS ist es möglich für verschiedene Ausgabemedien (zum Beispiel

Papier, Projektion, Sprache usw.) eine unterschiedliche Darstellung anzugeben

CSS gilt heutzutage als die Standard-Stylesheetsprache für Webseiten.

Vorteile

• Ä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  
  

Nachteile

• 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

Once you have registered your Protopage, you will be able to share your tabs either publicly or with specific people. You can assign passwords so that only certain people can view or modify different parts of your Protopage.