List of public pages created with Protopage

Wir über uns

Bookmarks

Links

Plain sticky notes

Willkommen

Willkomen auf der Seite von A-C-D-C! Wir sind Anett, Christine, Davina und Claudia.

Photos

ACDC

Logo ACDC

Aufgaben

News

Tutorblog

Rich sticky notes

Begrüßung

Herzlich Willkommen,

Du bist auf der Seite von
A-C-D-C. Wir sind ...

Du kannst uns gerne einen Kommentar zu unserer Arbeit hinterlassen.

1. Log Dich einfach mit dem Passwort "GAST" unten ein.
2. Klicke oben links auf die "Public Category: HOME".
3. Wähle in der "Public Category: Feedback" das Tab "Kommentare" an.


Have fun,

Dein A-C-D-C-Team

Word

Bookmarks

(2) Beispiele für typische Fehler in Word

Tipps und Tricks

Plain sticky notes

Video Word

Ein kurzes Video zur Einführung in Word, das oberflächlich dessen Möglichkeiten zeigt. - 7.30 Einführung: Was macht man mit Word - 6.20 Formatänderungen ohne Vorlagen - 3.20 Kopieren von Text mit Hilfe der Zwischenablage - 2.55 Einfügen von Bildern - 2.00 Einfügen von Sonderzeichen - 1.00 Wörter eines Dokumentes zählen - 0.20 Einfügen von Aufzählungszeichen

Rich sticky notes

HERZLICH WILLKOMMEN!

Hallo!

Wir, das A-C-D-C Team, haben auf dieser Seite einige Tipps rund ums Arbeiten mit Word zusammengetragen.


Zusätzlich zu diesen speziellen Themen gibt es allgemine Tipps und weiterführende Links zu Word (lila Reiter).
Also viel Spaß und viel Erfolg mit Word!


Euer A-C-D-C Team
Anett, Christine, Davina, Claudia

 

(1) Die 10 Todsünden in der Textbearbeitung

1. 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…).


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


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


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


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


6. Du sollst Listen nicht manuell mit z.B. „Sonderzeichen“ oder der Bindestichtaste erstellen!

Word bietet 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.


7. Du sollst dein Dokument nicht rein visuell mit römischen oder arabischen Ziffern gliedern!

Zur strukturierten Gliederung eines Dokumentes sollten Gliederungsebenen verwendet werden (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 dir die Formatierungen nicht gefallen, weißt du schon, dass du auch diese systemseitigen Formatvorlagen nach belieben anpassen können). Vorteil: Diesen Formatvorlagen sind systemseitig schon Gliederungsebenen zugewiesen.


8. Du sollst Kopf- und Fußzeilen nicht manuell durch „Copy & Paste“ auf jeder Seite neu
erstellen!

Verwende die Ansicht „Kopf- und Fußzeile“ (ANSICHT ► KOPF- UND FUßZEILE) um Elemente zu Positionieren, die auf jeder Seite eines Abschnittes angezeigt werden sollen. Du kannst 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.


9. Du sollst Inhaltsverzeichnisse weder manuell erstellen noch in ein separates Dokument ausgliedern!

Word bietet die Möglichkeit verschiedene Referenzen zu erstellen, u.a. auch Inhaltsverzeichnisse (Einfügen ► Referenz ►Index und Verzeichnisse…). Die systemseitigen Formatvorlagen kannst du wie gehabt nach Belieben anpassen (Ändern…-Button). Durch einen Manuellen Abschnittswechsel vor und nach der Seite, auf der du das Inhaltsverzeichnis platzieren möchtest, lässt sich auch das Layout der Kopf- und Fußzeilen, unabhängig von der Gestaltung der anderen Abschnitte im Dokument, anpassen.


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

Beispiel zur Erstellung von fehlerfreien Dokumenten

Hier folgen nun Beispiele wie ein Deckblatt in Word fehlerfrei erstellt werden kann.

Deckblatt 1       Deckblatt 2      Deckblatt 3      Deckblatt 4



Grundlage waren dabei die "10 Todsünden der Textbearbeitung" :


1. Zeichen werden mit der Option "Einzug" eingerückt.

2. Zeilenumbrüche werden mit "Enter + Shift" gesetzt.

3. Seitenumbrüche werden manuell erstellt.

4. Trennstriche werden mit "Strg + Bindestrich" erzeugt.

5. Formatierungen werden mit Hilfe von Formatvorlagen erstellt.

6. Listen und Aufzählungen werden über die Option "Nummerierung und Aufzählung" erstellt.

7. Textgliederungen erfolgen über Gliederungsebenen.

8. Kopf- und Fußzeilen werden manuell erstellt und weitergeführt.

9. Inhaltsverzeichnisse werden über Referenzen erstellt.

10. Kommentierungen werden über das Einfügen von Kommentaren kenntlich gemacht.

Format- und Dokumentenvorlagen

Wozu Dokumentvorlagen?

Eine Dokumentvorlage stellt eine Art „Gerüst“ dar, die einen Teil des Inhaltes oder der Gestaltung des Dokumentes vorgibt. Sie bleibt immer unberührt, wenn sie aufgerufen oder angewendet wird. Dadurch kann sie immer wieder eingesetzt werden und liefert jedes Mal dasselbe Ergebnis.




Wozu Formatvorlagen?

Eine Formatvorlage ist eine Gruppe von Formatierungsmerkmalen, die einem Text im Dokument zugewiesen werden kann. Wenn man eine Formatvorlage zuweist, übernimmt man in einem Schritt eine Gruppe von Formatierungen.

Beispiel: Anstatt den Titel in drei Einzelschritten zentriert und in 16 Punkt Arial zu formatieren, können Sie das gleiche Ergebnis in einem Schritt erzielen, indem Sie die Formatvorlage Titel zuweisen.

Eine fertige Dokumentvorlage

Hier für euch ein Beispiel:
Eine Dokumentenvorlage zum Erstellen einer strukturierten Hausarbeit.

Hausarbeit.dot


Das gefällt euch nicht?
Hier erfahrt ihr wie ihr eure eigene Dokumentvorlage erstellen könnt!

Gemeinsame Erstellung einer Hausarbeit

Und wozu das alles?
Dokument- und Formatvorlagen und  "10 Todsünden der Textbearbeitung" helfen zum Beispiel bei der Erstellung einer Hausarbeit, vor allem auch bei Gruppenarbeiten.

Als Beispiel haben wir hier eine Hausarbeit zusammengestellt.
 - Als Word-Datei
 - Als PDF-Datei

MS Word Tipps (Englisch)

Photos

Darum geht´s: WORD

(1) So macht man eine Formatvorlage

Menü Format > Formatvorlagen

(2) Hier ist eine Formatvorlage

(3) So erstellt man eine neue Formatvorlage

Auf den Button "Neue Formatvorlage" klicken, dann erscheint dieses Fenster!

(1) Zusammenfügen verschiedener Texte

Texte von verschiedenen Bearbeitern werden in die Dokumentvorlage eingefügt. Dank der integrierten Formatvorlagen, hat der gesamte Text jetzt eine einheitliche Formatierung einzelner Bausteine.

(2) Wer hat was bearbeitet?

Mit der Funktion Ansicht kann man anzeigen wer aus der Gruppe welchen Teil bearbeitet hat.

(1) Und wenn es überhaupt nicht klappt gibts noch die Hilfe

(3) ...und frag ihn

(2) ...oder hohl dir gleich den Office-Assistenten...

Und zum Abschluss...

HTML & CSS

Bookmarks

Hilfreiche Links

Plain sticky notes

Achtung...

In einer Minute wird dargestellt wie man eine Webside machen kann. Am Punkt, der interessiert, einafch Stop drücken. Bei der Zeit kann man sich auch mal alles ansehen :-)

Rich sticky notes

HERZLICH WILLKOMMEN

Hallo!

Wir, das A-C-D-C Team, haben auf dieser Seite einige Tipps rund ums Arbeiten mit HTML & CSS zusammengetragen.


Zusätzlich gibt es auch hier wieder allgemeine Tipps und weiterführende Links zum Thema (lila Reiter).
Also viel Spaß und viel Erfolg bei der Erstellung eurer eigenen HTML-Seite!


Euer A-C-D-C Team
Anett, Christine, Davina, Claudia

Was ist HTML/ CSS?

HTML (Hypertext Markup Language)

HTML ist eine Auszeichnungssprache, die die Grundlage des WWW darstellt. Sie bietet die Möglichkeit  einzelne Elemente (z.B. Text, Bilder oder Hyperlinks) in HTML-Dokumenten so zu kennzeichnen, dass über Webbrowser diese Elemente auf bestimmte Weise formatiert dargestellt oder ihnen bestimmte funktionale Eigenschaften zugewiesen werden. Dies geschieht in der Regel dadurch, dass man Textteile durch HTML-Tags, das sind kurze Befehlswörter in spitzen Klammern, umschließt.

CSS (Cascading Style Sheets)

CSS ist eine Sprache für strukturierte Dokumente, die vor allem zusammen mit HTML eingesetzt wird. Sie soll festlegen, wie ein besonders ausgezeichneter Inhalt dargestellt werden soll. Mit CSS wird das Aussehen einzelner Abschnitte aus dem HTML-Dokument festgelegt. CSS ermöglicht es, die Darstellung dem jeweiligen Ausgabemedium anzupassen. Das ist nützlich, um zum Beispiel Hyperlinks beim Drucken extra aufzuführen oder um die Anzeige für ein Anzeigemedium mit geringerer Auflösung zu optimieren. CSS bietet die möglichkeit Elemente frei zu positionieren oder Hintergrundbilder festzulegen.


Die 10 Gebote in der HTML-Programmierung

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

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

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

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. Beachte dies schon mit 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“). Verwende 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“).

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!

Verwend stets das „alt-Attribut“ 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!


10. Du sollst Metainformationen sinnvoll einsetzen!

Erweitere deine HTML-Seite mit sinnvollen Zusatzinformationen und vermeide überflüssige Informationen bzw. Wiederholungen. Unterlasse den Missbrauch von Metainformationen zum eigenen Vorteil (z.B. Werbung, gezieltes Ranking, Spam).

DEPRECATED II

Kein offizielles HTML-Tag

<nobr> </nobr>

Unterbindet innerhalb eines Textabschnitts einen automatischen Zeilenumbruch. <nobr> ist ein bisweilen sehr hilfreiches Tag und seine Verwendung kann als unproblematisch eingestuft werden.

<wbr>

Fügt innerhalb eines Wortes einen fakultativen Zeilenumbruch ein.

< layer>

Definiert einen frei positionierbaren Bereich als Behälter für weitere Elemente.


"Deprecated", sollte über CSS geschehen

<applet> </applet>

Bindet ein Java-Applet in die Seite ein.

<basefont>

Legt für alle Schriften bis zum nächsten basefont-Tag gemeinsame, physische Formatierungen fest.

<center> </center>

Kennzeichnet einen Textabschnitt (inline) als zentriert ausgerichtet.

<dir>

Erzeugt eine Verzeichnisliste.

<font> </font>

Markiert einen Textabschnitt für beliebige, physische Formatierungen.

<isindex>

Deklariert den Inhalt einer Datei als durchsuchbar.

<menu> </menu>

Erzeugt eine Menüliste.

<s> </s>

Formatiert einen Textabschnitt (inline) als durchgestrichen.

strike> </strike>

Formatiert einen Textabschnitt (inline) als durchgestrichen.

<u> </u>

Kennzeichnet einen Textabschnitt (inline) als unterstrichen.

<b> </b>

Kennzeichnet einen Textabschnitt (inline) als fett.

<big> </big>

Kennzeichnet einen Textabschnitt (inline) als größer.

<i> </i>

Kennzeichnet einen Textabschnitt (inline) als kursiv.

<small>

Kennzeichnet einen Textabschnitt (inline) als kleiner.

<tt>

Kennzeichnet einen Textabschnitt (inline) als dicktengleich.

 

Vorher - Nachher

Vorher:

So sollte eine Seite in HTML nicht aussehen. Wir haben euch die Stellen markiert die gegen die "10 Gebote in der HTML-Programmierung" verstoßen.

Teil 1 (Christine)     Teil 2 (Davina)     Teil 3 (Anett)     Teil 4 (Claudia)

(Zum anschauen des HTML Textes: Link anklicken, dann rechte Maustaste und Quelltext anschauen anklicken.

Nachher:

Aber wie kann man es besser machen? Da hätten wir Vorschläge für euch:

Teil 1    Teil 2      Teil 3      Teil 4

Beispiel Erstellung


Als Beispiel in der die "10 Gebote in der HTML-Programmierung" eingehalten wurden, haben wir  ein Gruppenprofil von uns erstellt.

Wie man ein Gruppenprofil erstellen kann, erfahrt ihr hier.

HTML - Vorteile & Nachteile

Vorteile

Nachteile

Vor- und Nachteile von CSS

Vorteile

Nachteil

HTML/CSS/JavaScript is Local Part 1 (Englisch)

HTML/CSS/JavaScript is Local Part 2 (Englisch)

...Crashkurs über Websides und CSS

Web widgets

HTML-Tags im Überblick

Photos

Grundgerüst eines HTML-Dokuments

Logische Formatierung

Die logischen Formatierungen besitzen keine festgelegten Darstellungsformen und können daher in den verschiedenen Browsern unterschiedlich dargestellt werden.

Enity-Zeichenfolgen

DEPRECATED I (Physikalische Formatierungen)

Über physikalische Formatierungen legt man fest, wie ein Text formatiert werden soll. Der Browser sollte den Text genau auf die angegebene Weise formatieren. Physikalische Formatierungen sind z.B. die Anzeige von fetter oder kursiver Schrift. ABER ACHTUNG: Physikalische Auszeichnungen sind DEPRECATED

Hilfs-Widgets

News

Audio-Podcasts

Video-Podcasts

Rich sticky notes

MP3s einbinden

Einfach auf "edit" klicken, gebenenfalls "HTML" anwählen und die Link-Adresse in das Skript hineinkopieren.

Einbindung von QuickTime- und IPod-Filme (mov, mp4)

Einfach auf "edit" klicken, gebenenfalls "HTML" anwählen und die Link-Adresse in das Skript hineinkopieren.

Kommentare

Untitled tab 10

Untitled 12

Untitled 13

Untitled tab 13

Untitled tab 9