WYSIWYG Web Builder 5 Basics - Deutsch

96

description

Benutzerhandbuch zur aktuellen deutschen Version des WYSIWYG Web Builder 5

Transcript of WYSIWYG Web Builder 5 Basics - Deutsch

Page 1: WYSIWYG Web Builder 5 Basics - Deutsch
Page 2: WYSIWYG Web Builder 5 Basics - Deutsch

Die Informationen in diesem Werk wurden mit größter Sorgfalt erarbeitet. Dennoch könnenFehler nicht vollständig ausgeschlossen werden. Der Autor übernimmt keine juristischeVerantwortung oder irgendeine Haftung für eventuell entstehende, entstandene oder verbliebeneFehler und deren Folgen.

Alle Warennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt und sindmöglicherweise eingetragene Warenzeichen. Der Autor orientiert sich im Wesentlichen an denjeweiligen Schreibweisen der Hersteller.

Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalteneinschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung undVerarbeitung in elektronischen Systemen jeglicher Art.

Die gewerbliche Nutzung der in diesem Werk verwendeten Texte, Bilder und Grafiken ist im Einzelnenund als Gesamtes nicht zulässig. Für eine Verwendung von Inhalten dieses Werkes bedarf esgrundsätzlich der schriftlichen Zustimmung des Autors.

Fragen, Kommentare und Anregungen können Sie gerne an uns richten:

GOEMO.deGötz MorgenschweisKarl-Schlageter-Straße 2876287 RheinstettenE-Mail: [email protected]

Im Internet erreichbar unter:http://www.goemo.dehttp://www.wysiwygwebbuilder.de

2. Auflage 2008

Copyright © 2008 by Götz MorgenschweisEine GOEMO.de Produktion · Alle Rechte vorbehalten

Das Programm „WYSIWYG Web Builder“ ist ein Produkt von Pablo Software SolutionsCopyright © 2008 by Pablo Software Solutions · All Rights reserved

Page 3: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Inhaltsverzeichnis

Vorwort Seite 5

Einführung in die Basis-Funktionen des WYSIWYG Web Builder Seite 6 Standard-Werkzeuge Seite 6 Werkzeugbox Seite 7 Tabs Seite 7 Arbeitsfläche Seite 7 Format-Werkzeuge Seite 7 Site-Manager Seite 8 Eigenschaften-Inspektor Seite 8

Einführung in den Site-Manager Seite 9 Eine neue Seite hinzufügen Seite 10 Eine existierende Seite öffnen Seite 10 Eine existierende Seite klonen Seite 11 Eine Seite entfernen Seite 11 Eine Seite umbenennen Seite 11 Seiten ordnen und sortieren Seite 11 Eine HTML-Seite importieren Seite 11 Eine Seite aus einem anderen WYSIWYG Web Builder-Projekt importieren Seite 12 Das Kontextmenü benutzen Seite 12

Seiteneigenschaften vergeben Seite 13 Allgemein Seite 13 Formatieren Seite 15 Meta-Tags Seite 17 Scroll-Balken Seite 18 Seitenübergänge Seite 19

Das Arbeiten mit Hilfslinien, Gittern und Linealen Seite 20

Einen Text hinzufügen Seite 21 Einen Text formatieren Seite 21

Ein Bild hinzufügen Seite 22 Ein Bild drehen Seite 23 Ein Bild mit Effekten versehen Seite 23

Eine Form hinzufügen Seite 24 Eine Form drehen Seite 24 Eine Form bearbeiten Seite 25

Andere Objekte hinzufügen Seite 26

3

Page 4: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Links zu internen und externen Seiten Seite 27 Einen Text verlinken Seite 27 Ein Bild, eine Form oder ein RollOver-Bild verlinken Seite 27 Einen Link zu einer externen Seite vergeben Seite 28 Einen Link zu einer internen Seite vergeben Seite 29 Einen Link zu einer Datei vergeben Seite 29 Einen Link zu einer E-Mail-Adresse vergeben Seite 30 Zielfenster oder Frame Seite 30 Lesezeichen (Zu einem festgelegten Bereich auf einer Seite verlinken) Seite 31

Website speichern Seite 33

Vorschau auf Ihre Website im Browser Seite 34

Webseiten publizieren (veröffentlichen) Seite 35 Publizieren auf einem FTP-Server Seite 35 Publizieren in einem Verzeichnis auf Ihrem PC Seite 37 Zu publizierende Seiten Seite 38 Probleme beim Publizieren – Checkliste Seite 39

Eine Navigationsleiste für Ihre Website Seite 40 Eigenschaften der Navigationsleiste Seite 40 Mit dem Site-Manager synchronisieren Seite 41 Stil der Navigationsleiste Seite 42

Eine Menüleiste für Ihre Website Seite 43 Eigenschaften der Menüleiste Seite 43 Stil der Menüleiste Seite 44

Templates verwenden Seite 45 Eine neue Website auf Basis eines Templates erstellen Seite 45

Übersicht WYSIWYG Web Builder Hauptmenü Seite 46 Das Menü „Datei“ Seite 46 Das Menü „Bearbeiten“ Seite 48 Das Menü „Ansicht“ Seite 50 Das Menü „Seite“ Seite 52 Das Menü „Einfügen“ Seite 56 Das Menü „Format“ Seite 64 Das Menü „Tabelle“ Seite 66 Das Menü „Layout“ Seite 68 Das Menü „Werkzeuge“ Seite 70 Das Menü „Hilfe“ Seite 71 Übersicht der WYSIWYG Web Builder Features Seite 72

Glossar Web-Design/Webseitengestaltung Seite 77

4

Page 5: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Vorwort

Weltweit kann von zig Millionen Computern in Bildungseinrichtungen, Firmen und Privathaushaltenauf das Internet und die verschiedensten Medien zugegriffen werden. Schon heute machen hunderteMillionen Menschen von der Möglichkeit Gebrauch, Nachrichten abzurufen, Waren zu kaufen undDienstleistungen aller Art in Anspruch zu nehmen. Websites dienen inzwischen nicht mehr nur dereinfachen Weitergabe von Informationen, sondern haben sich zu Multimedia-, Entertainment- undShopping-Plattformen für die unterschiedlichsten Medien und Produkte gemausert. Jeder will mitnoch attraktiveren und innovativeren Inhalten vertreten sein. Und das Erstellen einer anspruchsvollenWebsite kann sehr schnell ein Budget sprengen. Warum also dieses Unterfangen nicht selbst in dieHand nehmen? Wir bieten Ihnen das passende Werkzeug zur Umsetzung Ihrer Vorstellungen.

Der WYSIWYG Web Builder wird Ihnen in Sachen Webseitengestaltung ein sehr praktischer undflexibler Helfer sein. Mit Hilfe der Software erstellen Sie im Handumdrehen einfache bis komplexeWeb-Projekte. HTML- oder andere fundierte Kenntnisse sind dafür grundsätzlich nicht nötig.Permanent wird das Programm verbessert und weitere interessante Features implementiert, die Ihnenals „State Of The Art“-User zu Gute kommen werden.

Auf einer individuell anpassbaren Oberfläche und ausgehend von Text-, Grafik- und Multimedia-Elementen (z.B. Flash-Animationen, Windows Media, Real, Quicktime, Sound, Java etc.) basteln Sieausschließlich am Design Ihres Webauftrittes. Umfangreiches Site-Management machen Konzeptionund Ausführung einfach. Den passenden HTML-Code erzeugt das Programm automatisch, der beiBedarf jedoch manuell optimiert und verändert werden kann. Wer möchte, kann zudem JavaScriptseinfügen und so einer statischen HTML-Seite etwas mehr Leben einhauchen. Auch sogenannte Roll-Over-Grafiken, eigene Navigations-Buttons, komplette Navigations-Menüs und -Leisten, Formulareund bunte Scroll-Balken realisieren Sie mit dem WYSIWYG Web Builder problemlos. SpektakuläreFotogalerien lassen sich ebenso einfach erstellen wie Blogs, RSS-News-Feeds oder Gästebücher. Echte Zeichnenwerkzeuge, umfangreiche Bildbearbeitungsfunktionen sowie das Arbeiten mit Ebenenund Objekten sorgen für eine optimale Gestaltungsfreiheit. Die fertige Website kann schließlich direktaus dem Programm heraus mit dem integrierten FTP-Tool ins Netz gestellt und so Ihren Besuchernzugänglich gemacht werden. Ihren erfolgreichen Web-Projekten steht somit nichts mehr im Weg!

Das Tutorial „WYSIWYG Web Builder - Basics“ soll Ihnen den Einstieg in unsere einfach zu bedienendeSoftware mit komplexen kreativen und technischen Möglichkeiten, aber auch in die Welt derWebseitengestaltung im Allgemeinen, etwas erleichtern und näher bringen.

Viel Erfolg bei der Realisierung Ihrer Website-Projekte!

Ihr

Götz Morgenschweis

5

Page 6: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einführung in die Basis-Funktionen des WYSIWYG Web Builder

Nach Aufruf des Programms präsentiert sich Ihnen der WYSIWYG Web Builder so:

Standard-Werkzeuge

Mit der Werkzeugleiste „Standard-Werkzeuge“ führen Sie Grundlegendes aus wie das Erstellen einerneuen Website (leere Arbeitsfläche), Öffnen einer existierenden Website, Speichern, Ausschneiden,Einfügen, Rückgängig, Wiederherstellen, Links und Sonderzeichen einfügen sowie die Browser-Vorschau (Browser sind wählbar) auf Ihr aktuelles Website-Projekt.

6

Page 7: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Werkzeugbox

Mit der Werkzeugbox fügen Sie Ihren Seiten neueObjekte hinzu. Um ein neues Objekt einzufügen gehenSie wie folgt vor: Suchen Sie sich Ihr gewünschtes Objektdurch Anklicken aus und zeichnen nun eine Box auf IhreArbeitsfläche um die Position des Objekts festzulegen.Das neue Objekt ist nun auf Ihrer Seite und Sie können esweiter bearbeiten und anpassen.

Eine andere Möglichkeit bietet Ihnen das einfacheHerausziehen des gewünschten Objekts auf IhreArbeitsfläche (Drag'n'Drop).

Tabs

Wenn Sie mehrere Seiten einer Website geöffnet haben, können Sie die Tabs zum hin- undherspringen auf die verschiedenen Seiten verwenden. Um eine aktive Seite zu schließen, klicken Sieeinfach auf das kleine „x“ in der oberen rechten Ecke des Tab-Streifens.

Arbeitsfläche

Die Mitte des Bildschirms ist die Arbeitsfläche, auf der Sie die verschiedenen Objekte einfügen undbearbeiten können.

Format-Werkzeuge

Die Werkzeuge zum Formatieren sind nur dann aktiviert, wenn Sie im Textbearbeitungsmodus sind,also einen Text eingeben bzw. bearbeiten.

Zu Erstellen eines einfachen Textes ziehen Sie das „Text“-Symbol auf die Arbeitsfläche. Sie sehen nunein neues Objekt mit dem Text „Double click to edit“. Um in den Bearbeitungsmodus zu wechseln,klicken Sie auf diesen Text und die Format-Werkzeuge werden aktiviert. Um einen Text z.B. zuformatieren (Schriftgröße, Schriftfarbe, fett, kursiv etc.) müssen Sie die gewünschten Text markierenbevor Sie mit dem Formatieren beginnen können (wie in einem Textverarbeitungsprogramm).

7

Page 8: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Site-Manager

Mit dem Site-Manager organisieren und verändern Sie dieStruktur und den Aufbau Ihrer Website. Der Site-Managerhat eine eigene Werkzeugleiste um Seiten hinzuzufügen, zubearbeiten, zu klonen oder zu entfernen. Außerdem könnenSie sich die Seiteneigenschaften anzeigen lassen und dieReihenfolge Ihrer Seiten manuell verändern.

An ersten Stelle der Site-Struktur steht der aktuelleDateiname des Projekts. Das Projekt kann beliebig vieleSeiten und diese wiederum beliebig viele Unterseitenhaben. Ordner lassen sich ebenfalls beliebig anlegen.

Webseiten haben immer eine „Homepage“ (Startseite) die meistens „index“ heißt. Der WYSIWYG WebBuilder startet jedes neue Projekt mit dieser „index“-Seite. Die Namen der Einträge in der Site-Struktursind auch die jeweiligen Namen der zu erstellenden HTML-Seiten. Wenn Sie also eine Seite „index“nennen, wird diese später als „index.html“ publiziert.

Eigenschaften-Inspektor

Der Eigenschaften-Inspektor zeigt die Eigenschaften derSeite oder des jeweils ausgewählten Objekts an. DieseEigenschaften, z.B. Größe und Position des Objekts, könnenhier auch durch direkte Eingabe von jeweiligen Werteverändert werden und sind sofort sichtbar.

8

Page 9: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einführung in den Site-Manager

Hat Ihre Website mehr als eine Seite, sollten diese weiteren Seiten natürlich auch Teil Ihrer WebBuilder-Projektdatei sein. Eine Projektdatei hat die Erweiterung .wbs (Web Builder Site). Der Site-Manager hat die Aufgabe, Ihre Website zu organisieren. Sie können Seiten hinzufügen, bearbeiten, inReihenfolge verändern und entfernen.

TIPP:! Bringen Sie alle Seiten Ihrer Website in einem Projekt unter! Der WYSIWYG Web Buildererkennt die Zusammengehörigkeit und kann so optimale HTML-Ausgangsdateien erstellen.

Webseiten haben immer eine „Homepage“ (Startseite) diemeistens „index“ heißt. Der WYSIWYG Web Builder startetjedes neue Projekt mit dieser „index“-Seite. Die Namen derEinträge in der Site-Struktur sind auch die jeweiligenNamen der zu erstellenden HTML-Seiten. Wenn Sie alsoeine Seite „index“ nennen, wird diese später als„index.html“ publiziert.

Die Werkzeugleiste des Site-Managers hat die folgenden Befehle zur Auswahl:

● Neue SeiteFügt Ihrer Website eine neue Seite hinzu

● Neuer OrdnerFügt Ihrer Website einen neuen Ordner hinzu

● Seite bearbeitenÖffnet die ausgewählte Seite zum bearbeiten

● Seite klonenKlont die von Ihnen ausgewählte Seite

● Seite entfernenEntfernt die ausgewählte Seite aus Ihrer Website

● SeiteneigenschaftenZeigt die Eigenschaften der ausgewählten Seite an

● Nach obenVerschiebt die ausgewählte Seite, ausgehend von Ihrer Struktur, um eine Position nach oben

● Nach untenVerschiebt die ausgewählte Seite, ausgehend von Ihrer Struktur, um eine Position nach unten

● Nach linksVerschiebt die ausgewählte Seite, ausgehend von Ihrer Struktur, um eine Position nach links

● Nach rechtsVerschiebt die ausgewählte Seite, ausgehend von Ihrer Struktur, um eine Position nach oben

9

Page 10: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

TIPP! Sie können Ihre Seiten im Site-Manager auch per Drag'n'Drop organisieren, also diegewünschte Seite einfach an die gewünschte Position ziehen.

An ersten Stelle der Site-Struktur steht der aktuelleDateiname des Projekts. Das Projekt kann beliebig vieleSeiten und diese wiederum beliebig viele Unterseitenhaben.

Bis zum erstmaligen Speichern Ihres Website-Projekts heißtdieses voraussichtlich „Unbenannt1“. Gehen Sie im

Menüpunkt „Datei“ auf „ Website speichern unter...“ und geben Sie Ihrem Website-Projekt einenaussagekräfigen Namen (z.B. meinewebsite“ oder ähnlich). Der WYSIWYG Web Builder speichern nunIhr Website-Projekt unter diesem Namen und vergibt automatisch die passende Erweiterung .wbs

Eine neue Seite hinzufügen

Wählen Sie die Position aus, an der die neue Seite hinzugefügt werden soll. Wenn Sie Ihrem Projekteinfach eine weitere Seite hinzufügen wollen, klicken Sie auf angezeigten Dateinamen und dann inder Werkzeugleiste des Site-Managers auf die Schaltfläche „Neue Seite“. Das Programm fügt IhremProjekt eine neue Seite hinzu und öffnet diese automatisch im Arbeitsbereich, sodass Sie direkt mitder Arbeit an der neuen Seite beginnen können.

Um einer existierenden Seite eine Unterseite hinzuzufügenklicken Sie einfach auf diese und wählen dann in derWerkzeugleiste des Site-Managers die Schaltfläche „NeueSeite“. Auch hier fügt das Programm eine neue Seite hinzu,allerdings als Unterseite Ihrer bereits existierenden Seite.

Der WYSIWYG Web Builder gibt einer neu eingefügtenSeite grundsätzlich den Namen „Seite1“ („Seite2“, „Seite3“ ...

für die nächsten). Benennen Sie den Seitennamen einfach nach Ihren Wünschen um, indem Sie diegewünschte Seite anklicken, die F2-Taste drücken und der Seite einen neuen Namen geben. Alternativdazu klicken Sie die Seite an, betätigen die rechte Maustaste, wählen im Kontextmenü den Befehl„Seite umbenennen“ und geben der Seite einen neuen Namen. Das Ganze mit der „Enter“-Tastebestätigen. Mit der „Esc“-Taste brechen Sie den Vorgang ab.

Eine existierende Seite öffnen

Wählen Sie die Seite, die Sie öffnen und bearbeiten möchten, im Site-Manager aus und klicken Sie aufSchaltfläche „Seite bearbeiten“ in der Werkzeugleiste des Site-Managers. Noch einfacher geht es, wennSie die gewünschte Seite im Site-Manager mit einem Doppelklick öffnen.

10

Page 11: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Eine existierende Seite klonen

Um eine exakte Kopie einer bereits existierenden Seite zu erstellen, wählen Sie die zu klonende Seiteaus und klicken in der Werkzeugleiste des Site-Managers auf die Schaltfläche „Seite klonen“. Alternativdazu klicken Sie die Seite an, betätigen die rechte Maustaste, wählen im Kontextmenü den Befehl„Seite klonen“. Das Ergebnis ist eine neu angelegte Seite im Site-Manager, die exakt der bereitsexistierenden Seite entspricht.

Eine Seite entfernen

Wählen Sie die Seite die Sie entfernen möchten im Site-Manager aus und klicken Sie auf dieSchaltfläche „Seite entfernen“ in der Werkzeugleiste des Site-Managers oder betätigen Sie einfach die„Entf“-Taste auf Ihrer Tastatur.

Beachten Sie: Das Entfernen einer Seite kann nicht rückgängig gemacht werden.

Eine Seite umbenennen

Wählen Sie die Seite die Sie umbenennen möchten im Site-Manager aus und drücken Sie die „F2“-Taste auf Ihrer Tastatur. Jetzt können Sie die Seite nach Ihren Wünschen umbenennen. Das Programmaktualisiert automatisch alle bereits vergebenen Links innerhalb Ihres Website-Projekts mit demneuen Name der umbenannten Seite.

Seiten ordnen und sortieren

Mit einfachen Drag'n'Drop können Sie Ihre Seiten ordnen und die gewünschte Seite einfach an diegewünschte Positionen in Ihrer Site-Struktur ziehen. Alternativ klicken Sie die zu verschiebende Seitean und positionieren Sie diese mit den Pfeil-Schaltflächen in der Werkzeugleiste des Site-Managers andie gewünschte Stelle. Oder Sie klicken die zu verschiebende Seite an, betätigen die rechte Maustasteund wählen über das Kontextmenü die gewünschte Position aus.

Eine HTML-Seite importieren

Der WYSIWYG Web Builder bietet Ihnen die Möglichkeit, eine bestehende HTML-Seite in Ihre Websitezu importieren und in das interne Web Builder-Format zu konvertieren. Das Ergebnis dieses Vorganghängt allerdings von der zu importierenden HTML-Seite ab und kann vom Original abweichen.

1. Klicken Sie mit der rechten Maustaste in das Fenster des Site-Managers und wählen Sie imKontextmenü den Befehl „Importieren“ und dann „HTML-Seite importieren...“

oder

2. Wählen Sie im Hauptmenü „Seite“, „Importieren“ und „HTML-Seite importieren...“

11

Page 12: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Eine Seite aus einem anderen WYSIWYG Web Builder-Projekt importieren

Der WYSIWYG Web Builder bietet Ihnen außerdem die Möglichkeit, eine Seite aus einem bereitsexistierenden WYSIWYG Web Builder-Projekt in Ihre aktuelle Website zu übernehmen.

1. Klicken Sie mit der rechten Maustaste in das Fenster des Site-Managers und wählen Sie imKontextmenü den Befehl „Importieren“ und „Seite aus einem anderen Projekt importieren...“.Wählen Sie nun die Projektdatei (.wbs), die die zu übernehmende Seite beinhaltet. In derWebsite-Übersicht wählen Sie die gewünschte Seite aus und bestätigen Ihre Auswahl mit „OK“.Die gewünschte Seite wurde übernommen und ist jetzt Teil Ihres aktuellen Website-Projekts.

oder

2. Wählen Sie im Hauptmenü „Seite“, „Importieren“ und „Seite aus einem anderen Projektimportieren...“. Wählen Sie nun die Projektdatei (.wbs), die die zu übernehmende Seitebeinhaltet. In der Website-Übersicht wählen Sie die gewünschte Seite aus und bestätigen IhreAuswahl mit „OK“. Die gewünschte Seite wurde übernommen und ist jetzt Teil Ihres aktuellenWebsite-Projekts

Das Kontextmenü benutzen

Durch einen Rechtsklick mit der Maus im Fenster des Site-Managers oder einer ausgewählten Seite wird dasKontextmenü angezeigt. Hier haben Sie die jeweils für dasObjekt/den Bereich passenden Befehle direkt an der Handund können Einstellungen und Änderungen vornehmen.

12

Page 13: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Seiteneigenschaften vergeben

Das Erste, was Sie beim Erstellen einer neuen Seite machen sollten, ist das Vergeben vongrundlegenden Einstellungen. Wählen Sie im Hauptmenü den Punkt „Seite“ und dann„Seiteneigenschaften...“ aus und vergeben Sie Seitentitel, Hintergrundbilder und -farben, Schriftartenund -farben, Meta-Tags, individuelle Scroll-Balken und vieles mehr.

Allgemein

TitelGeben Sie einen Seitennamen an. Der Titel wird später (bei den publizierten Seiten) in der Titelleistedes Browser-Fensters angezeigt

Button-NameDas ist der Name Ihrer Seite. Dieser Name wird im Site-Manager und bei allen internen Vorgängen(z.B. Verlinkungen) verwendet bzw. die publizierte Seite trägt diesen Namen(z.B. Button-Name = index; publizierter Name = index.html)

Seitenbreite/SeitenhöheGibt die Breite Ihrer Arbeitsfläche an.

INFO! Der Wert „Seitenbreite:“ wird von der Option „Im Browser zentrieren“ benutzt, um dieabsolute Mitte Ihrer Seite zu berechnen. Wenn Sie also eine Seite mit z.B. einer Browser-Darstellungvon 800 x 600 Pixel erstellen möchten, geben Sie bei der „Seitenbreite“ den Wert „800“ an.Andernfalls wird Ihre Seite im Browser nicht korrekt in der Mitte (horizontal) dargestellt.

13

Page 14: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

SeitenhöheGibt die Höhe Ihrer Arbeitsfläche an.

INFO! Der Wert „Seitenhöhe:“ wird bei der fertigen Seite nicht vom Browser verwendet! Es handeltsich hier um einen internen von der Software verwendeten Wert, der Ihre Arbeitsfläche nach untenverlängert, damit der gesamte Inhalt einer Seite für Sie ersichtlich ist und bearbeitet werden kann.

DateierweiterungGrundsätzlich wird Ihre Seite mit der Dateierweiterung „.html“ publiziert. In machen Fällen ist esallerdings nötig, eine andere Dateierweiterung (z.B. „.htm“, „.php“, „.asp“) zu verwenden.

ZeichensatzDie Angabe des Zeichensatzes (Zeichenkodierung) gibt an, wie der Browser die Zeichen einer fertigeSeite zu interpretieren und darzustellen hat. Man sollte diese Kodierung immer deklarieren, umsicherzustellen, dass die Seite auch korrekt angezeigt wird. Die gängigsten Kodierungen für einedeutschsprachige Seite sind ISO-8859-1 (ANSI) und UTF-8 (UNICODE).

SeitenspracheZum Beispiel „Deutsch“. Diese Einstellung ist vor allem für Suchmaschinen (z.B. Google) wichtig, damiteine „deutschsprachige Website“ erkannt und gefunden werden kann.

FavIconZiel des FavIcon, dass Sie für Ihre Seite verwenden möchten.Ein sogenanntes „FavIcon“ (englisch, von Favorit und Icon) ist ein mit Ihrer Website verknüpftesSymbol, dass in der Adressleiste, in einem Tab oder in der Favoriten eines Browsers angezeigt wird undsomit Ihre Website besonders hervorhebt. Ein Favicon ist eine 16 mal 16 Pixel oder 32 mal 32 Pixelgroße Datei im ICO-Format.

Im Browser zentrierenIhre Seite wird im Browser-Fenster zentriert (mittig) dargestellt.

Bildleiste des Internet Explorer abschaltenDer Internet Explorer zeigt ab Version 6 eine Mini-Menüleiste zu Bildern auf Webseiten an, wenn Sieden Mauszeiger länger als eine Sekunde auf ein Bild halten. Das Anzeigen dieser Bildleiste kann hierabgeschaltet werden.

Diese Seite nicht publizierenDie aktuelle Seite soll beim Publizieren Ihrer Website nicht mitpubliziert werden. Diese Option ist z.B.interessant, wenn Sie an einer bestimmten Seite Ihrer Website noch arbeiten, alle anderen Seiten aberschon veröffentlichen möchten.

Diese Seite nicht durch Navigations-Objekte synchronisieren lassenWenn Sie diese Option auswählen, wird die aktuelle Seite beim automatischen Synchronisieren mitdem Site-Manager nicht in den Navigationsobjekten erscheinen.

Als Standard festlegenAlle getätigten Einstellungen dienen als Vorgabe für Seiten, die neu in diesem Website-Projektangelegt werden.

14

Page 15: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Formatieren

BildGibt das Hintergrundbild Ihrer Seite an (Optional).

WiederholenGibt an, ob das Anzeigen des ausgewählte Hintergrundbild in verschiedene Richtungen wiederholtwerden soll (horizontal/vertikal) oder nicht wiederholt wird.

Hintergrund fixierenFixiert das ausgewählte Hintergrundbild fest an der eingestellten Position.

Horizontale Ausrichtung/Vertikale AusrichtungGibt die horizontale bzw. vertikale Ausrichtung des Hintergrundbildes an.

HintergrundDie grundsätzliche Hintergrundfarbe Ihrer Seite.

Link/Aktiver Link/Besuchter Link/Hover-LinkDie grundsätzlichen Farben Ihrer Text-Verlinkungen.

TIPP! Über die Funktion „Hyperlink Style Sheet“ (Menü „Format“ > „Hyperlink Style Sheet...“) habenSie die Möglichkeit, mehrere verschiedene Stile für Text-Verlinkungen anzulegen und diese auf IhrerWebsite passend nach Wunsch einzusetzen.

15

Page 16: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

KlangBeim Aufrufen Ihrer Seite im Browser wird ein Klang (verschiedene Formate möglich) abgespielt.

SchleifenDer abzuspielende Klang soll wiederholt werden (Anzahl der Wiederholungen angeben bzw. „Immer“für ein permanentes Wiederholen des Klangs.

Voreingestellte SchriftartGrundsätzliche Einstellung der Schriftart, die z.B. verwendet werden soll, wenn Sie ein neuesTextobjekt erstellen.

Voreingestellte GrößeGrundsätzliche Einstellung der Schriftgröße, die z.B. verwendet werden soll, wenn Sie ein neuesTextobjekt erstellen.

Voreingestellte FarbeGrundsätzliche Einstellung der Schriftfarbe, die z.B. verwendet werden soll, wenn Sie ein neuesTextobjekt erstellen.

Auf alle anwendenDer „Auf alle anwenden“-Befehl wendet alle getätigten Einstellungen auf alle Seiten des aktuellgeöffneten Website-Projekts an.

Als Standard festlegenAlle getätigten Einstellungen diesen als Vorgabe für Seiten, die neu in diesem Website-Projektangelegt werden.

16

Page 17: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Meta-Tags

AutorDas Meta-Tag „Autor“ gibt den Verfasser der Website an. Relevant für Suchmaschinen

SchlüsselwörterDie Meta-Tags „Schlüsselwörter“ (Keywords) werden vergeben, um Websites thematisch besser zufinden. Relevant für Suchmaschinen.

BeschreibungIm Meta-Tag „Beschreibung“ (Description) können Sie Ihrer Website eine kurze InhaltsbeschreibungIhres Angebots mit auf den Weg geben. Relevant für Suchmaschinen.

GeneratorDas Meta-Tag „Generator“ gibt die Software an, mit der Ihre Website erstellt wurde.

INFO! Beachten Sie bitte : Lassen Sie eines der Felder leer, wird es vom WYSIWYG Web Builder nichtautomatisch generiert.

Auf alle anwendenDer „Auf alle anwenden“-Befehl wendet alle getätigten Einstellungen auf alle Seiten des aktuellgeöffneten Website-Projekts an.

Als Standard festlegenAlle getätigten Einstellungen diesen als Vorgabe für Seiten, die neu in diesem Website-Projektangelegt werden.

17

Page 18: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Scroll-Balken

Im Register „Scroll-Balken“ haben Sie die Möglichkeit, die Farbe der auf Ihrer Website dargestelltenScroll-Balken zu verändern und diese dem Design Ihres Webauftritts anzupassen. Das Programmgeneriert automatisch den gewünschten Code, Sie müssen sich nur um die Farben kümmern.

Beachten Sie, dass dieser Effekt nur im Internet Explorer, nicht aber in den anderen gängigenBrowsern, sichtbar wird. Hier werden weiterhin die jeweiligen Standard-Farben angezeigt.

Auf alle anwendenDer „Auf alle anwenden“-Befehl wendet alle getätigten Einstellungen auf alle Seiten des aktuellgeöffneten Website-Projekts an.

Als Standard festlegenAlle getätigten Einstellungen diesen als Vorgabe für Seiten, die neu in diesem Website-Projektangelegt werden.

18

Page 19: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Seitenübergänge

Im Register „Seitenübergänge“ haben Sie diverse Einstellungsmöglichkeiten, um den Besucher beimÖffnen bzw. Schließen Ihrer Website/Seite mit einem interessanten animierten Effekt zu empfangenbzw. zu verabschieden.

Übergangseffekte werden im Vorschau-Modus nicht angezeigt. Sie müssen Ihre Seite publizierendamit der gewünschte Effekt sichtbar wird.

Beachten Sie, dass diese Effekte nur im Internet Explorer (ab Version 4), nicht aber in den anderengängigen Browsern, angezeigt wird.

19

Page 20: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Arbeiten mit Hilfslinien, Gittern und Linealen

Das Anzeigen von Hilfslinien, Gittern und Linealen auf Ihrer Arbeitsfläche kann bei der Erstellung IhrerWebsite sehr hilfreich sein. Es vereinfacht das exakte Platzieren und Ausrichten der verschiedenenObjekte ungemein. Um die Einstellungen dieser Führungslinien festzulegen oder zu verändern,wählen Sie im Hauptmenü „Layout“ und dann „Einstellungen Führungslinien...“

Hilfslinien lassen sich exakt an der gewünschten Position (horizontal und vertikal) einrichten. Dieeinfachste Methode, eine Hilfslinie auf Ihrer Arbeitsfläche anzubringen, ist das „Herausziehen“ aus demLineal. Alternativ können Sie über „Layout“ und „Hilfslinien...“ die exakte Postion der gewünschtenHilfslinien in Pixel angeben.

Der WYSIWYG Web Builder gibt Ihnen mit dem Gitter ein effektives Werkzeug zum Ausrichten IhrerObjekte auf Ihrer Arbeitsfläche an die Hand. Die Abstandsgröße des Gitters lässt sich beliebigverändern. Das „Am Gitter einrasten“-Feature sorgt für ein exaktes Platzieren der Objekte.

Das Lineal hilft Ihnen, sich auf der Arbeitsfläche zu orientieren und Objekte (auch in Verbindung mitden Hilfslinien) symmetrisch besser anzuordnen.

20

Page 21: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einen Text hinzufügen

Eine der ersten Aufgaben beim Erstellen einer Website ist der Text. Dazu müssen Sie einen Textbereichauf Ihre Arbeitsfläche ziehen bzw. einfügen.

Wählen Sie im Hauptmenü den Eintrag „Einfügen“ > „Text“ (Alternativ: Werkzeugbox > Text). DerMauszeiger verändert seine Optik und wird zum Kreuz. Zeichnen Sie jetzt eine Box auf dieArbeitsfläche (an der gewünschten Position und in der gewünschten Größe).

Klicken Sie nun doppelt auf diese Box um mit dem Bearbeiten des Textes zu beginnen. Schreiben Sienun Ihren Text. Absätze erzwingen Sie mit der Enter-Taste. Das Feld wird, je nach Menge desgeschriebenen Textes, automatisch nach unten verlängert.

Einen Text formatieren

Als Nächstes können Sie sich an das Formatieren Ihres Textesmachen. Markieren Sie die zu formatierende Textpassage undwählen Sie im Hauptmenü den Eintrag „Format“. Hier stehen Ihnen(wie in einem Textverarbeitungsprogramm) verschiedeneFormatierungsmöglichkeiten für Zeichen (Schriftart, Schriftgröße,Schriftfarbe, Fett, Kursiv etc.) und Absätze (Linksbündig,Rechtsbündig, Zentriert etc.) zur Verfügung.

Um die Bearbeitung Ihres Textes zu beenden, klicken Sie einfachaußerhalb des Textfeldes.

21

Page 22: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Ein Bild hinzufügen

Wählen Sie im Hauptmenü den Eintrag „Einfügen“ > „Bild“ (Alternativ: Werkzeugbox > Bild). DerMauszeiger verändert seine Optik und wird zum Kreuz. Zeichnen Sie jetzt eine Box auf dieArbeitsfläche (an der gewünschten Position). Die Größe der aufgezogenen Box ist unerheblich, dadiese sich der Originalgröße des gewünschtes Bildes anpasst. Die „Öffnen“-Dialogbox wird angezeigtund Sie wählen Ihr gewünschtes Bild aus.

Um die Größe des eingefügten Bildes zu verändern gehen mit der Maus auf einer der acht Anfasser,halten die linke Maustaste gedrückt und ziehen das Bild in die gewünschte Richtung.

22

Page 23: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Ein Bild drehen

Sie können Bilder in eine beliebige Richtung drehen. Wählen Sie im Hauptmenü den Eintrag„Bearbeiten“ > „Drehen“ (Alternativ: Werkzeugbox > Drehen). Jetzt klicken Sie mit der Maus auf das zudrehende Bild. Wie Sie sehen, verändern die Anfasser jetzt ihre Optik (rund) und ihre Farbe (Grün).Gehen Sie mit der Maus auf einen der vier Anfasser, halten Sie die linke Maustaste gedrückt unddrehen das Bild wie gewünscht. Um das Bild in 15°-Schritten zu drehen, halten Sie während desDrehvorgangs die Hochstell-Taste gedrückt.

Ein Bild mit Effekten versehen

Der WYSIWYG Web Builder bietet Ihnen die Möglichkeit ohne den Einsatz einer externenBildbearbeitungsoftware Ihre Bilder zu bearbeiten und mit interessanten Effekten zu versehen. Einigeder Effekte sind: Kontrast, Helligkeit, Einfärben, Verwischen, Weichzeichnen, Schärfen, Graustufen,Prägen, Negative, Sepia und viele weitere mehr. Weitere Effekte, wie die Vergabe eines Schattens odereiner Reflektion, stehen Ihnen im „Eigenschaften Bild“-Fenster zur Verfügung (Rechte Maustaste >„Eigenschaften...“ oder Doppelklick auf das gewünschte Bild).

23

Page 24: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Eine Form hinzufügen

Wählen Sie im Hauptmenü den Eintrag „Einfügen“ > „Zeichnung“ > „Form“ (Alternativ: Werkzeugbox >Form). Der Mauszeiger verändert seine Optik und wird zum Kreuz. Zeichnen Sie jetzt eine Box auf dieArbeitsfläche (an der gewünschten Position). Sie sehen jetzt ein Rechteck mit blauem Verlauf vor sich.Um die Größe der eingefügten Form zu verändern gehen mit der Maus auf einer der acht Anfasser,halten die linke Maustaste gedrückt und ziehen die Form in die gewünschte Richtung.

Eine Form drehen

Sie können Formen in eine beliebige Richtung drehen. Wählen Sie im Hauptmenü den Eintrag„Bearbeiten“ > „Drehen“ (Alternativ: Werkzeugbox > Drehen). Jetzt klicken Sie mit der Maus auf die zudrehende Form. Wie Sie sehen, verändern die Anfasser jetzt ihre Optik (rund) und ihre Farbe (Grün).Gehen Sie mit der Maus auf einen der vier Anfasser, halten Sie die linke Maustaste gedrückt unddrehen die Form wie gewünscht. Um die Form in 15°-Schritten zu drehen, halten Sie während desDrehvorgangs die Hochstell-Taste gedrückt.

24

Page 25: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Eine Form bearbeiten

Das Objekt „Form“ gibt Ihnen Möglichkeiten an die Hand, die Sie bisher nur von teuren undkomplexen Grafik- oder Desktop Publishing-Programmen kannten. Nicht nur Rechtecke, sondernpraktisch jede erdenkliche Form lässt sich mit diesem Feature erstellen und nach eigenen Wünschenmodifizieren. Einfache Kreise, Ellipsen, Dreiecke und abgerundete Rechtecke können genauso wieSterne, Pfeile, Würfel, Pyramiden, Herzen, Wolken, Sprechblasen, Mehrecke u.v.m. auf Ihrer Websitezum Einsatz kommen.

Diverse Fülleffekte wie Verläufe, Muster, „Bild in Form“ und andere (z.B. der aus Windows Vistabekannte Glass-Effekt) stehen Ihnen, neben der Vergabe von Rahmen-, Schatten- undOpazitätseinstellungen, zur Verfügung. Die Option „Kantenglättung“ (Anti-Alias) sorgt für ein weichesund harmonisches Erscheinungsbild. Jede Form kann einen beliebigen Text enthalten, den Sie nachIhren Vorstellungen formatieren und ausrichten können.

25

Page 26: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Andere Objekte hinzufügen

Außer Texten, Bildern und Formen hat der WYSIWYG Web Builder eine Unmenge an weiterenObjekten, die Sie Ihrer Website hinzufügen und bearbeiten können:

Übersicht

Allgemein:LesezeichenBullet-Liste Horizontale HTML-LinieBild LaufbandTabelleText

Formular:Formular-AssistentFormularbereichErweiterter ButtonMarkierfeldAuswahlfeldEingabefeldDatei-UploadBild-ButtonButtonOptionsfeldText-Bereich

Erweitert:ActiveXDatei-PublisherFlashJavaHTMLInline FrameEbenenMaster-SeiteOLE-ObjektePlugInsQuicktimeReal PlayerWindows Media Player

Navigation:Gehe zu-MenüMenüleisteNavigationsleisteSlide-MenüTab-MenüText-Menü

Zeichnung:KurveGeschlossene KurveLiniePolygonScribbleForm

Extra:BannerBlogImageMapFoto-GalerieGebrauchsfertige Java-ScriptsRollOver-BildRSS-FeedSlide-Show

PayPal eCommerce:'Jetzt kaufen'-Button'Zum Warenkorb hinzufügen'-Button'Warenkorb anschauen'-ButtonAbonnement-ButtonSpenden-Button

Registrierte User haben außerdem Zugriff auf sogenannte „Extensions“. Extensions (oder auch Add-On's genannt) sind Komponenten, die die Funktionalität des WYSIWYG Web Builder enorm erweitern.Über die "Werkzeugbox" oder den Menüpunkt "Einfügen" kann, wie bei anderen Objekten, auf diegewünschten Extensions zugegriffen und diese eingefügt werden.

Einige Extensions sind einfache Komponenten mit grundlegenden Features, während andere vonihren Funktionsmöglichkeiten eher eigenständigen Anwendungen gleichen. So lässt Sie z.B. aufeinfache Art ein Gästebuch, eine Flash-Fotoshow, ein MP3- oder Video-Player, ein eigenes Logo, eineSuchfunktion für Ihre Website, Glass-Buttons, Passwort-Schutz und vieles mehr erstellen, anpassenund umfangreich bearbeiten.

26

Page 27: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Links zu internen und externen Seiten

Ein Link (Hyperlink) verknüpft eine Webseite mit einer anderen. Wenn der Besucher einer Ihrer Seiteneinen Link anklickt, wird die verknüpfte Seite im Browser-Fenster angezeigt. Links können aber auchmit Bildern, Multimedia-Dateien, bestimmten Bereichen einer Webseite, E-Mail-Adressen undProgrammen verknüpft werden. Außer für einem Text kann auch für ein Bild ein Link vergebenwerden. Die folgenden Schritte erläutern, wie Sie im WYSIWYG Web Builder einen Link erstellen.

Einen Text verlinken

Markieren Sie den zu verlinkenden Text. Wählen Sie im Hauptmenü den Eintrag „Einfügen“ > „Link...“(Alternativ: Symbolleiste > Link oder rechte Maustaste > Link...). Nun haben Sie das Dialogfenster„Hyperlink einfügen“ vor sich.

Ein Bild, eine Form oder ein RollOver-Bild verlinken

Wählen Sie das Bild, die Form oder das RollOver-Bild, dass verlinkt werden soll, aus und wählen imHauptmenü den Eintrag „Einfügen“ > „Link...“ (Alternativ: Symbolleiste > Link oder rechte Maustaste >Link...). Nun haben Sie das Dialogfenster „Hyperlink einfügen“ vor sich. Beachten Sie, dass Sie imDialogfenster „Eigenschaften Bild“ ebenfalls die Möglichkeit haben, dem Bild einen Link zu vergeben.

27

Page 28: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einen Link zu einer externen Seite vergeben

Wählen Sie bei „Verlinken mit:“ den Eintrag „Website“. Geben Sie im Feld „URL:“ die Internetadresse derWebseite ein, die beim Anklicken des Links angezeigt werden soll.ACHTUNG: Externe Adressen MÜSSEN mit „http://“ beginnen, sonst werden sie nicht angezeigt. GebenSie also z.B. „http://www.goemo.de“ und NICHT „www.goemo.de“ ein.

28

Page 29: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einen Link zu einer internen Seite vergeben

Wählen Sie bei „Verlinken mit:“ den Eintrag „Interne Seite“. Klicken Sie auf „Auswählen...“. Im Fenster„Seite auswählen“ werden alle Seiten Ihres aktuellen Website-Projekts angezeigt. Wählen Sie die zuverlinkende Seite aus und klicken Sie auf „OK“. Das Programm erstellt nun automatisch dieentsprechende Verlinkung zu der gewünschten internen Seite.

Einen Link zu einer Datei vergeben

Wählen Sie bei „Verlinken mit:“ den Eintrag „Datei“. Klicken Sie auf „Durchsuchen...“. Im Fenster„Öffnen“ wählen Sie die Datei aus, mit der verlinkt werden soll und bestätigen Ihre Auswahl mit derSchaltfläche „Öffnen“. Das Programm schließt diese Datei automatisch mit in Ihre Website ein. Beimspäteren Publizieren Ihrer Website wird diese Datei automatisch auf Ihren Webspeicherplatz mithochgeladen. Diese Link-Form ist vor allem für die User interessant, die z.B. den Download vonDateien auf Ihrer Website anbieten wollen.

29

Page 30: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einen Link zu einer E-Mail-Adresse vergeben

Wählen Sie bei „Verlinken mit:“ den Eintrag „E-Mail-Adresse“. Im Feld „An:“ sehen Sie die Vorgabe„mailto:“. Hinter diese Vorgabe schreiben Sie die E-Mail-Adresse, mit der verlinkt werden soll, z.B.„mailto:[email protected]“. Wenn der Besucher diesen Link später auf Ihrer Seite anklickt, öffnet sich automatisch dieentsprechende E-Mail-Software des Besuchers (Outlook, Thunderbird etc.) und dieser kann an dieangegebene E-Mail-Adresse eine Nachricht schreiben.

Zielfenster oder Frame

Im gleichen Browser-Fenster öffnenÖffnet die verlinkte Seite im bereits aktuell geöffneten Fenster

In neuem Browser-Fenster öffnenÖffnet die verlinkte Seite in einem neuen Fenster. Das aktuelle Fenster bleibt geöffnet.

In einem Popup-Fenster öffnenÖffnet die verlinkte Seite in einem neuen, von Ihnen definierten Fenster (Javascript). Das aktuelleFenster bleibt geöffnet. Größe, Format und Position des Popup-Fensters legen Sie unter„Einstellungen...“ fest.

In anderem Fenster oder Frame öffnenÖffnet die verlinkte Seite in einem von Ihnen definierten Zielfenster. Diese Option ist vor alleminteressant, wenn Sie mit sogenannten „Inline Frames“, also „Seiten in Seiten“ arbeiten. Inline Frameskönnen innerhalb einer Seite angelegt werden und rufen eine beliebige, komplette Webseite auf.Deren Inhalt spielt keine Rolle. Die Größe und das Format eines solchen Inline Frames bestimmen Sieselbst. Mit den verschiedenen Werten („_blank“, „_self“, „_parent“, „_top“) haben Sie die Möglichkeit,Verlinkungen innerhalb und außerhalb eines solchen Inline Frames zu erstellen.

30

Page 31: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Lesezeichen (Zu einem festgelegten Bereich auf einer Seite verlinken)

Texte, Bilder und Formen können nicht nur einfach zu einer Seite, sondern auch zu definiertenBereichen auf einer Seite verlinkt werden. Ein solcher Bereich muss natürlich gekennzeichnet werden,damit der erstellte Link weiß, wohin er „springen“ soll. Sie haben zum Beispiel auf einer Seite mehrereThemen untergebracht und möchten nun Ihrem Besucher die Möglichkeit geben, direkt zu denjeweiligen Themen zu navigieren ohne jedes Mal durch die komplette Seite scrollen zu müssen. Fürdieses Vorhaben bietet sich der Einsatz von „Lesezeichen“ (auch „Anker“ genannt) an. Die Positiondieser Lesezeichen können sie selbst bestimmen.

Schritt 1Wählen Sie im Hauptmenü den Eintrag „Einfügen“ > „Lesezeichen“ (Alternativ: Werkzeugbox >Lesezeichen). Der Mauszeiger verändert seine Optik und wird zum Kreuz. Zeichnen Sie nun das„Lesezeichen“ auf Ihre Arbeitsfläche.

Schritt 2Verschieben und positionieren Sie das Lesezeichen an die gewünschte Stelle.

31

Page 32: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Schritt 3Klicken Sie doppelt auf das Lesezeichen. Im Fenster „Eigenschaften Lesezeichen“ geben Sie demLesezeichen einen eindeutigen Namen.

Schritt 4Verlinken Sie jetzt ein Objekt (Text, Bild, Form etc.) mit einer internen Seite, haben Sie zusätzlich dieMöglichkeit, den Besucher direkt zum „Lesezeichen“ auf dieser Seite springen zu lassen.

32

Page 33: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Website speichern

Der WYSIWYG Web Builder verwendet zum Speichern ein sogenanntes natives, alsoprogrammeigenes, Dateiformat (.wbs), dass alle Seiten Ihrer Website in eine einzelne Datei speichert.Wenn Sie also an Ihrer Website arbeiten möchten, müssen Sie lediglich diese Datei im WYSIWYG WebBuilder öffnen. Das hat den Vorteil, dass Sie nicht direkt mit HTML (oder dessen Code) konfrontiertwerden und bei all Ihren Arbeiten und Aufgaben auf die umfangreichen und komfortablen Vorteiledes WYSIWYG Web Builder zurückgreifen können.

Zum Speichern Ihres Website wählen Sie im Hauptmenü den Eintrag „Datei“ > „Website speichernunter...“ und geben Ihrem Projekt einen passenden Namen. Diese Datei wird, wie erwähnt, imFormat .wbs abgespeichert und kann nur in Ihrer aktuellen oder einer neueren Version des WYSIWYGWeb Builder wieder geöffnet werden.

Wenn Sie Ihr Projekt in das HTML-Format speichern möchten, müssen Sie Ihre Website publizieren(„Datei“ > „Publizieren...“). Einzelne Seiten können Sie auch in das HTML-Format exportieren („Datei“ >„Nach HTML exportieren...“).

33

Page 34: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Vorschau auf Ihre Website im Browser

Wählen Sie im Hauptmenü den Eintrag „Datei“ > „Vorschau im Browser...“ > „Standard-Browser“(Alternativ: „Symbolleiste“ > „Vorschau“ oder drücken Sie die Taste „F5“) um sich die aktuelle Seite IhrerWebsite in Ihrem Standard-Browser anzeigen zu lassen.

Desweiteren haben Sie Möglichkeit, die Browser-Liste zu konfigurieren, also sich Ihre Seite auch inanderen Browsern anzeigen zu lassen (soweit diese auf Ihrem System installiert sind). Wählen Sie dazuim Hauptmenü den Eintrag „Datei“ > „Vorschau im Browser...“ > „Browser-Liste bearbeiten...“ und fügenSie den gewünschten neuen Browser hinzu. Diese Liste kann um beliebig viele Browser ergänztwerden. Jetzt können Sie sich Ihre Seiten zur besseren Kontrolle Ihrer Arbeit auch in einemalternativen Browser anschauen.

Wenn Sie nicht nur einen Blick auf die aktuell zu bearbeitende Seite sondern auf Ihre ganze Websitewerfen wollen, müssen Sie die Einstellungen für Ihren „Vorschau-Bereich“ verändern. Wählen Sie imHauptmenü den Eintrag „Werkzeuge“ > „Optionen...“ und dann das Register „Sonstiges“ aus. Unter„Vorschau“ stellen Sie den „Vorschau-Bereich“ auf „Ganze Website“ um. Zukünftig wird bei der Vorschauim Browser Ihre komplette Website angezeigt. Dies kann, zum Beispiel zur Überprüfung von internenVerlinkungen, sehr hilfreich sein.

34

Page 35: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Webseiten publizieren (veröffentlichen)

Die letzte Phase bei der Erstellung einer Website nimmt das Publizieren/Veröffentlichen ein. Um IhreWebsite Besuchern zugänglich zu machen, benötigen Sie Speicherplatz auf einem Webserver (auch„Webspace“ oder „Host“ genannt). Diese Webserver erlauben Ihnen das Ablegen Ihrer Dateien und inFolge die Verfügbarkeit für Ihre Besucher bzw. das Anzeigen Ihrer Dateien in einem Browser. Siebenötigen also Webspeicherplatz! Neben kommerziellen finden Sie auch eine Reihe von kostenlosenAnbietern, die sich in der Regel von der Größe des verfügbaren Speichers, leider aber auch durchmehr oder weniger lästige Werbung und Zuverlässigkeit voneinander unterscheiden. Wer seinenWebauftritt längerfristig und mit Ziel plant, kommt an einem kommerziellen Anbieter nicht vorbei.

Publizieren auf einen FTP-Server

Wenn Sie sich bei einem Anbieter registriert haben, erhalten Sie unter anderem sogenannte FTP-Zugangsdaten. Mit diesen Daten (Server-Adresse, Benutzername und Passwort) haben Sie dieMöglichkeit auf Ihren Webspeicherplatz zuzugreifen und so Ihre Website hochzuladen, damit diese fürIhre Besucher zugänglich ist.

Wählen Sie im Hauptmenü den Eintrag „Datei“ > „Publizieren...“ (Alternativ: „Symbolleiste“ >„Publizieren“). Im Fenster „Website publizieren“ müssen Sie nun die Verbindung zu IhremWebspeicherplatz „Hinzufügen...“. Unter „Publiziereinstellung hinzufügen“ wählen Sie bei „Typ“ denEintrag „Remote“ (Entfernter Server).

35

Page 36: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Geben nun unter anderem die Daten ein, die Sie von Ihrem Anbieter für die Enrichtung Ihres FTP-Zugangs erhalten haben:

Beschreibung:Kurze, eigene Beschreibung für diese Verbindung (z.B. „Meine Website“ oder ähnliches)

URL:Die Adresse Ihrer Website im Internet (optional)

Host:Geben Sie den vom Anbieter erhaltenen FTP-Server-Namen ein (z.B. „ftp.anbieter.de“)

Benutzername:Geben Sie Ihren vom Anbieter erhaltenen Benutzernamen ein.

Passwort:Geben Sie Ihr vom Anbieter erhaltenes Passwort (Kennwort) ein.

Verzeichnis:Gibt das Verzeichnis auf dem FTP-Server an, in das Ihre Dateien hochgeladen werden sollen. DieseEinstellung ist von Anbieter zu Anbieter verschieden. Kontaktieren Sie bei Fragen bitte Ihren Anbieter.

Möchten Sie Ihren Benutzernamen bzw. Ihr Passwort nicht permanent speichern, wählen Sie„Anonym“ aus. Das macht Sinn, wenn mehrere Personen auf den gleichen PC Zugriff haben. Siemüssen allerdings bei jeden Verbindungsaufbau zu Ihrem FTP-Server diese Daten erneut eingeben.

Wenn Sie über einen Router mit dem Internet Verbindung aufnehmen oder Ihr PC durch eine Firewallgeschützt ist, wählen Sie bitte außerdem „Passiver FTP-Modus für Übertragung verwenden“ aus.

Klicken Sie auf „OK“, um Ihre Einstellungen zu bestätigen. Diese sind nun gespeichert und Sie könnenIhre komplette Website, aber natürlich auch einzelne Seiten, auf Ihren Webspeicherplatz hochladen.

36

Page 37: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Publizieren in ein Verzeichnis auf Ihrem PC

Sollte Ihr Webspeicherplatz das Hochladen via FTP nicht unterstützen oder Sie zum Hochladen IhrerWebsite ein externes FTP-Programm verwenden wollen, können Sie Ihre Website auch „lokal“, also inein Verzeichnis auf Ihrem PC, publizieren.

Wählen Sie hierzu im Hauptmenü den Eintrag „Datei“ > „Publizieren...“ (Alternativ: „Symbolleiste“ >„Publizieren“). Im Fenster „Website publizieren“ müssen Sie nun die Verbindung zu IhremWebspeicherplatz „Hinzufügen...“. Unter „Publiziereinstellung hinzufügen“ wählen Sie bei „Typ“ denEintrag „Lokal“.

Beschreibung:Kurze, eigene Beschreibung (z.B. „Meine Website“ oder ähnliches)

URL:Die Adresse Ihrer Website im Internet (optional)

Ordner:Geben Sie das Verzeichnis auf Ihrem PC an, in das Ihre Website publiziert werden soll.

Klicken Sie auf „OK“, um Ihre Einstellungen zu bestätigen. Diese sind nun gespeichert und Sie könnenIhre Website, aber natürlich auch einzelne Seiten, in das von Ihnen vorgegebene Verzeichnispublizieren und von dort aus mit z.B. Ihren favorisierten FTP-Programm oder einer anderen vomAnbieter Ihres Webspeicherplatzes angebotenen Alternative hochladen.

37

Page 38: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Zu publizierende Seiten

Wählen Sie aus, welche Seiten Sie publizieren möchten, indem Sie Ihre Einstellungen festlegen:

Publizieren:Sie können die „Ganze Website“, „Nur aktuelle Seite“ , die „Aktuelle Seite und Unterseiten“ aber aucheine gewünschte Seite („Seite:“ > „Auswählen“) publizieren.

Dateien:„Alle Dateien publizieren“ (komplett inklusive aller Dateien wie Bilder, Klänge, Videos, hinzugefügteDateien für eventuelle Downloads etc.)„Nur HTML-Dateien publizieren“ (Es werden lediglich die HTML-Dateien publiziert, nicht aber Bilder,Klänge, Videos, hinzugefügte Dateien für eventuelle Downloads etc.)„Nur geänderte Dateien publizieren“ (Es werden alle Dateien publiziert, die seit dem letztenPublizieren verändert wurden oder neu hinzugekommen sind.)

38

Page 39: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Probleme beim Publizieren – Checkliste

Ist Ihre FTP-Adresse (Host) korrekt angegeben?Kontaktieren Sie bei Bedarf Ihren Anbieter.

Ist Ihr Benutzername und Ihr Passwort korrekt?Kontaktieren Sie bei Bedarf Ihren Anbieter.

Ist das Verzeichnis, in das Ihre Dateien hochgeladen werden sollen, korrekt angegeben?Sollten Ihre Dateien nach dem Hochladen nicht korrekt angezeigt werden, könnte es daran liegen,dass Ihr Anbieter ein spezielles Verzeichnis zum Ablegen Ihrer Dateien angibt, Sie Ihre Dateien aberdirekt ins Hauptverzeichnis oder ein anderes Verzeichnis hochgeladen haben. Kontaktieren Sie beiBedarf Ihren Anbieter.

Blockiert Ihre Firewall die Verbindung zu Ihrem FTP-Server?Schalten Sie vor dem Übertragen Ihrer Dateien auf den FTP-Server den „Passiven FTP-Modus“ in denPubliziereinstellungen ein.

Werden die Bilder auf Ihrer Website/Seite nicht angezeigt?Haben Sie die Bilder überhaupt auf Ihren FTP-Server übertragen? Kontrollieren Sie, ob Sie bei denPubliziereinstellungen nicht versehentlich „Nur HTML-Dateien publizieren“ ausgewählt haben.

Beim Hochladen Ihrer Dateien mit einem externen FTP-Programm:Grundsätzlich legt der WYSIWYG Web Builder beim Publizieren alle Bilder in einen Ordner „images“(Diese Einstellung können Sie über „Werkzeuge“ > „Optionen“ im Register „Aktuelle Website“ ändern).Dieser Ordner muss ebenfalls mit auf Ihren FTP-Server übertragen werden.

Manche Anbieter erlauben auf Ihren FTP-Servern kein Anlegen von eigenen Verzeichnissen/Ordnernbzw. Hochladen von eigenen Verzeichnissen/Ordnern. Daher müssen alle Dateien im gleichenVerzeichnis sein. Wählen Sie im Hauptmenü den Eintrag „Werkzeuge“ > „Optionen“ das Register„Aktuelle Website“. Markieren Sie „Eine Kopie der Bilder in einem Unterordner relativ zur WebsiteProjekt-Datei speichern“, lassen aber dann das Feld „Unterordner“ leer und bestätigen Ihre Einstellungmit „OK“. Der WYSIWYG Web Builder legt zukünftig für Bilder keinen gesonderten Ordner mehr an,sondern publiziert die Bilder in das gleiche Verzeichnis wie Ihre HTML-Dateien.

Grundsätzlich gilt:Vermeiden Sie bei Site-/Seiten- oder Dateinamen Leerzeichen, Umlaute oder Sonderzeichen. Server,aber auch Browser, haben in der Regel Probleme, diese Zeichen korrekt umzusetzen bzw. darzustellen.So kann es zum Beispiel vorkommen, dass eine Seite „kümmel.html“ oder ein Bild „foto jörg.jpg“ nichtoder nicht korrekt dargestellt werden. Verwenden Sie dementsprechend die Schreibweisen„kuemmel.html“ oder „foto_joerg.jpg“.

39

Page 40: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Eine Navigationsleiste für Ihre Website

Eine der wirklich spannenden Funktionen des WYSIWYG Web Builder ist die Möglichkeit, mit wenigenMausklicks erweiterte Navigationselemente in eine Website einzubinden. Die Navigationsleiste isteines dieser Features. Es handelt sich hierbei um eine Gruppe von Buttons (Schaltflächen). DieseButtons sind mit verschiedenen Seiten Ihrer Website verlinkt sodass das jeweilige Anklicken desgewünschten Buttons den Besucher zur gewünschten Seite führt.

Um Ihre Website mit einer Navigationsleiste aufzupeppen, wählen Sie im Hauptmenü den Eintrag„Einfügen“ > „Navigation“ > „Navigationsleiste“ (Alternativ: Werkzeugbox > Navigationsleiste).

Eigenschaften der Navigationsleiste

Durch das Doppelklicken auf die Navigationsleiste (Alternativ: rechte Maustaste > „Eigenschaften...“)erscheint das Fenster „Eigenschaften Navigationsleiste“. Sie können nun zu jeder Zeit Buttonshinzufügen, bearbeiten und auch löschen. Wählen Sie „Hinzufügen...“ aus, um Ihrer Navigationsleisteeinen neuen Button zu spendieren. Oder wählen Sie aus der Liste „Buttons“ einen bestehenden Eintragaus um diesen zu „Bearbeiten...“ oder zu „Entfernen“. Die Reihenfolge Ihrer Buttons verändern Sie,indem Sie den zu verschiebenden Eintrag aus der Liste „Buttons“ auswählen und über „Nach oben“und „Nach unten“ an Ihre gewünschte Listenposition bringen.

Das „Layout“, also die Anordnung der Navigationsleiste, kann den „Typ:“ „Horizontal“ (Buttons von linksnach rechts) oder „Vertikal“ (Buttons von oben nach unten) haben. Der Wert „Abstand:“ gibt denLeerraum zwischen zwei Buttons in Pixel an. Die Größe der Buttons kann horizontal angepasstwerden, das heißt, dass Sie die Navigationsleiste den optischen Bedürfnissen Ihrer Seite optimalanpassen und bei Bedarf in ihrer horizontalen Größe verändern können.

40

Page 41: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Mit dem Site-Manager synchronisieren

Wenn Sie diese Option ausgewählt haben, gleicht der WYSIWYG Web Builder die Buttons IhrerNavigationsleiste mit dem Inhalt Ihrer Website, also den vorhandenen Seiten, ab. Das hat den Vorteil,dass Sie Ihre internen Verlinkungen nicht manuell hinzufügen müssen. Fügen Sie Ihrer Website eineneue Seite hinzu, erkennt die Synchronisation diesen Vorgang und legt automatisch einen neuenButton für diese neue Seite in der Navigationsleiste an.

Die Angabe der „Stufe:“ gibt an, welche Ebene Ihrer Seiten im Site-Manager synchronisiert werden sollund dementsprechend die Buttons, die angelegt werden.

Erste EbeneErstellt Buttons für die Seiten, die sich im Site-Manager direkt in der Hauptebene befinden.

Stamm-EbeneErstellt Buttons für die Seiten, die sich im Site-Manager direkt in der übergeordneten Ebene befinden.

Aktuelle EbeneErstellt einen Button für die aktuelle Seite und alle Seiten, die im Site-Manager der gleichenübergeordneten Seite zugewiesen sind.

Untergeordnete EbeneErstellt Buttons für alle Seiten, die im Site-Manager der aktuellen Seite untergeordnet (also Unterseitender aktuellen Seite) sind.

41

Page 42: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Stil der Navigationsleiste

Um den Stil, also die Optik, Ihrer Navigationsleiste zu verändern und anzupassen, wechseln Sie zumRegister „Stil“.

In diesem Fenster können Sie „Text“-Einstellungen bezüglich der Schriftart, -stil, -größe und -farbe IhrerButtons vornehmen. Zur Verfügung steht Ihnen außerdem eine umfangreiche Sammlung anvordefinierten Button-Grafiken („Bild“). Vergeben Sie ein Bild für den Normalzustand Ihrer Buttons(„Normal“) und ein weiteres für den Zustand beim Überfahren der Buttons mit der Maus („Maus-Over“). Zu guter Letzt können Sie Ihren Button einen Klang zuweisen (hörbar beim Überfahren derButtons mit der Maus).

WYSIWYG Web Builder kommt mit einer Reihe von vorgefertigten Bildern für Ihre Navigationsleiste.Wenn Sie selbst Bilder erstellt haben und als Button-Grafik einsetzen möchten, müssen diese in das„navbar“-Verzeichnis Ihrer WYSIWYG Web Builder-Installation kopiert werden, damit sie hier zurVerfügung stehen (Standard: C:\Programme\WYSIWYG Web Builder 5\navbar).

Weitere kostenlose Grafiken für das Navigationsleisten-Feature finden Sie unter:www.wysiwygwebbuilder.de

42

Page 43: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Eine Menüleiste für Ihre Website

Ein weiteres spannendes Feature des WYSIWYG Web Builder ist das einfache Hinzufügen einerMenüleiste auf Ihre Website. Die Menüleisten-Funktion beruht auf JavaScript und kann komplexeMenü-Strukturen aus bekannten grafischen Benutzeroberflächen nachahmen, zum Beispiel die desInternet Explorer oder auch Microsoft Office. Die Funktion gibt Ihnen die Möglichkeit an die Hand, aufeinfache Art und Weise Menüs zu erstellen, Menü-Punkte hinzuzufügen, diese mit den gewünschtenVerlinkungen zu belegen und optisch individuell anzupassen.

Um Ihre Website mit einer Menüleiste auszustatten, wählen Sie im Hauptmenü den Eintrag „Einfügen“> „Navigation“ > „Menüleiste“ (Alternativ: Werkzeugbox > Menüleiste). Der Mauscursor verändert seinAussehen und wird zum Kreuz. Ziehen Sie nun eine Box auf Ihrer Arbeitsfläche auf (diese kann späterin ihrer Größe angepasst werden).

Eigenschaften der Menüleiste

Klicken Sie doppelt auf diese Box und starten Sie mit dem Bearbeiten Ihrer Menüleiste. Unter„Hinzufügen...“ setzen Sie Ihren ersten Menüpunkt, vergeben den gewünschten Namen und verlinkennach Ihren Vorstellungen. Bestätigen Sie die Einstellungen mit „OK“. Wie Sie sehen, erscheint derMenüpunkt in der „Menu Bar Items“-Liste. Fügen Sie nun nach gleichen Schema weitere Menüpunktehinzu. Trennen Sie bei Bedarf zusammenhängende Menüpunkte durch einen „Teiler“ (wie in einemProgramm-Menü). Verändern Sie die Reihenfolge der Einträge Ihrer Menüleiste beliebig „Nach oben“ ,„Nach unten“, nach links („ “) und nach rechts („ “). Bestehende Menüpunkte lassen sich bequem„Bearbeiten...“. Das „Layout“, also die Anordnung der Menüleiste, kann “ „Horizontal“ (Buttons von linksnach rechts) oder „Vertikal“ (Buttons von oben nach unten) angelegt werden und auch die Menüleistelässt sich, wie schon die Navigationsleiste, mit dem Site-Manager synchronisieren.

43

Page 44: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Stil der Menüleiste

Um den Stil, also die Optik, Ihrer Menüleiste zu verändern und anzupassen, wechseln Sie zum Register„Stil“. Unter „Eigenschaften Menüleiste“ finden Sie die Werkzeuge, um Ihre Menüleiste umfangreichanzupassen und zu verändern. Das „Erscheinungsbild“ regelt grundsätzlich das Aussehen derMenüleiste. Diverse vorgegebene Einträge simulieren das jeweils angegebene Erscheinungsbild. DerEintrag „Standard“ gibt Ihnen die Möglichkeit, Ihre Menüleiste nach Ihren Wünschen zu modifizierenund Schriftformatierungen, Farben, Bilder, Abstände und Effekte festzulegen.

Beachten Sie: Alle getätigten Einstellungen sind nur im Browser (Vorschau oder Publizieren), nichtaber auf der Arbeitsfläche sichtbar. Zum Kontrollieren Ihrer Menüleiste lassen Sie sich Ihre Seite imBrowser per Vorschau anzeigen.

44

Page 45: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Templates verwenden

Der WYSIWYG Web Builder besitzt eine sehr nützliches Feature: TemplatesTemplates sind Vorlagen, auf deren Basis Sie Ihre Websites erstellen können. Wenn Sie eine Website als Template speichern, werden alle Daten und Dateien (Bilder, Grafiken,Sounds, Videos etc.) auf und in Ihrer Website erfasst und in einer einzigen Datei gespeichert. DieseDatei kann dann z.B. auf einem anderen PC mit einer installierten Version des WYSIWYG Web Builderkomplett weiterverarbeitet werden. Es müssen also keine Dateien, die Sie auf Ihrer Website verarbeitethaben, gesondert mitgegeben werden.

WYSIWYG Web Builder Templates haben die Dateierweiterung .wbt und werden im Unterordner„templates“ Ihres WYSWIWYG Web Builder Installationsverzeichnisses gespeichert (Standardmäßig: C:\Programme\WYSIWYG Web Builder 5\templates). Templates sind nicht abwärtskompatibel undkönnen mit der aktuellen (zum Erstellen des Templates benutzten) oder einer höheren Version desWYSIWYG Web Builder geöffnet werden.

Eine neue Website auf Basis eines Templates erstellen

Wählen Sie Im Hauptmenü den Eintrag „Datei“ > „Neue Website von Template...“ aus, um sich dasVorschaufenster auf die aktuell verfügbaren Templates anzeigen zu lassen.

Wählen Sie Ihr gewünschtes Template aus und bestätigen Ihre Auswahl mit „OK“. Im „Websitespeichern unter“-Fenster geben Sie Ihrer neuen Website einen Namen und legen das Verzeichnis derzu speichernden Datei fest. Nach einem Klick auf „Speichern“ sehen Sie das ausgewählte Template aufIhrer Arbeitsfläche vor sich und können nun mit dem Bearbeiten und Anpassen beginnen.Um Ihre eigene Website als Template zu speichern, wählen Sie im Hauptmenü „Datei“ > „Als Templatespeichern...“. Geben Sie Ihrem Template einen Namen und bestätigen Sie mit „OK“.

45

Page 46: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Übersicht WYSIWYG Web Builder Hauptmenü

Alle Funtionen des WYSIWYG Web Builder sind über die Hauptmenüleiste erreichbar. DieseHauptmenüleiste hat die folgenden Menü-Punkte:

• Datei• Bearbeiten• Ansicht• Seite• Einfügen• Format• Tabelle• Layout• Werkzeuge• Hilfe

Das Menü „Datei“

Neue WebsiteErstellt ein neues, leeres Website-Projekt.

Neue Website von Template...Erstellt ein neues Website-Projekt auf Basis eines Templates (Vorlage).

Website öffnen...Öffnet ein existierendes Website-Projekt.

SchließenSchließt die aktuell geöffnete Seite. Hat Ihr Website-Projekt nur eine Seite oder ist nur noch eine SeiteIhres Projekts geöffnet, wird das ganze Website-Projekt geschlossen.

Website schließenSchließt das aktuell geöffnete Website-Projekt.

Website speichernSpeichert das aktuell geöffnete Website-Projekt.Beachten Sie: Diese Funktionen speichert alle Informationen Ihres Website-Projekts in ein natives(programminternes) Datei-Format (.wbs), die Sie mit dem WYSIWYG Web Builder wieder öffnen undbearbeiten können. Um HTML-Ausgabedateien zu erhalten, müssen Sie Ihr Website-Projektpublizieren oder in das HTML-Format exportieren.

Website speichern unter...Speichert das aktuell geöffnete Website-Projekt unter einem neuen Namen.

46

Page 47: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Als Template speichern...Speichert das aktuell geöffnete Website-Projekt als Template.

TIPP! Wenn Sie eine Website als Template speichern, werden alle Daten und Dateien (Bilder,Grafiken, Sounds, Videos etc.) auf und in Ihrer Website erfasst und in einer einzigen Dateigespeichert. Diese Datei kann dann z.B. auf einem anderen PC mit einer installierten Version desWYSIWYG Web Builder komplett weiterverarbeitet werden. Es müssen also keine Dateien, die Sie aufIhrer Website verarbeitet haben, gesondert mitgegeben werden.

Nach HTML exportieren...Exportiert die aktuell geöffnete Seite in das Format HTML (inklusive der auf der Seite verwendetenDateien wie Grafiken, Bilder, Videos etc.).Wenn Sie mehrere oder alle Seiten Ihres Website-Projekts exportieren möchten, verwenden Sie diePublizieren-Funktion.

Vorschau im Browser...Zeigt die aktuell geöffnete Seite in Ihrem Standard-Browser an.Wenn Sie nicht nur einen Blick auf die aktuell geöffnete Seite sondern auf Ihre ganze Website werfenmöchten, müssen Sie die Einstellungen für Ihren „Vorschau-Bereich“ verändern. Wählen Sie imHauptmenü den Eintrag „Werkzeuge“ > „Optionen...“ und dann das Register „Sonstiges“ aus. Unter„Vorschau“ stellen Sie den „Vorschau-Bereich“ auf „Ganze Website“ um. Zukünftig wird bei der Vorschauim Browser Ihre komplette Website angezeigt. Dies kann, zum Beispiel zur Überprüfung von internenVerlinkungen, sehr hilfreich sein.Desweiteren haben Sie Möglichkeit, die Browser-Liste zu konfigurieren, sich also Ihre Seite auch inanderen Browsern anzeigen zu lassen (soweit diese auf Ihrem System installiert sind). Wählen Sie dazuim Hauptmenü den Eintrag „Datei“ > „Vorschau im Browser...“ > „Browser-Liste bearbeiten...“ und fügenSie den gewünschten neuen Browser hinzu. Diese Liste kann um beliebig viele Browser ergänztwerden. Jetzt können Sie Ihre Seiten zur besseren Kontrolle Ihrer Arbeit auch in einem alternativenBrowser anschauen.

Publizieren...Publiziert (veröffentlicht) die aktuell geöffnete Seite, eine bestimmte Gruppe von Seiten oder Ihrekomplette Website. Sie können den Ort des Publizierens bestimmen (Lokal oder auf einen FTP-Server).

Drucken...Druckt die aktuell geöffnete Seite.

DruckvorschauZeigt eine Druckvorschau der aktuell geöffneten Seite.

Drucker einrichten...Änderung Ihrer aktuellen Druckereinstellungen oder auch anderen Drucker auswählen.

BeendenSchließt den WYSIWYG Web Builder.

47

Page 48: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Bearbeiten“

RückgängigMacht die letzte Aktion rückgängig.

WiederherstellenStellt die letzte Aktion wieder her.

AusschneidenSchneidet die Auswahl aus und kopiert diese in die Zwischenablage.

KopierenKopiert die Auswahl in die Zwischenablage.

EinfügenFügt den Inhalt der Zwischenablage ein.

LöschenLöscht die Auswahl

Alles auswählenWählt alle Objekte einer Seite aus.

Suchen...Sucht nach bestimmten Wörtern, Buchstaben oder Zeichen in der aktuell geöffneten Seite oder derkompletten Website.

Ersetzen...Sucht nach bestimmten Wörtern, Buchstaben oder Zeichen in der aktuell geöffneten Seite oder derkompletten Website und ersetzt diese durch gewünschte Wörter, Buchstaben oder Zeichen.

48

Page 49: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

SperrenSperrt ein oder mehrere ausgewählte Objekte. Ein Bearbeiten, Verschieben oder z.B. Vergrößern istsomit nicht mehr möglich.Unter „Werkzeuge“ > „Optionen...“ haben Sie im Register „Erweitert“ die Möglichkeit, das „Bearbeitenvon gesperrten Objekten erlauben“ zu lassen. Diese Option gibt Ihnen die Möglichkeit, ein gesperrtesObjekt zu bearbeiten (z.B. einen Text in eine gesperrte Textbox eingeben), Position oder Größe diesesObjekts bleiben aber weiterhin gesperrt.

Alles sperrenSperrt alle Objekte auf der aktuell geöffneten Seite.

Alles entsperrenHebt die Sperrung aller Objekte auf der aktuell geöffneten Seite auf.Um ein einzelnes Objekt oder eine Gruppe von Objekten zu entsperren, wählen Sie das Objekt aus,klicken auf die rechte Maustaste und wählen den Eintrag „Entsperren“.

DrehenDieser Befehl aktiviert den „Drehen“-Modus. Kann nur auf Bilder oder Formen angewendet werden.

Originalgröße wiederherstellenStellt die Originalgröße eines Bildes oder einer Flash-Datei wieder her.

Google-Suche (Internet)...Sucht nach einem während der Texteingabe markiertem Wort/Begriff in der Suchmaschine Google.Eine Verbindung zum Internet muss bestehen.

In Wörterbuch suchen (Internet)...Sucht nach einem während der Texteingabe markiertem Wort/Begriff im Wörterbuch derinternationalen Seite http://dictionary.reference.com

Eigenschaften...Zeigt das „Eigenschaften“-Fenster des ausgewählten Objekts an.

HTML...Zeigt den generierten HTML-Code des ausgewählten Objekts an.Erfahrene User haben die Möglichkeit, den HTML-Code des ausgewählten Objekts zu bearbeiten.

49

Page 50: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Ansicht“

MenüleisteDie Menüleiste anzeigen oder verbergen.

Werkzeugleiste > Standard-WerkzeugeDie Werkzeugleiste „Standard-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Erweiterte WerkzeugeDie Werkzeugleiste „Erweiterte Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Ausrichten-WerkzeugeDie Werkzeugleiste „Ausrichten-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Zeichnen-WerkzeugeDie Werkzeugleiste „Zeichnen-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Formular-WerkzeugeDie Werkzeugleiste „Formular-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Format-WerkzeugeDie Werkzeugleiste „Format-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Werkzeugleiste VollbildmodusDie Werkzeugleiste „Werkzeugleiste Vollbildmodus“ anzeigen oder verbergen.

Werkzeugleiste > HTML-WerkzeugeDie Werkzeugleiste „HTML-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Bild-WerkzeugeDie Werkzeugleiste „Bild-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Extra-WerkzeugeDie Werkzeugleiste „Extra-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Navigations-WerkzeugeDie Werkzeugleiste „Navigations-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > PayPal-WerkzeugeDie Werkzeugleiste „PayPal-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > Tabellen-WerkzeugeDie Werkzeugleiste „Tabellen-Werkzeuge“ anzeigen oder verbergen.

Werkzeugleiste > WYSIWYG Web Builder ExtensionsDie Werkzeugleiste „WYSIWYG Web Builder Extensions“ anzeigen oder verbergen.Extensions sind nur für registrierte User erhältlich.

WerkzeugboxDie Werkzeugbox anzeigen oder verbergen.

50

Page 51: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

StatusleisteDie Statusleiste anzeigen oder verbergen.

Site-ManagerDen Site-Manager anzeigen oder verbergen.

Ebenen-ManagerDen Ebenen-Manager anzeigen oder verbergen.

Objekt-ManagerDen Objekt-Manager anzeigen oder verbergen.

Eigenschaften-InspektorDen Eigenschaften-Inspektor anzeigen oder verbergen.

GitterDas Gitter auf der Arbeitsfläche anzeigen oder verbergen.

Am Gitter ausrichtenFunktion „Am Gitter ausrichten“ einschalten oder ausschalten.Diese Funktion gibt Ihnen die Möglichkeit, Objekte am von Ihnen definierten Gitter einrasten zu lassenund so exakt auszurichten.

LinealeLineale anzeigen oder verbergen.

HilfslinienHilfslinien anzeigen oder verbergen.

Objekt-UmrisseObjekt-Umrisse anzeigen oder verbergen.

VollbildmodusDas Programm im Vollbildmodus anzeigen.Um in den normalen Ansichtsmodus zurückzukehren, drücken Sie die F11-Taste oder klicken Sie aufdie Schaltfläche „Vollbildmodus“.

51

Page 52: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Seite“

Neue SeiteFügt Ihrer Website eine neue Seite hinzu. Diese Seite wird in die Site-Struktur Ihrer Website eingefügt,automatisch geöffnet und Sie können sofort mit der Bearbeitung beginnen.

Seite klonenUm eine exakte Kopie der von Ihnen ausgewählten Seite zu erstellen, wählen Sie den Befehl „Seiteklonen“. Die gekonte Seite wird in die Site-Struktur Ihrer Website eingefügt, automatisch geöffnet undSie können sofort mit der Bearbeitung beginnen.

Seite entfernenEntfernt die ausgewählte Seite aus Ihrer Website. Beachten Sie: Wenn Ihre Website nur (noch) eineSeite beinhaltet, kann diese nicht entfernt werden.

Seite umbenennenDie aktuelle Seite kann nach Ihren Wünschen umbenannt werden. Für diesen Vorgang muss der Site-Manager sichtbar sein, denn das Umbenennen findet direkt im Site-Manager statt.

Wichtige Tipps zum Thema „Seitennamen“:

Der Name der zu publizierenden oder zu exportierenden HTML-Seite richtet sich nach dem Namen, den Sieim Site-Manager des WYSIWYG Web Builder für die jeweilige Seite vergeben haben. Haben Sie also für eineSeite z.B den Namen „startseite“ vergeben, generiert der WYSIWYG Web Builder beim Publizierendementsprechend die Seite „startseite.html“. Bevorzugen Sie eine andere Dateierweiterung wie „.php“,können Sie diese Änderung unter „Seiteneigenschaften...“ vornehmen.Bei der Vergabe von Namen für Ihre Seiten sollten Sie folgendes beachten:

1. Fügen Sie die Dateierweiterung nicht zum Namen der Seite hinzu. Das Programm generiert dieseDateierweiterung (gemäß der Einstellung unter „Seiteneigenschaften...“) automatisch.

2. Nennen Sie die Startseite Ihres Website-Projekts immer „index“. Viele Server setzen diesen Namenfür die Startseite voraus und so entstehen grundsätzlich die wenigsten Probleme.

3. Verwenden Sie nur Kleinbuchstaben. Viele Server sind an diesem Punkt etwas sensibel.4. Verwenden Sie keine Leerzeichen, spezielle Satzzeichen oder Umlaute. Auch hier reagieren Server

gerne mit Inkompatibilität und Nichtanzeigen Ihrer Seite. Eine eventuell benannte Seite „Möbel-Angebote“ sollte also schon im Site-Manager so aussehen: „moebel_angebote“

INFO! Wenn Sie die Seite, die Sie umbenennen möchten, bereits intern in Ihrer Website verlinkthaben, generiert das Programm nach der Umbenennung alle bestehenden Links automatisch neu.Sie müssen also diese internen Verlinkungen auf die umbenannte Seite nicht noch einmal anlegen.

52

Page 53: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Importieren > HTML-Seite importieren...Der WYSIWYG Web Builder ist kein HTML-Editor sondern ein HTML-Generator. Trotzdem haben Sie dieMöglichkeit, den Inhalt bestehender HTML-Seiten von Ihrem Datenträger oder aber auch direkt voneiner Internetadresse zu importieren. Das Programm übernimmt dabei folgende Elemente:

• Texte• Bilder• Formulare• „Body“-Attribute (Link-Farben, Hintergrundbilder, Meta-Tags)

Elemente wie Tabellen, Skripte, Style Sheets und Multimedia-Komponenten (Flash, Video, Sound etc.)werden vom Programm nicht übernommen. Das Aussehen von Texten und deren Formatierungenkann aus technischen Gründen vom Original abweichen. Eventuell im Original verwendete Frame-Setswerden ebenfalls nicht importiert, hier muss jedes einzelne Frame gesondert übernommen werden.

Erwarten Sie beim Importieren einer bestehenden HTML-Seite in den WYSIWYG Web Builder keineWunder! Selbst die verschiedenen Browser interpretieren HTML-Seiten zuweilen sehr unterschiedlichund haben beim korrekten Anzeigen so ihre Probleme. Das beste Resultat erreichen Sie beimimportieren von Seiten, die mit dem WYSIWYG Web Builder erstellt wurden.

Importieren > Web Builder 2.x Seite importieren...Das Dateiformat der WYSIWYG Web Builder Version 2 ist mit den Dateiformaten der folgendenVersionen nicht kompatibel. Website-Projekte in diesem Format können also nicht direkt geöffnetwerden. Über diesen Menü-Eintrag haben Sie die Möglichkeit, Ihre Web Builder 2-Projekte in einaktuelles Website-Projekt zu übernehmen und weiterhin zu verwenden.

Importieren > Seite aus einem anderen Projekt importieren...Diese Option gibt Ihnen die Möglichkeit, eine oder mehrere Seiten aus einem anderen WYSIWYG WebBuilder Website-Projekt in Ihr aktuelles Projekt zu übernehmen.

53

Page 54: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Seiteneigenschaften...Vergeben oder bearbeiten der Einstellungen „Seiteneigenschaften...“Das Dialogfenster ist in die folgenden Kategorien unterteilt:

• Allgemein• Formatieren• Meta-Tags• Scroll-Balken• Seitenübergänge• Ereignisse

54

Page 55: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Seiten-HTML...In diesem Fenster wird der HTML-Code angezeigt, der vom Programm generiert wird. Außerdemhaben Sie die Möglichkeit, Ihren eigenen HTML-Code im jeweils passenden Bereich einzugeben.Wechseln Sie über die Tabs in den gewünschten Bereich. Der von Ihnen eingegebene Code wird zurbesseren Übersicht in Blau dargestellt.

ACHTUNG! Bei der Eingabe von eigenem HTML-Code keine Tags wie <HTML>, <HEAD> oder<BODY> eingeben! Das Programm generiert diese Tags je nach Eingabebereich automatisch!

Website-Eigenschaften...Ändert die Seiteneigenschaften für alle Seiten des aktuellen Website-Projekts. Diese Werte werdenauch als Standard-Einstellungen für neu hinzugefügte Seiten des Website-Projekts verwendet.

55

Page 56: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Einfügen“

Die folgenden Objekte können Sie in Ihr Website-Projekt einfügen. Mehr Informationen zu denjeweiligen Objekten finden Sie im Kapitel „Übersicht WYSIWYG Web Builder Objekte“.

Bullet-ListeSie können auf Ihrer Seite eine sogenannte „Bullet-Liste“ einfügen. Diese Liste kann Nummerierungenoder Aufzählungszeichen enthalten. Verschiedene Stile stehen zur Verfügung.

Horizontale LinieMit dem „Linien“-Objekt fügen Sie eine horizontale Linie (auch als „HTML-Linie“ bekannt) in Ihre Seiteein. Verschiedene Einstellungen stehen zur Verfügung.

BildDient zum Einfügen eines Bildes auf Ihre Seite. Der WYSIWYG Web Builder unterstützt die Formate JPG,GIF, PNG und BMP. Ein „Bild“-Objekt lässt sich direkt im Programm umfangreich bearbeiten. UnzähligeFunktionen und Effekte zur Bildkorrektur, -verbesserung und -manipulation stehen zur Verfügung.

LaufschriftDas Objekt „Laufschrift“ (auch „Marquee“ genannt) gibt Ihnen die Möglichkeit, Texte in animierterForm und in verschiedene Richtungen über Ihre Seite laufen zu lassen. Ideal ist dieses Feature z.B. fürNewsticker, Ankündigungen, Werbung etc. Die Texte lassen sich voll formatieren und Verlinkungenkönnen beliebig zugewiesen werden.

TextFügt Ihrer Seite eine Textbox hinzu. Durch das Doppelklicken auf die Textbox kommen Sie in denBearbeitungsmodus und haben nun die Möglichkeit, Texte zu schreiben und zu formatieren.

Sonderzeichen...Dient zum Einfügen eines speziellen Schriftzeichens oder Symbol. Die Funktionen kann nur imTextbearbeitungsmodus ausgeführt werden.

56

Page 57: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Link...Öffnet das Fenster „Hyperlink einfügen“ für das ausgewählte Objekt.Weitere Details erfahren Sie im Kapitel „Links zu internen und externen Seiten“.

LesezeichenFügt eine Lesezeichen (auch „Bookmark“ genannt) in Ihre Seite ein. Mit Hilfe eines Lesezeichens, dassbeliebig platziert werden kann, definieren Sie eine genaue Position auf Ihrer Seite. So haben Sie, inVerbindung mit einer Verlinkung auf diese Seite, die Möglichkeit, Ihren Besucher direkt an diese genaudefinierte Position springen zu lassen, ohne dass dieser durch die Seite scrollen muss.

Zeichnung > KurveZeichnen Sie eine beliebige Freihand-Kurve (-Linie) auf Ihre Arbeitsfläche. Ändern Sie derenEigenschaften wie gewünscht (Rechts Maustaste > „Eigenschaften...“).

Zeichnung > Geschlossene KurveZeichnen Sie eine beliebige geschlossen Freihand-Kurve (-Bereich) auf Ihre Arbeitsfläche. Ändern Siederen Eigenschaften wie gewünscht (Rechts Maustaste > „Eigenschaften...“).

Zeichnung > LinieZeichnen Sie eine beliebige gerade Linie auf Ihre Arbeitsfläche. Ändern Sie deren Eigenschaften wiegewünscht (Rechts Maustaste > „Eigenschaften...“).

Zeichnung > PolygonZeichnen Sie ein beliebiges Polygon (Vieleck) auf Ihre Arbeitsfläche. Ändern Sie dessen Eigenschaftenwie gewünscht (Rechts Maustaste > „Eigenschaften...“).

Zeichnung > ScribbleZeichnen Sie ein beliebiges Scribble (Strichskizze) auf Ihre Arbeitsfläche. Ändern Sie dessenEigenschaften wie gewünscht (Rechts Maustaste > „Eigenschaften...“).

Zeichnung > FormZeichnen Sie eine beliebige Form auf Ihre Arbeitsfläche. Ausgehend von einem Rechteck haben Sieumfangreiche Möglichkeiten, diese Form in Aussehen, Farbe und Effekt zu verändern und IhrenBedürfnissen anzupassen. Ändern Sie die Eigenschaften der Form wie gewünscht (Rechts Maustaste >„Eigenschaften...“).Weitere Details erfahren Sie im Kapitel „Eine Form hinzufügen“.

Formular > FormularbereichErstellen Sie einen Formularbereich auf der Arbeitsfläche Ihrer Seite. Der Formularbereich ist dieGrundlage (Container) eines jeden Formulars. Alle benötigten Formular-Objekte müssen innerhalb desFormularbereichs platziert werden damit sie Teil des funktionierenden Formulars sind.

Formular > Erweiterter ButtonErzeugt einen „Erweiterten Button“. Der „Erweiterte Button“gibt Ihnen, im Vergleich zum „Button“,erweiterte Anpassungs- und Formatierungsmöglichkeiten an die Hand.

Formular > MarkierfeldErzeugt ein „Markierfeld“. Markierfelder dienen zum Aktivieren oder Deaktivieren von Funktionen oderzur multiplen Auswahl in Formularen.

57

Page 58: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Formular > AuswahlfeldErzeugt ein „Auswahlfeld“. Auswahlfelder sind einzeilige Listenfelder mit einer Aufklappliste, in derdem Benutzer verschiedene Optionen zur Auswahl gestellt werden. Alternativ können auchListenfelder erzeugt werden, die dem Benutzer die Auswahl des gewünschten Eintrags aus einer direktersichtlichen Liste ermöglicht.

Formular > EingabefeldErzeugt ein „Eingabefeld“. Eingabefelder ermöglichen die Eingabe von Text durch den Benutzer. InFormularen dienen Eingabefelder zur Anzeige von Daten und zur Eingabe neuer Daten.

Formular > Datei hochladenErzeugt das Feld „Datei hochladen“. Der Benutzer hat die Möglichkeit, eine Datei an das Formularanzuhängen und diese, neben den gemachten Eingaben, zu übermitteln.

Formular > Bild-ButtonErzeugt einen „Bild-Button“, also eine grafische Schaltfläche. Abgesehen von der grafischenDarstellung hat eine grafische Schaltfläche dieselben Eigenschaften wie ein "normaler" Button.

Formular > ButtonErzeugt einen „Button“ (Schaltfläche). Durch das Anklicken des Button werden z.B. die Eingaben desausgefüllten Formulars übermittelt. Diese Funktion können Sie unter anderem auch einsetzen, wennbei einem bestimmten Ereignis, z.B. einem Mausklick, ein Befehl ausgeführt werden soll.

Formular > OptionsfeldErzeugt ein „Optionsfeld“. Optionsfelder dienen zur Auswahl einer von mehreren Optionen.Optionsfelder desselben Funktionsbereichs erhalten denselben Namen. Wenn ein Optionsfeldausgewählt ist, sind alle anderen automatisch abgewählt.

Formular > Mehrzeiliges EingabefeldErzeugt ein „Mehrzeiliges Eingabefeld“. Mehrzeiliges Eingabefelder ermöglichen die Eingabe von Textdurch den Benutzer. Im Vegleich zum „Eingabefeld“ hat dieser die Möglichkeit, längere Testpassagenzu formulieren, z.B. eine Nachricht oder ein Kommentar.

Formular > Formular-AssistentÖffnet das Fenster “WYSIWYG Web Builder Formular-Assistent“. Mit Hilfe des Formular-Assitentenerzeugen Sie in nur vier Schritten ein gewünschtes Formular auf Basis einer Vorlage. Es stehenmehrere Vorlagen für verschiedene Zwecke zur Verfügung.

Navigation > Gehe zu-MenüErzeugt ein „Gehe-zu Menü“ (auch „DropDown“ genannt) auf Ihrer Arbeitsfläche. Durch einenMausklick auf den rechten Pfeil wird ein nach unten herausfallendes Listenfeld sichtbar gemacht. DerBenutzer hat nun die Möglichkeit, den gewünschten Punkt aus dieser Liste auszuwählen und so zueinem von Ihnen definierten Ziel zu gelangen, z.B. einer anderen Seite Ihres Website-Projekts, einerextern Adresse, zum Downlaod einer bestimmten Datei etc. Diese Variante der Navigation ist vor allemdort gefragt, wo sich aus Platzgründen umfangreichere Navigationselemente im Konzept oder imDesign einer Seite störend auswirken können.

58

Page 59: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Navigation > MenüleisteErzeugt eine „Menüleiste“ auf Ihrer Arbeitsfläche. Die Menüleisten-Funktion beruht auf JavaScript undkann komplexe Menü-Strukturen aus bekannten grafischen Benutzeroberflächen nachahmen, zumBeispiel die des Internet Explorer oder auch Microsoft Office. Auf einfache Art und Weise können Siemit diesem Feature Menüs erstellen, Menü-Punkte hinzuzufügen, diese mit den gewünschtenVerlinkungen belegen und optisch individuell nach Ihren Vorstellungen anpassen.

Navigation > NavigationsleisteErzeugt eine „Navigationsleiste“ auf Ihrer Arbeitsfläche. Die Navigationsleiste ist eine Gruppe vonButtons (Schaltflächen), die Sie z.B. mit den verschiedenen Seiten Ihrer Website verlinken, sodass einAnklicken des ausgewählten Buttons den Besucher zur gewünschten Seite führt. Die Navigationsleisteist in Sachen Grafik und Beschriftung komplett nach Ihren Wünschen konfigurierbar. Diverse Button-Vorlagen stehen zur Verfügung und können jederzeit durch eigene Entwürfe und Grafiken ergänztwerden.

Navigation > Slide-MenüErzeugt ein „Slide-Menü“ auf Ihrer Arbeitsfläche. Das Slide-Menü ist ein vertikales Navigationelement,deren Einträge sich auf Wunsch und Einstellung auf- bzw. einrollen lassen. Farbgebung und Schrift-Formatierung gestalten Sie nach Ihren Wünschen.

Navigation > Tab-MenüErzeugt ein „Tab-Menü“ auf Ihrer Arbeitsfläche. Das Tab-Menü bringt Ihnen Navigationselemente inForm von Register- oder Karteireiter auf Ihre Seite. Diverse Themen (Vorlagen) sind bereits vorhandenund lassen sich nach Ihren Vorstellungen in Schrift und Farbe formatieren und anpassen.

Navigation > Text-MenüErzeugt ein „Text-Menü“ auf Ihrer Arbeitsfläche. Das Text-Menü ist die „Nur Text“-Version derNavigationsleiste. Schriftart, -größe und -farbe ist gemäß Ihren Wünschen einstellbar. Durchindividuelle Symbole (Schriften, z.B. Wingdings, Dingbats etc.) lassen sich die einzelnen Menü-Punkteoptisch in ansprechender Form voneinander trennen.

Erweitert > HTMLErzeugt ein HTML-Objekt (HTML-Box) auf Ihrer Arbeitsfläche. In dieses HTML-Objekt können Sieeigenen HTML-Code (oder JavaScript, PHP-Code etc.) in die jeweils passenden Bereiche einfügen.Beachten Sie, dass der eingefügte Code nicht auf Korrektheit überprüft werden kann.

Erweitert > Inline FrameErzeugt ein Inline Frame. Ein Inline Frame (oder auch „IFrame“) erlaubt es Ihnen, eine Webseiteinnerhalb Ihrer Seite einzubinden und so Ihren Besuchern anzuzeigen. Dies kann sowohl eine interneSeite (die zu Ihrem Website-Projekt gehört) als auch eine externe Webseite sein.

Erweitert > EbeneErzeugt eine Ebene (auch „Layer“ genannt) auf Ihrer Arbeitsfläche. Ebenen geben Ihnen bei derGestaltung Ihrer Website noch mehr Freiheiten. Eine Ebene ist ein Bereich, auf dem Sie Ihregewünschten Objekte „über“ die eigentliche Seite platzieren können. Diese Objekte können (wie aufder Seite) frei auf der Ebene angebracht werden. Ebenen bieten sich z.B. für Hinweise, Werbung,Effekte etc. an. Für eine Ebene können Sie unter anderem folgende Funktionen vergeben:- Anpassbare Transparenz (0 - 100 %)- Ebene (und alle auf der Ebene platzierten Objekte) anzeigen/verbergen- Position, Größeneinteilung, Hintergrund und Formatierung individuell einstell- und veränderbar.

59

Page 60: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Erweitert > ActiveXErzeugt ein „ActiveX“-Objekt auf Ihrer Arbeitsfläche. ActiveX bezeichnet ein Softwarekomponenten-Modell von Microsoft für aktive Inhalte, z.B. für andere Anwendungen, Makroprogrammierungen undEntwicklungsprogramme. Diese können gleichermaßen in verschiedenen Programmiersprachen undUmgebungen verwendet werden. Einige Programme nutzen zum Beispiel den Internet Explorer zurAnzeige von Informationen. Die Komponente „ActiveX Data Objects“ (ADO) dient zum Beispiel für denZugriff auf Datenbanken.

Erweitert > Eingebettetes OLE-ObjektErzeugt ein eingebettetes OLE-Objekt auf Ihrer Arbeitsfläche. OLE ( = Object Linking and Embedding)ist eine von Microsoft entwickelte Technik zur Einbettung von Objekten (Dateien) beliebiger Art inandere Dokumente, in diesem Fall in Ihre Seite. Werden diese Dateien verändert bzw. aktualisiert, wirdauch das eingebettete OLE-Objekt direkt passend verändert bzw. aktualisiert. Durch einen Doppelklickauf das eingebettete OLE-Objekt öffnet sich die Datei in der verknüpften Anwendung und lässt sichbearbeiten.

Erweitert > Datei-PublisherErzeugt das Objekt „Datei-Publisher“. Diese Funktionen lädt eine angegebene Datei (mehrere Dateien)beim Publizieren automatisch mit zu Ihrer Website. Dies kann vor allem dann hilfreich sein, wenn Siebesondere Dateien (z.B. Multimedia-Dateien oder Scripts), die Teil Ihrer Website sind, in Ihr Projekt miteinbeziehen wollen.

Erweitert > FlashErzeugt ein Objekt „Flash“ auf Ihrer Arbeitsfläche. Dieses Objekt wählen Sie, wenn Sie eine Flash-Datei(.swf ) auf Ihrer Seite platzieren und einbinden möchten. Diverse Einstellungen (Film auswählen,Version, Qualität, Skalieren, Autostart, als Schleife abspielen etc.) lassen sich von Ihnen vornehmen.Zum Anzeigen und Abspielen dieser Dateien benötigen Sie, aber auch der Besucher Ihrer Seite, denAdobe Flash Player (erhältlich unter www.adobe.de).

Erweitert > JavaErzeugt ein Objekt „Java“ auf Ihrer Arbeitsfläche. Mit Java Applets bringen Sie unter anderem Soundoder Animationen wie z.B. Laufschriften, Text-Ticker, Maus-Effekte etc. auf Ihre Seite.

Erweitert > Master-SeiteErzeugt das Objekt „Master-Seite“. Das Objekt „Master-Seite“ erlaubt es Ihnen, Objekte (und derenPositionen, Einstellungen, Formatierungen etc.) von einer bereits bestehenden Seite einfach auf dieaktuellen Seite zu übernehmen.Legen Sie z.B. auf einer Seite Ihres Website-Projekts all die Objekte an, die auf allen anderen Seitengleichermaßen erscheinen sollen. Fügen Sie nun Ihrem Projekt eine neue Seite hinzu, wählen dasObjekt „Master-Seite“ und hier die Seite mit den festgelegten Objekten. Jetzt beinhaltet Ihre neueSeite alle von Ihnen vordefinierten Objekte und deren Einstellungen.

Erweitert > Plug-InErzeugt ein Objekt „Plug-In“ auf Ihrer Arbeitsfläche. Ein Plug-In wird benötigt, um z.B. den AdobeAcrobat Reader direkt in Ihrer Seite inklusive der zu öffnenden Datei (.pdf) anzeigen zu lassen.

Erweitert > QuickTimeErzeugt ein „QuickTime“-Objekt für Ihre Audio und Video-Dateien (.mov/.qt) auf Ihrer Arbeitsfläche.Legen Sie Ihre Datei, Größe, Position und diverse Einstellungen fest.

60

Page 61: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Erweitert > Real PlayerErzeugt ein „Real Player“-Objekt für Ihre Audio und Video-Dateien (.ra/.ram/.rm/.rv/.rms etc.) auf IhrerArbeitsfläche. Legen Sie Ihre Datei, Größe, Position und diverse Einstellungen fest.

Erweitert > Windows Media PlayerErzeugt ein „Windows Media Player“-Objekt für Ihre Audio (.wav/.mp3/.wma/.snd/.au/.mid etc.) undVideo-Dateien (.avi/.wmv/.mpg/.mp2/.mpa/.asf/.asx etc.) auf Ihrer Arbeitsfläche. Legen Sie Ihre Datei,Größe, Position und diverse Einstellungen fest.

Extra > BannerErzeugt ein „Banner“-Objekt. Ein Banner ist rechteckige Form, die den Titel der Seite anzeigt. So siehtder Besucher Ihrer Website direkt, auf welcher Seite er sich befindet.

Extra > BlogErzeugt ein „Blog“-Objekt. Ein Blog (Abk. für Weblog) ist ein auf Ihrer Seite geführtes und damitöffentlich einsehbares Tagebuch. Der Besucher hat u.a. die Möglichkeit, Ihnen Kommentare zu denjeweiligen Einträgen an Ihre E-Mail-Adresse zu senden. Der Blog ist an das Design und das Layout IhrerSeite anpassbar und benötigt auf serverseitig keine speziellen Voraussetzungen.

Extra > ImageMapErzeugt ein „ImageMap“-Objekt. Eine ImageMap bietet die Möglichkeit, in einer einzelnen Grafikmehrere Links anzubringen. Über die Vergabe von Koordinaten können der Grafik verschiedeneHotspots (Link-Bereiche) zugewiesen werden. Auf diese Weise lässt sich z.B. eine Deutschland-Karte indie verschiedenen anklickbaren Bundesländer unterteilen.

Extra > Foto-GalerieErzeugt ein „Foto-Galerie“-Objekt. Mit diesem Feature erstellen Sie mit wenigen Mausklicks einfachebis komplexe statische Foto-Galerien mit Vorschaubilder und diversen Einstellungsmöglichkeiten zurindividuellen Anpassungen.

Extra > Gebrauchsfertige JavaScripts...Erzeugt das Objekt „Gebrauchsfertige JavaScripts“. Wählen Sie eines der vordefinierten Scripte aus undhauchen Sie so Ihrer Website mit funktionellen oder kreativen Effekten etwas mehr Leben ein.

Extra > RollOver-BildErzeugt das Objekt „RollOver-Bild“. Das „RollOver-Bild“ besteht aus zwei Grafiken (Bildern), die durchdas Überrollen mit der Maus entsprechend angezeigt werden. RollOver-Bilder können wie normaleBilder verlinkt werden.

Extra > RSS-FeedErzeugt das Objekt „RSS-Feed“. Ein RSS-Feed ist ein Service, der, ähnlich einem Nachrichtenticker, dieÜberschriften mit einem kurzen Textanriss und einen Link zur eigentlichen (Original-)Seite enthält. Mitdieser Funktion erzeugen Sie mit wenigen Eingaben und Mausklicks genau solche Feeds, die vonInteressenten beim Aufrufen Ihrer Website abonniert werden können. So „füttern“ Sie die BesucherIhres Angebots mit Ihren Neuigkeiten.

Extra > Slide-ShowErzeugt ein „Slide-Show“-Objekt. Mit einer Slide-Show haben Sie die Möglichkeit, verschiedene Bilderoder Grafiken nacheinander in einem von Ihnen festgelegten Bereich ablaufen zu lassen. Intervalleund Verlinkungen für das jeweilige Bild bzw. die jeweilige Grafiken lassen sich von Ihnen festlegen.

61

Page 62: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

WYSIWYG Web Builder ExtensionsExtensions (oder auch „Add-On's“ oder „Erweiterungen“ genannt) sind Komponenten, die dieFunktionalität des WYSIWYG Web Builder enorm erweitern. Einige Extensions sind einfacheKomponenten mit grundlegenden Features, während andere von ihren Funktionsmöglichkeiten ehereigenständigen Anwendungen gleichen.

Geboten werden unter anderem: - Extensions zum Erstellen von spektakulären Flash-Foto-Shows und -Galerien- Extensions zum Kreieren von aufregenden Logos, Banner und Text-Effekten- Extension zum Erstellen von trendigen Web 2.0 Glass Buttons- Extension zum Einbinden eines voll konfigurierbaren Flash Video Players mit Playlist-Features (YouTube-like, auch .mp3/.swf/.mp4 etc.)- Extension zum Einbinden eines animierten MP3-Players mit Playlist-Features- Extension zum Erstellen eines Gästebuchs (voll ans Layout und Design Ihrer Website anpassbar)- Diverse funktionelle Extensions wie Password-Protect, QuickList, HTML Area, RSS-Tools u.v.m.

In der Zukunft ist die Veröffentlichung einer weiteren großen Auswahl an Extensions geplant, die denWYSIWYG Web Builder noch ausgewachsener und mächtiger machen als er sowieso schon ist. EchtePower-Features, die Sie bei den meisten anderen Programmen vergeblich suchen werden!

ACHTUNG! Der Download und der Einsatz von Extensions ist registrierten Usern vorbehalten.

PayPal eCommerceMit den „PayPal eCommerce“-Objekten haben Sie die Möglichkeit, direkt aus dem WYSIWYG WebBuilder heraus Ihre Produkte und Dienstleistungen über das renommierte Bezahlsystem PayPal an denMann (und die Frau) zu bringen und abrechnen zu lassen. Sie müssen als Händler ein "Geschäftskonto"bei PayPal besitzen bzw. anlegen. Der Kunde muss mindestens ein "Privatkonto" besitzen bzw.anlegen. Beide Kontenformen sind grundsätzlich kostenlos. Beim Empfang einer Zahlung wird für denHändler bzw. den Verkäufer eine Gebühr fällig. Bitte informieren Sie sich unter www.paypal.de überdie genauen Konditionen. Der Käufer bezahlt keine gesonderte Gebühr sondern lediglich die Warebzw. die Leistung.

PayPal eCommerce > 'Jetzt kaufen'-ButtonDer 'Jetzt kaufen'-Button (Express-Kauf ) und Ihre getätigten Eingaben und Einstellungen sorgen dafür,dass der Kunde ein Produkt sofort bestellen und bezahlen kann.

PayPal eCommerce > 'Zum Warenkorb hinzufügen'-ButtonDer 'Zum Warenkorb hinzufügen'-Button schickt das ausgewählte Produkt in Ihren PayPal-Warenkorb.Der Warenkorb wird angezeigt und der Kunde kann auf Wunsch seine Bestellung/seinen Kaufabschließen oder gelangt wieder auf Ihre Website für den Einkauf von weiteren Produkten.

PayPal eCommerce > 'Warenkorb anschauen'-ButtonDer 'Warenkorb anschauen'-Button gibt Ihrem Kunden die Möglichkeit, sich die bereits in denWarenkorb gelegten Produkte übersichtlich anzeigen zu lassen. Auf Wunsch gelangt der Kundeanschließend wieder auf Ihre Website für den weiteren Einkauf. Desweiteren kann der Kunde von hieraus seine Bestellung/seinen Kauf abschließen.

62

Page 63: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

PayPal eCommerce > Abonnement-Button

Der Abonnement-Button gibt Ihnen komplexe Möglichkeiten für die Zahlungsabwicklung einesAbonnements bzw. einer periodischen Zahlung oder auch Zahlungen in mehreren Raten an die Hand.

PayPal eCommerce > Spenden-ButtonMit dem Spenden-Button geben Sie Ihren Kunden, Freunden und Interessenten die Möglichkeit, Ihnenper PayPal "Geschenke" in Form von festgelegten oder definierbaren Geldbeträgen zukommen zulassen. Diese Funktion ist z.B. eine Option von Freeware-Autoren, sich beim Gefallen Ihrer Softwarevom User auf freiwilliger Basis entlohnen zu lassen.

63

Page 64: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Format“

Schrift...Schriftart, -größe, -farbe und -hintergrundfarbe des markierten Textes ändern. Dieser Eintrag ist nuraktiviert, wenn Text markiert ist.

Hyperlink Style Sheet...Grundsätzlich verwenden alle Links in Ihrem Website-Projekt die standardmäßig vordefiniertenHTML-Linkfarben. Seit es jedoch sogenannte Cascading Style Sheets (CSS) gibt, verwenden immermehr Websites diese Technik um z.B. Linkfarben mit dem Design der Site in Einklang zu bringen. DerWYSIWYG Web Builder gibt Ihnen mit die Funktion „Hyperlink Style Sheet“ genau diese Möglichkeit andie Hand, sodass Sie selbst Ihre gewünschten Linkfarben (auch mehrere Stile) festlegen können.

FettVergibt dem markierten Text die Auszeichnung „Fett“. Dieser Eintrag ist nur aktiviert, wenn Textmarkiert ist.

KursivVergibt dem markierten Text die Auszeichnung „Kursiv“. Dieser Eintrag ist nur aktiviert, wenn Textmarkiert ist.

UnterstrichenVergibt dem markierten Text die Auszeichnung „Unterstrichen“. Dieser Eintrag ist nur aktiviert, wennText markiert ist.

DurchgestrichenVergibt dem markierten Text die Auszeichnung „Durchgestrichen“. Dieser Eintrag ist nur aktiviert,wenn Text markiert ist.

HochgestelltVergibt dem markierten Text die Auszeichnung „Hochgestellt“. Dieser Eintrag ist nur aktiviert, wennText markiert ist.

TiefgestelltVergibt dem markierten Text die Auszeichnung „Tiefgestellt“. Dieser Eintrag ist nur aktiviert, wenn Textmarkiert ist.

LinksbündigVergibt der markierten Textbox bzw. dem markierten Text eine linksbündige Ausrichtung.

ZentriertVergibt der markierten Textbox bzw. dem markierten Text eine zentrierte Ausrichtung.

RechtsbündigVergibt der markierten Textbox bzw. dem markierten Text eine rechtsbündige Ausrichtung.

BlocksatzVergibt der markierten Textbox bzw. dem markierten Text die Ausrichtung „Blocksatz“.

64

Page 65: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Textfarbe...Vergibt dem markierten Text die gewünschte Textfarbe. Dieser Eintrag ist nur aktiviert, wenn Textmarkiert ist.

Hintergrundfarbe...Vergibt dem markierten Text die gewünschte Hintergrundfarbe. Dieser Eintrag ist nur aktiviert, wennText markiert ist.

Formatierung entfernenEntfernt die von Ihnen gemachten Formatierungen für den aktuell markierten Text. Dieser Eintrag istnur aktiviert, wenn Text markiert ist.

Link entfernenEntfernt die von Ihnen vergebenen Verlinkungen und deren Formatierungen für den aktuellmarkierten Textlink. Dieser Eintrag ist nur aktiviert, wenn Text markiert ist.

Bild-WerkzeugeMit den verschiedenen Bild-Werkzeugen haben Sie die Möglichkeit Ihre Bilder und Grafikenzweckmäßig zu bearbeiten und Ihren Bedürfnissen anzupassen ohne ein Bildbearbeitungsprogrammbemühen zu müssen. Folgende Funktionen stehen Ihnen zur Verfügung:

• Linksdrehung 90°• Rechtsdrehung 90°• Horizontal spiegeln• Vertikal spiegeln• Mehr Kontrast• Weniger Kontrast• Mehr Helligkeit• Weniger Helligkeit• Farbton/Sättigung...• Beschneiden• Auflösung anpassen• Schablone hinzufügen/ersetzen...

Bild-EffekteMit den programmeigenen Bild-Effekten gibt Ihnen der WYSIWYG Web Builder verschiedeneMöglichkeiten zur Anpassung, Verfremdung und Manipulation von Bildern und Grafiken an die Hand,die Sie sonst nur aus teuren Bildbearbeitungsprogrammen kennen. Da jedes Bild anders ist lautet dieDevise: Ausprobieren!

65

Page 66: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Tabelle“

Tabelle einfügen...Erzeugt eine Tabelle. In Fenster „Tabelle einfügen“ legen Sie die Größe (Anzahl der Zeilen und Spalten)und das Layout (Rahmenstärke, Textabstand, Zellenabstand) der Tabelle fest.

Zeilen oder Spalten einfügen...Fügt der Tabelle eine oder mehrere Zeilen bzw. eine oder mehrere Spalten hinzu. Je nachdem,welchen Bereich der Tabelle Sie ausgewählt haben, werden Zeilen über oder unter bzw. Spalten rechtsoder links Ihrer Auswahl eingefügt. Dieser Eintrag ist nur aktiviert, wenn eine Tabelle oder diepassenden Bereiche einer Tabelle markiert ist.

Zellen verbindenVerbindet die ausgewählten Zellen einer Tabelle miteinander sodass eine Zelle entsteht. Dieser Eintragist nur aktiviert, wenn mehrere Zellen neben- oder untereinander markiert ist.

TIPP! Wenn Sie mehrere Zellen markieren möchten gehen Sie wie folgt vor: Markieren Sie durchdas Anklicken mit der Maus die erste Zelle. Halten Sie dann die Strg-Taste gedrückt und markierenSie durch jeweiliges Anklicken alle weiteren gewünschten Zellen.

Zellen teilenTeilt die von Ihnen ausgewählte Zelle in zwei Zellen (Spalten). Dieser Eintrag ist nur aktiviert, wennlediglich eine Zelle markiert ist.

Spalte entfernenEntfernt die von Ihnen ausgewählte(n) Spalte(n). Dieser Eintrag ist nur aktiviert, wenn eine Tabelleoder die passenden Bereiche einer Tabelle markiert ist.

TIPP! Wenn Sie mehrere Spalten entfernen möchten gehen Sie wie folgt vor: Markieren Sie mit derMaus die erste Spalte. Halten Sie dann die Strg-Taste gedrückt und markieren Sie durch jeweiligesAnklicken alle weiteren zu entfernenden Spalten.

Zeile entfernenEntfernt die von Ihnen ausgewählte(n) Zeile(n). Dieser Eintrag ist nur aktiviert, wenn eine Tabelle oderdie passenden Bereiche einer Tabelle markiert ist.

TIPP! Wenn Sie mehrere Zeilen entfernen möchten gehen Sie wie folgt vor: Markieren Sie mit derMaus die erste Zeile. Halten Sie dann die Strg-Taste gedrückt und markieren Sie durch jeweiligesAnklicken alle weiteren zu entfernenden Zeilen.

66

Page 67: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Tabellen-Eigenschaften...Zeigt Ihnen das Fenster „Tabellen-Eigenschaften“ an. Hier können Sie das Layout (Rahmenstärke,Textabstand, Zellenabstand), den Hintergrund (Farbe oder Bild) und die Rahmenfarbe Ihrer Tabelleverändern und nach eigenen Vorstellungen anpassen. Dieser Eintrag ist nur aktiviert, wenn eineTabelle oder die passenden Bereiche einer Tabelle markiert ist.

Tabellen-HTML...Zeigt Ihnen den HTML-Code der Tabelle an. Sie können bei Bedarf auch eigenen Code einfügen. DieserEintrag ist nur aktiviert, wenn eine Tabelle oder Bereiche einer Tabelle markiert ist.

Zellen-Eigenschaften...Zeigt Ihnen das Fenster „Zellen-Eigenschaften“ an. Hier können Sie den Hintergrund (Farbe, Bild,verschiedene Ausrichtungsoptionen), die allgemeine Ausrichtung und die Rahmenfarbe Ihrer Zelle(n)verändern und nach eigenen Vorstellungen anpassen. Dieser Eintrag ist nur aktiviert, wenn eine odermehrere Zellen markiert ist.

Zellen-HTML...Zeigt Ihnen den HTML-Code der Zelle an. Sie können bei Bedarf auch eigenen Code einfügen. DieserEintrag ist nur aktiviert, wenn eine Tabelle oder Bereiche einer Tabelle markiert ist.

Wichtige Tipps zum Thema „Tabellen“: 1. Wenn Sie nur die letzte Zeile/Spalte der Tabelle vergrößern möchten: Halten Sie die Strg-Taste gedrückt

und verändern Sie mit der Maus (über die Anfasser) die Größe der Tabelle.

2. Wenn Sie mehrere Zellen gleichzeitig auswählen möchten: Halten Sie die Strg-Taste gedrückt undklicken Sie mit der Maus jeweils auf die auszuwählende Zelle.

3. Wenn Sie eine Zeile auswählen möchten: Bewegen Sie die Maus vor die gewünschte Zeile. Sie klickendann, wenn sich der Maus-Cursor in einen Pfeil verwandelt.

4. Wenn Sie eine Spalte auswählen möchten: Bewegen Sie die Maus über die gewünschte Spalte. Sieklicken dann, wenn sich der Maus-Cursor in einen Pfeil verwandelt.

5. Wenn Sie Eigenschaften für mehrere Zellen gleichzeitig ändern möchten: Markieren Sie mit Hilfe derStrg-Taste die gewünschten Zellen und wählen Sie dann den Eintrag „Zellen-Eigenschaften...“.

6. Wenn Sie ein Bild (z.B. als Hintergrund) mittig in einer Zelle platzieren möchten: Markieren Sie die Zelleund wählen Sie „Zellen-Eigenschaften...“. Geben Sie das gewünschte Bild an und setzen Sie dieWerte„Wiederholen:“ auf „Nicht wiederholen“, „Horizontale Ausrichtung:“ auf „Zentriert“ und „VertikaleAusrichtung:“ auf „Mitte“.

67

Page 68: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Layout“

AusrichtenDiese Funktion gibt Ihnen die Möglichkeit, Objekte gegeneinander auszurichten. Es sind mindestenszwei markierte Objekte notwendig. Der jeweilige Befehl (Links, Zentiert, Rechts und Oben, Mitte,Unten) orientiert sich an der Stapelfolge der Objekte auf Ihrer Arbeitsfläche. Am Objekt, das in derStapelfolge vorne liegt, werden die anderen Objekte ausgerichtet.

Gleichmäßiger AbstandDiese Funktion sorgt für einen gleichmäßigen Abstand der Objekte zueinander. Es sind mindestenszwei markierte Objekte notwendig. Der jeweilige Befehl (horizontal und/oder vertikal) orientiert sichan der Stapelfolge der Objekte auf Ihrer Arbeitsfläche. Der gleichmäßige Abstand wird sich also amObjekt, das vorne liegt, orientieren.

Auf Seite zentrierenMit dieser Funktion haben Sie die Möglichkeit, ein Objekt (horizontal und/oder vertikal) auf Ihrer Seitezu zentrieren. Dabei orientiert sich der jeweilige Befehl an Ihren aktuellen Seiten-Eigenschaften(Seitenbreite/Seitenhöhe). Wenn Sie mehrere Objekte markiert haben, orientiert sich der jeweiligeBefehl immer an dem Objekt, dass auf Ihrer Arbeitsfläche in der Stapelfolge vorne liegt.

Größe angleichenMit dieser Funktion haben Sie die Möglichkeit, Objekte in Ihrer Größe anzugleichen. Es wird immernach dem in der Stapelfolge obersten Objekt angeglichen. Der jeweilige Befehl („Breite“, „Höhe“ oder„Beides“) orientiert sich an der Stapelfolge der Objekte auf Ihrer Arbeitsfläche. Die gleiche Größe wirdsich also am Objekt, das vorne liegt, orientieren.

AnordnenMit dieser Funktion ändern Sie die Stapelfolge der Objekte auf Ihrer Arbeitsfläche, indem Sie sie ganznach oben („Nach vorne“) bzw. ganz nach unten („Nach hinten“) oder über („Eins nach vorne“) bzw.unter („Eins nach hinten“) ein anderes Objekt verschieben. Durch die Auswahl von mehreren Objektenund dem Aufruf des gewünschten Befehls lässt sich die Stapelfolge auch für mehrere Objektegleichzeitig ändern.

GruppierenMit dieser Funktion erstellen Sie aus mehreren ausgewählten Objekten eine Gruppe, die sich z.B. aneine andere Position auf Ihrer Arbeitsfläche verschieben lässt. Um Objekte einer Gruppe bearbeiten zukönnen, muss die Gruppe wieder aufgehoben werden.

Gruppierung aufhebenMit dieser Funktionen heben Sie eine Gruppierung aus mehreren Objekten auf. Die verschiedenenObjekte können nach dieser Aufhebung wieder einzeln bearbeitet werden.

68

Page 69: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Einstellungen Führungslinien...Im Fenster „Einstellungen Führungslinien“ nehmen Sie grundsätzliche Einstellungen zu Hilfslinien,Führungslinien und dem Gitter vor, z.B. ob Objekte an den Hilfslinien ausgerichtet werden oder amGitter einrasten sollen. Der Abstand des Gitternetzes lässt sich genauso verändern und anpassen wiez.B. der Bereich der Führungslinien, der an Ihre gewünschte Seitengröße angepasst werden kann.

Hilfslinien...Mit den verschiedenen Befehlen der Funktion „Hilfslinien“ können Sie horizontale und vertikaleHilfslinien hinzufügen, entfernen und z.B. pixelgenau an der gewünschten Stelle auf IhrerArbeitsfläche positionieren.

TIPP! Sie können Hilfslinien auch einfach mit der Maus aus dem Lineal herausziehen und an dergewünschten Stelle positionieren. Horizontale Hilfslinien ziehen Sie von oben, vertikale von linksaus dem Lineal heraus.

69

Page 70: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Werkzeuge“

Rechtschreibprüfung...Das Zusatz-Tool "Deutsche Rechtschreibprüfung" basiert auf den Microsoft Office-Produkten und lässtsich genau wie diese einfach und unkompliziert bedienen. Wenn Sie also schon einmal dieRechtschreibprüfung in z.B. Word benutzt haben, werden Sie sich schnell und problemloszurechtfinden. Neben den Funktionen und Optionen für die Rechtschreibprüfung finden Sie auchdiverse Einstellungsmöglichkeiten für eine gelingende Autokorrektur.

Verwaltungsmanager...Zeigt Ihnen in einer Übersicht sämtliche in Ihrem aktuell geöffneten Projekt verwendeten Bild-,Audio-, Video- und Flash-Dateien (gegebenenfalls auch andere Multimedia-Dateien) an. Diese Dateienlassen sich mit dem Verwaltungsmanager ändern (austauschen) oder aber auch an einen anderengewünschten Speicherplatz verschieben.

Projektgröße...Zeigt Ihnen in einer Übersicht die Seiten Ihres aktuellen Website-Projekts, deren jeweiligephysikalische Größe (in KB) und die voraussichtliche Download-Zeit an. Desweiteren lassen sich diediversen Download-Zeiten für verschiedene Verbindungsgeschwindigkeiten errechnen. So können SieIhre Seiten bzw. Inhalte bei Bedarf optimieren und z.B. für niedrige Verbindungsgeschwindigkeiten(Modem, ISDN) anpassen.

Sitemap...Die Funktion „Sitemap“ erstellt eine XML-Datei, die Suchmaschine wie Google ein effektiveresAuslesen Ihrer Website-Informationen erlaubt. So lässt sich die Häufigkeit dieses Auslesens durchSuchmaschinen genauso wie die jeweilige Priorität einer Seiten nach Ihren Vorstellungen festlegen.Die Sitemap-Datei wird, wenn erwünscht, gemäß Ihren Einstellungen automatisch generiert und beimPublizieren auf Ihren Server mit hochgeladen.

Links prüfen...Mit der Funktion „Links prüfen“ untersucht das Programm automatisch alle in Ihrem Website-Projektenthaltenen Verlinkungen auf Erreichbarkeit. Sollte ein Link nicht erreichbar sein, haben Sie dieMöglichkeit, dieses „toten“ Link zu bearbeiten und das korrekte (neue) Ziel anzugeben. Auf diesemWeg ersparen Sie sich eine manuelle Kontrolle all Ihrer Links, was je nach Komplexität Ihres Website-Projekts zu einer tagesfüllenden Aufgabe werden könnte.

Anpassen...Über das Fenster „Anpassen“ nehmen Sie verschiedene programminterne Einstellungen vor wie dasAnpassen der Werkzeugleisten und diverse optische Änderungen (Menüs mit Schatten, animierteMenüs, Größe der Symbole etc.). Desweiteren lassen sich die zahlreichen vorhandenen Tastaturbefehleentsprechend Ihrer individuellen Arbeitsweise ändern, ergänzen und löschen.

Optionen...Über das Fenster „Optionen“ nehmen Sie grundsätzliche Einstellungen zur Arbeit mit dem WYSIWYGWeb Builder und dessen Verhalten vor. So lässt sich z.B. festlegen, ob das Programm mit einem leerenDokument gestartet werden soll oder dass Sie gesperrte Objekte zwar nicht verschieben, aberbearbeiten können. Vorgaben für Speicherverzeichnisse können genauso angepasst und verändertwerden wie die Einstellungen für Backups und die bevorzugte Sprache der Programmoberfläche. Alleunter „Optionen“ getätigten Einstellungen bleiben bis zu deren Änderung durch Sie erhalten.

70

Page 71: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Das Menü „Hilfe“

HilfethemenÖffnet die im Programm integrierte Hilfedatei.

Online-UnterstützungRuft die englischsprachige Support-Seite des WYSIWYG Web Builder auf. Die deutschsprachigeSupport-Übersicht finden Sie unter http://www.wysiwygwebbuilder.de/support.html

Über WYSIWYG Web Builder...Das „Who Is Who“ des WYSIWYG Web Builder.

71

Page 72: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Übersicht der WYSIWYG Web Builder Features

Über 40 weitere Features und Verbesserungen in Version 5.5:

• NEU! Verwaltungsmanager zum Verwalten der auf Ihrer Website beinhalteten Dateien • NEU! Integrierter PHP-Formular-Prozessor zum noch einfacheren Erstellen von PHP-unterstützten Formularen. • NEU! Formular-Assistent wird ebenfalls durch den PHP-Formular-Prozessor unterstützt. • NEU! Blogs werden bereits während des Entwurfs im Programm "WYSIWYG" dargestellt. • NEU! Überblenden-Effekte für das Slide-Show Feature. • NEU! Eigene Template-Kategorien anlegen • NEU! Einstellen von individuellen Abständen und Rahmen bei Menüleisten und deren Unterpunkte (z.B. auch Opazität etc.) • NEU! Noch mehr Einstellungen und Optionen für das Slide-Menü • NEU! Noch realistischere Bildschatten- und "Glühen"-Effekte

• NEU! Schatteneffekte für Bilder mit Alphakanal (Transparente PNGs)

• NEU! Bilder können mit Rahmen versehen werden, alle eingestellten Effekte (Schatten, Glühen, Drehen etc.) bleiben erhalten

• NEU! Horizontales und vertikales(!) Zentrieren Ihrer Seiten im Browser • NEU! "Drehen"-Befehl jetzt für jedes zu drehende Objekt über Kontextmenü erreichbar • NEU! "Vollbild"-Option für Flash-Objekte

72

Page 73: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

• NEU! Texteffekte für Banner-Objekt: Schatten, Weichzeichnen, Glühen, Reflektion etc.

• NEU! Opazität-Effekte jetzt auch für alle Formen • NEU! Verbesserte Browser-Kompabilität • NEU! Viele neue Features, Einstellungen und Funktionen bei der Formular-Erstellung und den verschiedenen Objekten • NEU! Titelvergabe und Alternativ-Text für RollOver-Bilder

und viele weitere kleine Features und Verbesserungen in den Details.

73

Page 74: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Über 50 neue Features in Version 5:

• NEU! RSS-Feeds (mit Podcast-Funktionen) erstellen• NEU! Blogs erzeugen (mit integrierten RSS-Feed-Optionen) • NEU! Formular-Assistent • NEU! Slide-Shows mit eigenen Bildern erstellen • NEU! Tab-Menüs erstellen • NEU! Slide-Menüs erstellen • NEU! Favicon für die Website/eine Seite angeben • NEU! Laufband-Text voll formatier- und verlinkbar • NEU! Navigationsleiste kann horizontal an gewünschte Größe angepasst werden • NEU! Sitemap-Generator • NEU! Einrichten von Hilfslinien • NEU! Übersicht der Projekt-Größe (in KB) • NEU! Nur geänderte Seiten publizieren • NEU! Popup-Fenster erstellen (mit umfangreichen Einstellungsmöglichkeiten) • NEU! Datei-Links (verlinkte Datei wird automatisch publiziert) • NEU! Smart Links (zur nächsten, vorherigen, über- oder untergeordneten Seite; verschiedene weitere Optionen) • NEU! Werkzeugbox voll anpassbar • NEU! Einfaches Importieren von Seiten aus einem anderen Web Builder-Projekt • NEU! Seitensprache festlegen (für das richtige Auffinden in Suchmaschinen) • NEU! Vollbildmodus

Neue Bildbearbeitungsfunktionen:• NEU! Spektakuläre Rahmen-Effekte (Schablonen) • NEU! Bilder beschneiden • NEU! Effekt "Reflektion" • NEU! Schatteneffekt • NEU! Einstellung der Opazität • NEU! Farbton & Sättigung • NEU! Bilder zuschneiden und anpassen • NEU! Effekte wie Metallic, Eis, Gold, Fischauge, Mosaic, Geschliffen, Weiche Ecken, Splash u.v.m.

Neue Zeichnen-Werkzeuge:• NEU! Rahmenstile für Formen • NEU! Muster für Formen • NEU! Glass-Effekt (Vista-like) für Formen (nur mit Kantenglättung) • NEU! Text in Form (voll formatierbar) • NEU! Sternen-Form mit individuellen Einstellungsmöglichkeiten (Punkte, Radius etc.)

Für registrierte User - Einzigartige Extensions:• Flash Video Player - YouTube-like eigene Filme und Sound präsentieren! • Spektakuläre Flash Foto-Shows - Jetzt werden Ihre Bilder richtig präsentiert! • MP3 Player - Animiert und mit umfangreichen Playlist-Funktionen • Professionelle Logos und Banner - Auch ohne teure Grafik-Software! • Eigenes Gästebuch - Layout, Farbe und Schrift voll an Ihr Design anpassbar! • Viele weitere kreative und funktionelle Erweiterungen..

... und viele weitere größere und kleinere Neuerungen und Verbesserungen.

74

Page 75: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Die bewährten Programm-Features:

• Einfaches "Drag&Drop" und Bearbeiten von HTML-Objekten: Text, Linien, Bilder, Tabellen, Lauftexte und vieles mehr!

• Website-Management: Hinzufügen, Bearbeiten und Klonen der einzelnen Seiten, Organisation Ihres gesamten Site-Projekts z.B. auch in definierbare Ordner, Anlegen eines "Master"-Bereichs, Festlegen der Seitengröße, Vergabe von Meta-Tags etc.

• Individuell anpassbare Menüs und Werkzeugleisten, frei verschiebbare Fenster, Tastatursteuerung und -belegung, Tabs, Eigenschaften-Inspektor, Lineale und Gitter, und mehr ...

• Erstellen von Formularen inklusive Aktionen, verborgene Felder, Validieren etc., Eingabefelder, Textbereiche, Markierfelder, Optionsfelder, Auswahlfelder, Schaltflächen etc.

• Erweitere Layout-Möglichkeiten durch den Einsatz von Ebenen. Der Ebenen-Manager unterstützt Sie dabei.

• Inline Frames: Einbinden von internen oder externen Seiten in eine eigene Seite durch einfaches Einfügen eines Rahmens.

• Umfangreiche Text-Formatierung in Schriftart, Größe, Farbe, Links etc.

• Suchen/Ersetzen-Funktionen für Text-Objekte

• Eigene grafische Formen: Rechteck, abgerundetes Rechteckt, Ellipse, Dreieck, Trapez, Diamant, Hexagon, Pfeil, Sprechblase, Herz, Zeichen und viele mehr, alle mit den verschiedensten Gestaltungs- und Bearbeitungsmöglichkeiten, Drehen, Schatten-Effekte, Kantenglättung etc.

• Verschiedene Zeichnen-Werkzeuge wie Linien, Pfeile (Beginn/Ende), Scribbe, Polygone, Kurvenformen (offene Kurve, geschlossene Kurve), Linienstile, Drehen, Kantenglättung etc.

• Umfangreiche Bildbearbeitungsfunktionen: • Bilder drehen (verschiedene Richtungen und Möglichkeiten)• Horizontal/Vertikal spiegeln• Helligkeit/Kontrast• Bildeffekte wie das Umwandeln in Graustufen, Negativ, Sepia, Weichzeichnen, Schärfen, Rauschen,

Delle, Beule, Relief, Bearbeitung der Bildkanten u.v.m.

• Tabellen einfügen, bearbeiten und gestalten. Zellen können mehrfach selektiert, zusammengefügt und geteilt werden. Weisen Sie Ihrer Tabelle bzw. Ihrer Zelle einen eigenen Hintergrund zu, z.B. auch Grafiken, Bilder oder Texturen.

• Individuelles HTML für jedes Objekt

• Eigene HTML-Objekte, um HTML-Code oder JavaScript einzufügen

• ActiveX, JAVA, Flash, Windows Media Player, Quicktime, Real Audio und Unterstützung anderer Plug-Ins

75

Page 76: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

• Farblich anpassbare Scroll-Balken für Ihre Website (Internet Explorer)

• Integrierter Banner-Creator

• RollOver-Bilder

• Verschiedene Effekte für Seitenübergänge

• Eigene Foto-Galerien mit individuellen Rahmen und Thumbnail-Vorschau erstellen

• Gebrauchsfertige JavaScripts einbinden

• Menüleisten, Navigationsleisten, Text-Menüs, Gehe zu-Menüs etc., alle individuell in Farbe oder auch mit eigenen Grafiken anpassbar, verschiedene zusätzliche Effekte

• ImageMaps mit Zuweisung verschiedener Hotspots

• Aufzählungslisten: Verschiedene Symbole, Nummerierungen und eigene Bilder stehen zur Auswahl

• Rotierende Banner (hilfreich bei z.B. bei Werbeflächen etc.)

• Bestehende HTML-Seiten importieren

• Definieren von Hyperlink (Cascading) Style Sheets zur individuellen Anpassung von Link-Farben und -Formaten (mehrere in einer Website möglich)

• Templates (Vorlagen): Erstellen Sie eigene Websites auf der Basis von bestehenden Templates oderkreieren Sie einfach Ihre eigenen Vorlagen

• Einfaches Publizieren der kompletten Website, einer einzelnen Seite oder einer Gruppe von Seitenmit einem Mausklick (auf Ihren Webserver oder auf Ihre Festplatte)

• Gruppieren von Objekten

• Backups Ihrer Website-Projekte erstellen

• PayPal eCommerce Objekte: Einfaches Erstellen von Bezahl-Buttons und Shopping Card-Funktionenfür Ihre Website. Einfach mit wenigen Mausklicks echtes ECommerce auf Ihrer Website ...

• Schnelle Browser-Vorschau Ihres Web-Projekts in verschiedenen Browsern, Browser-Liste kannkonfiguriert werden

• Unterstützung mehrerer Sprachen (Multi-Language)

und viele weitere professionelle Features ...

76

Page 77: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Glossar WebDesign/Webseitenerstellung

Accessibility/Barrierefreies InternetBarrierefreies Internet bezeichnet Internet-Angebote, die von allen unabhängig von ihrenkörperlichen und/oder technischen Möglichkeiten uneingeschränkt genutzt werden können. Diesschließt sowohl Menschen mit und ohne Behinderungen, als auch Benutzer mit technischen (z.B.Textbrowser) oder altersbedingten Einschränkungen (z.B. Sehschwächen) sowie automatischeSuchprogramme ein. Da dies aufgrund der unzähligen weichen, individuell geprägten Barrieren nichtvollständig erreicht werden kann, spricht man auch von barrierearm oder zugänglich.Fachbegriff: Accessibility.

AccountSammelbegriff für die Zugangsberechtigung und das Zugangskonto (Benutzername und Passwort)beispielsweise bei einem Internet-Serviceprovider oder bei der Einrichtung eines E-Mail-Kontos.

ActionScriptEine in das Profi-Programm Adobe Flash integrierte Scriptsprache, mit der Flash-Animationen sichnoch interaktiver gestalten lassen.

Active-XMicrosofts Gegenstück zu Java. Ähnlich wie bei Java bietet Active-X Programm-Module, die derBrowser sich vom angesteuerten Webserver lädt und automatisch startet. Diese Module dienen zumEinbetten von Multimedia-Elementen wie Animationen, Sounds und Videos in Ihrer Homepage.

Admin-C„Administrative Contact“. Ins Deutsche übersetzt: „Administrativer Ansprechpartner“ - damit ist dieverantwortliche Autorität für die Domain gemeint. Admin-C kann nur eine natürliche Person sein. Sieist als allgemeiner Ansprechpartner bei Rückfragen zuständig. Sie/Er ist 'BesitzerIn' der Domain und fürdie Einhaltung des Namensrechts verantwortlich. Der Admin-C einer Internetadresse lässt sich überdie entsprechende whois-Abfrage bei der DENIC in Erfahrung bringen.

ADSLAbkürzung für „Asymmetric Digital Subscriber Line“. Ein sehr schnelles Datenübertragungsverfahrenmit Geschwindigkeiten von bis zu 9 mBits/s beim Download und bis zu 768 kBit/s beim Upload.

AJAXAjax ist ein Apronym für die Wortfolge „Asynchronous JavaScript and XML“. Es bezeichnet ein Konzeptder asynchronen Datenübertragung zwischen einem Server und dem Browser, welches es ermöglicht,innerhalb einer HTML-Seite eine HTTP-Anfrage durchzuführen, ohne die Seite komplett neu laden zumüssen. Das eigentliche Novum besteht in der Tatsache, dass nur gewisse Teile einer HTML-Seite oderauch reine Nutzdaten sukzessiv bei Bedarf nachgeladen werden.

Anonymous-FTPIm Gegensatz zu "normalen" FTP-Servern, die eine Benutzerkennung erfordern, sind Anonymous-FTP-Seiten für jedermann zugängliche Angebote. Meist wird dort Shareware- oder Freeware-Software zumHerunterladen bereitgestellt und an interessierte Besucher weitergegeben.

77

Page 78: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

AntialiasingRechnerisches Verfahren, um bei niedrigaufgelöster Bildschirmdarstellung von Grafikobjekten undBuchstaben unschöne und treppenartige Kanten zu "entschärfen". Zwischenfarben sorgen so für eineleichte Unschärfe.

ArchivEin „Archiv“ ist eine Datei, die wiederum eine oder mehrere komprimierte Dateien enthält. DieseDateien müssen dann erst entpackt werden, um sie nutzen zu können. Genutzt wird dieseAnwendung z.B. bei E-Mails. Mitgesandte Dateien können somit in Ihrem Speicherplatz verkleinert(komprimiert) werden. Das erspart Ihnen lange Uploadzeiten und dem Empfänger langeDownloadzeiten. Für beide verringert sich also die teure Onlinezeit!

ASP„Active Server Pages“ (ASP) ist eine von Microsoft entwickelte SSI-Nachfolgetechnologie, die mitEinsatz einer Skriptsprache wie VBScript oder JScript serverseitig Webseiten erzeugt. ASP wurdeursprünglich nur vom Webserver Internet Information Services (IIS) interpretiert. Mittlerweile gibt esauch verschiedene Portierungen für den Apache Webserver. ASP wurde im Jahr 1996 veröffentlicht.Man kann diese Technologie von ihren Möglichkeiten in Bezug auf die Webprogrammierung auf eineStufe mit PHP, PerlScript, CFM und Perl stellen. In Java gibt es die Möglichkeiten der Servlets undServer Pages (JSP).

AttachmentDer Datei-Anhang einer E-Mail. Alle möglichen Dateien lassen sich auf diese Weise problemlos einerE-Mail beilegen, leider auch Viren.

AutoresponderAls „Autoresponder“ bezeichnet man eine Funktion, die E-Mails, z.B. bei Abwesenheit, für einenbestimmten Zeitraum automatisch mit einem vorher festgelegten Text beantwortet.

AVIVon Microsoft eingeführtes Format für digitale Videos. Mit AVI lassen sich Videos stark komprimieren,um so Speicherplatz zu sparen. Sie erkennen diese Videos an der Endung .avi.

BackboneHochgeschwindigkeitsnetz, das das Rückrat (engl.: backbone) des Internet bildet. Ein Backboneverbindet verschiedene lokale Netzwerke miteinander und transportiert den gebündeltenDatenverkehr zwischen diesen Netzen. Informationen werden schnell und mit hoher Bandbreiteübertragen.

BannerEine Werbefläche auf Internetseiten. Diese sind mit der Webseite des Werbetreibenden verbunden.

BarrierefreiheitDamit ein Gegenstand barrierefrei ist, muss er derart gestaltet sein, dass er von jedem Menschen -unbeeinflusst von eventuellen Behinderungen - problemlos benutzt werden können. Im Bereich desInternet bezieht sich dies vor allem auf Websites bzw. Homepages. In diesem Zusammenhang wirdallerdings häufig auf eine Übersetzung verzichtet und die inzwischen populäre englische Bezeichnung„Accessibility“ verwendet.

78

Page 79: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

BaudMaßeinheit für die Geschwindigkeit von Modems (1 Baud = 1 bit/sec). Je höher die Baud-Rate, destoschneller ist die Verbindung.

Beta-VersionDie schon lauffähige Version eines Programms, die aber noch mit kleinen Fehlern behaftet sein kann.

BildoptimierungBilddateien sind groß und benötigen im Vergleich zu Textdateien erheblich höhere Ladezeiten undmüssen für die Verwendung im Internet optimiert werden. Es kommt darauf an für jeden Einsatzzweckdas geeignete Bildformat (zum Beispiel GIF, JPEG, PNG) und die angemessene Kompression zu findenum eine bestmögliche Darstellungsqualität bei kleinstmöglicher Dateigröße zu erreichen.

BlindtextWenn Web-Designer eine Homepage entwerfen, in die später noch Text eingefügt werden soll, fügensie meist schon in der Entwicklungsphase einen Beispieltext ein, damit sie sehen können, wie die Seitespäter mit dem richtigen Text aussehen wird.

BlogEin Weblog (engl. Wortkreuzung aus Web und Log), oft einfach nur Blog genannt, ist eine Webseite, dieperiodisch neue Einträge enthält. Neue Einträge stehen an oberster Stelle, ältere folgen in umgekehrtchronologischer Reihenfolge. Die Tätigkeit des Schreibens in einem Blog wird als Bloggen bezeichnet.

Body„Body“ bezeichnet den Teil einer HTML-Datei, der Text, Bilder oder andere Dinge beinhaltet und imFenster Ihres Browsers dargestellt werden

BookmarkEnglisch für "Lesezeichen". Wenn Ihnen eine Webseite gut gefällt oder Sie sie später wieder besuchenwollen, können Sie sie bookmarken, d.h. in eine Liste der bevorzugten Webseiten aufnehmen. ImInternet Explorer sind das die Favoriten und bei Netscape die Bookmarks.

BrowserBrowser (engl.: "to browse" = "durchblättern, schmökern") nennt man Programme zum "Surfen" imWorld Wide Web (z.B. Internet Explorer, Netscape Navigator, Opera, Mozilla ... etc.). Mit ihrer Hilfekönnen Internetadressen angesprochen und Webseiten auf dem Bildschirm dargestellt werden.

Browserunabhängiges DesignZur Betrachtung von Webseiten gibt es verschiedene Browser. Obwohl es mittlerweile vom W3Cverabschiedete Web-Standards gibt, interpretieren viele Browser diese immer noch nicht richtig.Faktisch gibt es viele Kleinigkeiten, die unterschiedlich interpretiert werden und dadurch zuverschiedenen Ansichten führen. Man spricht von browserunabhängigen Design, wenn eine Webseitein mehreren Browsern vollkommen gleich dargestellt wird.

Bug und Bugfix/PatchBugs sind kleine Fehler, die in Programmen oder Scripts vorkommen können. Um diese "Löcher"stopfen zu können, bieten viele Programmhersteller Bugfixes/Patches an. Das sind nichts anderes alskleine Programme zur Reparatur.

79

Page 80: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

ButtonEin „Button“ (englisch, deutsch: Taste, Schalter, Knopf) ist eine Schaltfläche über die eine bestimmteAktion ausgelöst werden kann. Oft sind Buttons Teil einer Navigation und dienen dazu eine Verlinkungauszulösen. Grafisch gestaltete Buttons werden heute überwiegend durch Textlinks ersetzt, die einebessere Suchmaschinentauglichkeit besitzen.

CacheLokaler Zwischenspeicher, der von einem Programm mit dem Ziel verwaltet wird, Antwortzeiten undNetzbelastung bei gleichen Anfragen zu reduzieren. Bei erneuter Anwahl bereits abgerufener Seitenwerden diese aus dem Cache geladen, statt aus dem Internet. Dadurch ergibt sich ein wesentlicherGeschwindigkeitsvorteil. Sowohl der Client als auch der Server können einen Cache besitzen.

Captcha„Captcha“ steht für "Completely Automated Public Turing test to tell Computers and Humans Apart",übersetzt "Vollautomatischer öffentlicher Turing-Test, um Computer und Menschen voneinander zuunterscheiden". Diese Captchas dienen z.B. dazu, dass Formulare im Internet nicht automatisiertausgefüllt werden können sondern nur durch einen Menschen. Dies geschieht durch eine kleineAufgabe, die nur ein Mensch mit seinem Abstraktionsvermögen lösen kann. So findet man häufig beiGewinnspielen Bilder mit verschwommenen Zahlen und Buchstaben, die abgetippt werden müssen.Ein Mensch kann so etwas problemlos lösen, in Computer (bzw. ein Algorithmus) ist damit jedochüberfordert. So verhindert man z.B. das automatisierte Ausfüllen solcher Gewinnspielformulare durch„Gewinnspiel-Dienstleister“.

CGIDas „CGI“ (Common Gateway Interface) ist eine Schnittstelle über die Internet-Server Daten mitexternen Programmen austauschen. Die Funktionsweise ist ganz einfach: Der Browser schickt Datenan ein CGI-Skript auf dem Server. Dieses Skript wertet die Daten aus ruft ein spezielles Programm auf(z.B. eine Datenbank) und schickt das Resultat der Anfrage wieder an den Browser (Client) zurück. EinCounter, der die Hits Ihrer Homepage angibt, nutzt z.B. die CGI-Technik.

ClientAls Client bezeichnet man einen Computer oder ein Programm, mit dem Daten abgerufen werden.Beispiel: Wenn Sie mit Ihrem Browser eine Webseite besuchen, ist Ihr Browser der Client.

CMSEin Content-Management-System (CMS) ist ein Anwendungsprogramm, das die gemeinschaftlicheErstellung und Bearbeitung des Inhalts von Text- und Multimedia-Dokumenten (Content) ermöglichtund organisiert. Denn digitale Informationen werden heute oft als Content (Inhalt) bezeichnet, siekönnen als Datei vorliegen, die einzeln verarbeitet wird oder auch als zusammenhängendeDateisysteme verteilter Anteile, wie z.B. für Webseiten die Formatierung via CSS und der Content aufeiner „normalen“ HTML-Seite. Content-Management-Systeme unterscheiden sich von Portal-Systemenund Web-Content-Management-Systemen, die vor allem die Aufgabe haben, das Zusammenspielzwischen den Benutzern und der Website zu steuern. Der Benutzer sollte das System auch ohneProgrammierkenntnisse bedienen können, ebenso sollte er das System auch ohne Kenntnis von HTMLoder XML benutzen können.

CodecSteht für Codieren-Decodieren und bedeutet, dass man mit einem Codec-Modul Video- undTondateien komprimieren und dekomprimieren kann. Zum Abspielen von .avi-Dateien wird häufig einsogenannter Div-X-Codec benötigt.

80

Page 81: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

CommunityEine virtuelle Gemeinschaft, häufig ein Forum, mit vielen Usern.

ContentContent (englisch, deutsch: Inhalt) ist der eigentliche Inhalt einer Internet-Seite und besteht unteranderem aus Texten, Bildern, Grafiken oder Videos. Die Navigation oder eventuelle Kopf- oderFußbereiche gehören nicht zum Content.

CookieKleine Textdateien, die der Server einer Webseite auf dem Computer des Users ablegt. Cookies sindungefährlich; es ist nicht möglich, damit Passwörter auszuspionieren oder Viren auf den Rechner zuschmuggeln. Meist darin Login-Informationen abgelegt, damit der User beim nächsten Besuch derentsprechenden Webseite bereits eingeloggt ist. Auch Warenkorb-Informationen bei Onlineshopswerden darin gespeichert. So sind Cookies eigentlich sehr nützlich. Jedoch lassen sich damit auchNutzerprofile erstellen, die dann von Werbefirmen ausgewertet werden können.

Corporate Design/Corporate IdentityCorporate Design bedeutet übersetzt Unternehmerisches Erscheinungsbild (früher auch"Firmengesicht") und umfaßt die visuelle Darstellung eines Unternehmens nach innen und nachaußen, mit dem Ziel der optischen Profilierung desselben.Corporate Design erschöpft sich nicht nur in Gestaltung und Nutzung eines Firmenzeichens (Signet,Logo), sondern schließt die einheitliche Gestaltung aller visuellen Komponenten eines Unternehmenszu einem unverwechselbaren Erscheinungsbild ein (Marken-, Produkt-, Schrift- und Grafikdesign,Architektur, Messestand, Fuhrpark, Kleidung des Servicepersonals, etc.). Um sich in der Flut vonWerbemaßnahmen und Information durchzusetzen, ist ein konsequentes Auftreten notwendig.

CounterEin Besucher-Zähler, wie er auf vielen Webseiten zu finden ist. Oft in grafischer Gestaltung.

Cross LinkingMit Cross Linking bezeichnet die gegenseitige Verlinkung zwischen verschiedenen Websiten umgegenseitig den Bekanntheitsgrad zu erhöhen.

CSSCascading Style Sheets (CSS) ist eine deklarative Stylesheet-Sprache für strukturierte Dokumente. Siewird vor allem zusammen mit HTML und XML (z.B. bei SVG) eingesetzt. CSS soll dabei festlegen, wieein besonders ausgezeichneter Inhalt dargestellt werden soll. Dazu ist es wichtig, das HTML oder XMLso zu gestalten, dass die Abschnitte, deren Aussehen gleich sein soll, auch als Gruppe erkannt werdenkönnen. Man zeichnet im Dokument also die Bedeutung einzelner Abschnitte aus, während dasAussehen dieser ausgezeichneten Abschnitte im CSS festgelegt wird.

DatenbankEine Datenbank ist ein System zur elektronischen Verwaltung großer Datenmengen. Dabei ist esmöglich, einzelne Datensätze relativ einfach und schnell wieder zu finden. Im Internet kommen vorallem mySQL Datenbanken zum Einsatz.

DatentransferDatentransfer ist der Datenverkehr, der durch den Besuch einer bzw. Ihrer Homepage ausgelöst wird.Je üppiger also eine Homepage ist und je mehr Leute auf sie zugreifen, desto mehr Datenverkehr wirdzwangsläufig erzeugt.

81

Page 82: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Deep LinkDies ist ein Link, der nicht auf die Haupseite, sondern auf eine Unterseite einer Internetpräsenzverweist, z.B. ein auf einen bestimmten Artikel auf einer Nachrichtenseite.

DenicDas Deutsche Network Information Center betreibt den Primary-Nameserver für die Top-Level-Domain '.de' und sorgt bundesweit für die zentrale Verwaltung von Domains unterhalb dieser Top-Level-Domain. Dort wird auch Ihre Domain www.Ihr-Name.de registriert und exklusiv reserviert.

Description (Beschreibung)Der Meta-Tag Description (Beschreibung) befindet sich im Header (Kopf) einer HTML-Datei und sollteeine sinnvolle Beschreibung des Inhalts der Internet-Seite enthalten. Einige Suchmaschinen zeigen dieDescription auf den Suchmaschinenergebnisseiten zusätzlich zum Seitentitel an. Andere manche dassnur, wenn sich keine entsprechende Fundstelle im Text finden lässt.

DHTMLAbkürzung für „Dynamic HTML“, also dynamisches HTML. Eine Mischung aus wenig HTML und vielJavaScript, die z.B. sich bewegende Objekte auf Webseiten ermöglicht. Mit DHTML kann auch derHTML-Code einer Seite nach dem Herunterladen vom Web-Server verändert werden, ohne erneut mitdem Server in Verbindung zu treten.

Digitale SignaturEine Art Unterschrift unter einer E-Mail. Diese soll garantieren, dass der Absender einer E-Mail auchwirklich der ist, für den er sich ausgibt.

DomainDie Domain ist die Untergliederungseinheit der hierarchisch aufgebauten Computernamen imInternet. Der Name www.Ihr-Name.de enthält z.B. die Top-Level-Domain (kurz TDL) '.de' und dieSecondary-Domain Ihr-Name. Während alle TLD-Domains fest vorgegeben sind, kann man Secondary-Domain-Namen bei der DENIC zur eigenen Verwendung registrieren lassen.

DomainumleitungMit einer Domainumleitung können Sie bestimmen, welche Domain oder Subdomain zu welchemOrdner Ihres Webspaces führt. D.h. Sie bestimmen selbst, welche Datei angezeigt wird. Bei vielenHostingprovidern kann man diese Weichenstellung bequem über ein Onlineinterface direkt imBrowser vornehmen.

DownloadTransfer von Daten (Text, Bildern, Dateien, Software) aus dem Internet auf den lokalen Rechner.

DSLDiese Abkürzung steht für „Digital Subscriber Line“ und ermöglicht es, Daten mit relativ hohenÜbertragungsraten über normale Kupferleitungen zu senden und zu empfangen. Um DSL nutzen zukönnen, müssen in den meisten Fällen keine Montagearbeiten an liegenden Telefonkabelnvorgenommen werden.

E-CommerceÜber Internet bzw. Datennetze abgewickelte Geschäfte. Dazu gehören auch Online-Shops/E-Shops.

82

Page 83: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

E-MailE-Mail ist die Abkürzung für „Electronic Mail“, die elektronische Post im World Wide Web - derEinfachheit halber oft auch nur 'Mail' genannt. Der E-Mail-Dienst ist die einfachste Grundfunktion vonComputernetzen und im Internet der am meisten genutzte Dienst. Die Haupttechnologie für E-Mail imInternet basiert zur Zeit auf POP3 und SMTP.

FAQAbkürzung für „Frequently Asked Questions“ (häufig gestellte Fragen). Die FAQ ist eine Sammlung vonFragen und Antworten, wie sie auf jeder guten (Firmen)-Homepage zu finden ist.

FarbtiefeDie Farbtiefe, in Bit gemessen, gibt an, wie viele Farben ein Monitor darstellen kann. 8 Bit sind zumBeispiel 256 Farben, 32 Bit sind etwas über 16 Millionen Farben. Je mehr Farben ein Bild als Grafikdateihat, desto mehr Speicherplatz belegt es. Darum werden im Internet oft nur Bilder mit höchstens 256Farben verwendet.

FaviconUm ein Lesezeichen in einer Lesezeichensammlung besonders hervorgehoben erscheinen zu lassen,kann einer Internet-Seite ein sogenanntes Favicon (englisch, von Favorit und Icon) zugewiesenwerden. Ein Favicon ist eine 16 mal 16 Pixel oder 32 mal 32 Pixel große Datei im ICO-Format. Sie liegtentweder im Hauptverzeichnis einer Website und wird dann für alle Seiten verwendet, oder in einembeliebigen anderen Verzeichnis und dann per<link rel="shortcut icon" href="/favicon.ico"/>eingebunden wird. Meist werden Firmenlogos verwendet, aber auch beliebige andere Zeichen undSymbole. Einige Browser zeigen das Favicon auch in der Adresszeile an.

FehlerseiteEine Fehlerseite soll dem Besucher zeigen, dass die angeforderte Webseite nicht vorhanden ist. Istkeine Fehlerseite definiert gibt der Webserver eine „404 Not-found“ zurück.

FirewallEnglische Bezeichnung für "Feuermauer" oder "Brandmauer". Mit Firewall wird die Technik in Form vonHard- und/oder Software bezeichnet, welche den Datenfluss zwischen einem privaten Netzwerk unddem ungeschützten Internet kontrolliert. Eine Firewall schützt ein internes Netz somit vor Angriffenaus dem Internet. Dazu vergleicht die Firewall die IP-Adresse des Rechners, von dem ein empfangenesDatenpaket stammt, mit einer Liste erlaubter Sender - nur deren Daten dürfen passieren. Die Firewallverhindert den Zugriff Unbefugter auf Inhalte eines Rechners im Firmennetz und reguliert den Zugriffeigener Mitarbeiter auf das Internet.

Flash®

Software-Produkt aus dem Hause Adobe (vorher Macromedia) für dynamisches Bearbeitung unduniverselles Abspielen von Grafiken und Animationen.

FontEngl. für Schriftart. Bekannte Fonts sind z.B. Arial, Verdana oder Times New Roman.

ForwarderAls Forwarder bezeichnet man die Weiterleitung (wie eine Rufweiterleitung beim Telefon) von einerE-Mail-Adresse zu einer anderen oder auch von einer Homepage-Adresse zu einer anderen, ohne dassdies vom Sender der E-Mail bemerkt wird.

83

Page 84: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

FrameEin „Frame“ ist ein Programmierelement für HTML-Seiten. Ein Frame ermöglicht die aufgebaute Seite inmehrere festdefinierte Bereiche aufzuteilen. Damit bleiben bestimmte Elemente der Seite auch dannsichtbar, wenn der Nutzer z.B. über einen Hyperlink ein anderes Element der Seite aufruft.

FTPAbkürzung für „File Transfer Protocol“. So nennt sich eine Technik der Datenübertragung, mit der esmöglich ist, Dateien zu Servern zu übertragen. Bei Webspace-Anbietern erhält man häufig einen FTP-Zugang. Dann benötigt man nur noch ein Programm, und schon kann der Datentransfer ins Netzbeginnen. Auch kann man damit Daten vom Server downloaden.

GästebuchViele Seiten enthalten ein Gästebuch. Der Besucher einer Seite kann dort einige persönlicheBotschaften an den Administrator oder an andere Benutzer des Seite hinterlassen. Manchmal wird dasGästebuch auch zu unliebsamen Werbungen benutzt. Deswegen gehen viele Administratoren dazuüber, einen Captcha Zugriffscode einzuführen. Hierbei muss der User einen Grafikbuchstabencodeablesen und eingeben. Damit ist er als Mensch identifiziert. Für die Inhalte eines Gästebuches haftetder Administrator der Website.

GIF„Graphic Interchange Format“ - ein im Internet weit verbreitetes Grafikformat. GIF arbeitet mitmaximal 256 Farben und ermöglicht mittels Datenkompression die schnelle Übertragung kleinerBilder. Darüber hinaus bietet das Animated-GIF die Möglichkeit mehrere Einzelbilder hintereinanderabzuspielen und so einen Bewegungsablauf darzustellen.

Header1. Fragment einer HTML-Datei. Im Gegensatz zum Body beinhaltet ein Header nur die Überschrift bzw. den Vorspann.2. Bezeichnung für den 'Kopf' einer E-Mail, worin Absender, Versanddatum, Versandweg u.ä. zu sehen sind.

Hyperlink (auch Link, Verlinkung, Verweis)Anklickbare Verknüpfung zu anderen Textstellen im gleichen Dokument, anderen Internet-Seiten oderbeliebigen anderen Dokumenten im Web. Hyperlinks ermöglichen eine nicht-lineare Navigation durchvernetzte Informationen. Essenzieller Bestandteil des Hypertext-Systems, auf dem das World WideWeb basiert.

HitHits geben die Häufigkeit der Zugriffe auf eine Internetseite an. Die Anzahl der Hits ist gleich derAnzahl der Besucher auf Ihrer Homepage und damit eine Maßzahl für die Popularität einer Website.

HomepageBegriff für die Webpräsenz einer im Internet vertretenen Person, einer Organisation oder einemUnternehmen. Ursprünglich wurde nur die Startseite einer Internetadresse als Homepage bezeichnet.Im allgemeinen Sprachgebrauch umfasst der Begriff aber mittlerweile (fälschlicherweise) dengesamten Webauftritt.

HostHauptrechner in einem Computernetzwerk, der das gesamte Netzwerk und die anderen Rechnersteuert und überwacht.

84

Page 85: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

HTMLDie „Hypertext Markup Language“ (HTML) ist eine textbasierte Auszeichnungssprache zur Darstellungvon Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. HTML-Dokumente sind dieGrundlage des World Wide Web und werden von einem Webbrowser dargestellt. Neben den vomBrowser angezeigten Inhalten einer Webseite enthält HTML auch Meta-Informationen, die dieIntention oder Bedeutung des Textes zusammenfassen oder auch Informationen z.B. über die Spracheoder den Autoren geben. Die Auszeichnungssprache wurde vom World Wide Web Consortium (W3C)bis Version 4.0.1 weiterentwickelt und soll nun durch XHTML ersetzt werden.

HTTP„Hypertext Transfer Protocol“ - standardisiertes Protokoll, über das Webserver und Browser Datenaustauschen.

HyperlinkHyperlinks sind Verweise (Verlinkungen). Davon lebt eine Site! Man legt einen Verweis auf einerandere Seite oder ein Bild oder eine andere URL. Wenn man auf eine andere Site verlinkt, so nenntman das ein Outbound Link. Wenn auf eine eigene Site verlinkt wird, so nennt man das einen Backlink.Tauscht man mit einem Freund Links, so nennt man das einen Link-Exchange.

IP-AdresseJeder Rechner erhält eine sogenannte dynamische IP zugeteilt, wenn er mit dem Internet verbundenist. Bei jeder erneuten Einwahl ändert sich auch die IP. Eine IP ist eine Kombination von vieraufeinanderfolgenden Zahlen, die je zwischen 0 und 255 liegen, beispielsweise 135.227.98.43. Die IPdient dazu, die einzelnen Rechner zu identifizieren. Ein Server, auf dem Internetseiten liegen, muss jedoch ständig mit dem Internet verbunden sein.Daher hat er eine gleichbleibende IP, die sich nicht ändert.

ImagemapUnter einer Imagemap versteht man eine verweissensitive Grafik. Dabei kann man bestimmteBereiche einer Grafikdatei so gestalten, dass sie auf Mausberührungen reagieren. Dadurch ist z.B. dieMöglichkeit gegeben, Verlinkungen innerhalb von Grafiken unterzubringen.

IMAPAbkürzung für „Internet Message Access Protocol“. Mit diesem Protokoll lassen sich E-Mails empfangenund auf dem Server verwalten, ohne dass sie auf die Festplatte heruntergeladen werden müssen.

Internet-AdresseIhr eigener Name à la "www.ihr-toller-name.de". Mit Eingabe der von Ihnen ausgewähltenBezeichnung sind Sie weltweit im Web zu erreichen. Das alleinige Nutzungsrecht Ihrer Internet-Adresse (Domain) liegt bei Ihnen.

Internet Explorer®

Der bekannteste und auch am meisten verwendete Browser der Firma Microsoft.

IntranetEin Netzwerk aus mehreren Computern in Firmen, ähnlich dem Internet.

85

Page 86: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

ISDN„Integrated Services Digital Network“ ist eine Datenübertragungstechnik. Die Daten werden digitalübermittelt, wobei eine Geschwindigkeit von 128 kBits pro Sekunde möglich ist. Um ISDN nutzen zukönnen, muss entweder eine ISDN-Karte in den Rechner eingebaut oder ein ISDN-Modem extern übereine serielle oder USB-Schnittstelle ange- schlossen werden.

Java®

Java ist eine von der Firma Sun Microsystems zur Unterstützung von Netzwerken entwickelteProgrammiersprache. In Java geschriebene Programme basieren nicht auf Maschinencode, sonderneinem speziellen Bytecode und laufen daher auf jeder Plattform (sofern ein Java-Interpreter für diePlattform existiert). Java-Programme ermöglichen 3-D-Animationen und werden als Applet in eineHomepage integriert.

Java-AppletEin kleines, in Java geschriebenes Programm, das ab und zu auf Internetseiten zu finden ist. Auchhübsche Effekte und Spiele lassen sich mit der Programmiersprache Java realisieren und als Applet aufWebseiten einsetzen.

JavaScript„JavaScript“ ist eine objektorientierte Skriptsprache. Die Sprache ist unter dem, wenig gebräuchlichen,Namen ECMAScript durch die Ecma International standardisiert. JavaScript bezeichnet ursprünglichdie Implementation durch Netscape, wie JScript jene durch Microsoft. Im allgemeinenSprachgebrauch wird aber meistens JavaScript als Name verwendet. Ihr Hauptanwendungsgebietsind Programme, die innerhalb eines Webbrowsers ausgeführt werden. Dazu wird der Quelltext dieserProgramme in einzelne Webseiten eingebettet. Es gibt daneben in JavaScript geschriebeneProgramme, die direkt auf einem Webserver ablaufen, zum Beispiel als Active Server Pages oder imApache Cocoon. Ein Beispiel zur vom Internet unabhängigen Verwendung von JavaScript ist derWindows Script Host.

JPEG„Joint Photographic Experts Group“. Komprimierungsstandard für farbige unbewegte Bilder. Dateiendieses Standards tragen die Endung „jpg” oder „jpeg”. Das JPEG-Format bietet eine hohe Kompressionbei relativ geringem Qualitätsverlust.

Keywords Unter einem Keyword versteht man ein Schlüsselwort, über welches Suchmaschinennutzer einzelneWebseiten finden können. Es gibt verschiedene Möglichkeiten, einzelne Webseiten mit Keywords fürSuchmaschinen zu optimieren.

KK-AntragMit einem KK-Antrag (KK = Konnektivitätskoordination) können Sie von Ihrem jetzigen Webhoster zueinem anderen Webhoster Wechseln

Klammeraffe oder "@"Wird wie das englische "at" gesprochen und ist das Symbol in der E-Mail-Adresse, welches denBenutzernamen vom Domain-Namen des Provider-Servers trennt. Den Klammeraffen erhält mandurch gleichzeitiges Drücken der Tasten [Alt Gr] und [Q].

86

Page 87: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Kompression/KomprimierenDas Verfahren, Bild-, Ton- oder Video-Dateien bei möglichst geringem Qualitätsverlust möglichst kleinan Dateigröße zu machen, so dass weniger Speicherplatz benötigt wird.

KryptografieTheoretisch kann jede E-Mail von Fremden im Datenstrom mitgelesen werden. Enthält eine E-Mailvertrauliche Informationen, so kann man sie verschlüsseln, um sicherzugehen, dass der Inhalt erstlesbar wird, wenn die E-Mail beim Empfänger angelangt ist. Die Datenverschlüsselung, nicht nur imInternet, nennt man Kryptografie.

LAN„Local Area Network“. Bezeichnet ein lokales Computernetzwerk, beispielsweise in einer Firma.

LayerEin praktisches CSS-Attribut, mit dem sich Objekte (Text, Grafiken, etc.) pixelgenau an jeder beliebigenStelle der Webseite platzieren lassen.

LinkEin Hyperlink (Kurzform 'Link') ist eine automatisierte Verbindung zweier Dokumente im World WideWeb. Mit dem Klick auf den Hyperlink gelangt man in das damit verbundene Dokument. Dabei ist esvöllig gleichgültig, ob der Verweis auf eine Stelle innerhalb Ihrer Homepage oder zu anderen Webseiteim Internet zeigt.

Link PopularitätDie „Link-Popularität“ ist Teil des Verfahrens mit dem Suchmaschinen das Ranking, d.h. die Reihenfolgeder Anzeige der Suchergebnisse zu einer bestimmten Suchanfrage, bestimmen. Wenn andereWebsites auf eine bestimmte Website verlinken (d.h. einen Backlink setzen), steigt die Link Popularitätder Website auf die verlinkt wird. Dahinter steckt die Idee einer Empfehlung: Wer eine Website für gutund wichtig hält, verlinkt auf diese Website und empfiehlt sie damit seinen Besuchern. DieserEmpfehlung schließen sich die Suchmaschinen an, indem sie Websites mit hoher Link-Popularitätprominenter auf den Ergebnisseiten (SERPs) anzeigen.

Log-FilesLog-Files oder Logs werden zur statistischen Auswertung benutzt. Ein Log (Logbuch) ist dieAufzeichnung von Aktivitäten, z.B. der Zugriffe auf einen Web-Server (Serverlogs).

Login/Logout„Login“ nennt man das Anmeldung eines Anwenders (einloggen). Dabei werden meist Benutzernameund Passwort abgefragt. Stimmen die angegebenen Daten, so wird der Anwender eingeloggt. Sichwieder abmelden, nennt man „Logout“ (ausloggen).

MailboxUnter einer Mailbox versteht man ein elektronisches Postfach, in dem E-Mails gespeichert werden.

MailspaceDieser Begriff beschreibt die Größe des Speicherplatzes, der Ihnen zum Ablegen von E-Mails auf demServer zur Verfügung gestellt wird.

87

Page 88: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

Meta-TagMeta-Tags sind Informationen für Suchmaschinen, die im Header einer Seite eingefügt werden. FürSurfer sind Meta-Tags unsichtbar (es sei denn, man schaut in den Quellcode der Seite) aberSuchmaschinen gewinnen aus den Meta-Tags wichtige Infos.

MidiEin Format für Sounddateien. Töne im Midi, also .mid-Format, können als Hintergrundmusik fürHomepages eingesetzt werden.

ModemAbkürzung für „MOdulator/DEModulator“. Mit dem relativ langsamen Modem werden dieComputersignale in analoge Impulse umgewandelt (moduliert) und auf der Empfängerseite wieder indigitale Signale zurückverwandelt (demoduliert). Das Modem war eine der erstenÜbertragungstechniken.

MP3Ein sehr beliebtes Format für Sounddateien, welches die Dateien ohne Qualitätsverlust starkkomprimiert. Dadurch werden die Dateien kleiner und eignen sich gut zum Download.

MPEG„Motion Pictures Experts Group“. MPEG ist ein über Datenkompression funktionierender Standard zurDarstellung von bewegten Bildern. Filmsequenzen können damit in einer für die schnelleÜbertragung angepasster Datengröße ins Internet gestellt werden. Der Aufruf und die Darstellung derVideos benötigt kleine Zusatzprogramme wie z.B. Real Video, QuickTime oder den MicrosoftMediaPlayer.

Multi-DomainsMulti-Domains werden häufig von Unternehmen verwendet, um es den Kunden einfacher zu machen,die Homepage zu finden. Dabei werden die verschiedenen URL auf eine zentrale umgeleitet.

MySQLEine Datenbank-Anwendung. Die Informationen aus einer MySQL-Datenbank lassen sich mit einerScriptsprache namens PHP in Webseiten integrieren, und zwar dynamisch: Man braucht nur dieDatenbankeinträge zu ändern, schon ändert sich auch der Inhalt der Webseite.

NavigationDie Navigation ist der Bereich auf einer Internet-Seite in dem die Links zu den anderen Seiten derWebsite untergebracht ist. Sie ermöglicht, daher der Name, das navigieren zwischen miteinanderverknüpften Seiten. Die Navigation kann horizontal, vertikal, zum Aufklappen oder oder feststehendals Hauptmenü mit verschiedenen Untermenüs angelegt sein. In der Navigation sind dieNavigationselemente (auch Buttons) angelegt.

NavigationselementeDie Links in einer Navigation werden als Navigationselemente oder Buttons bezeichnet und könnenganz unterschiedlich angelegt sein. Vor dem Hintergrund der Suchmaschinentauglichkeit ist einTextlink die sinnvollste Form der Navigation. Es gibt aber auch verlinkte Grafiken, oft als Buttons oderSchaltflächen bezeichnet. Es ist üblich, Navigationselemente zu animieren um dem Besucher einFeedback über seine Maus-Aktion zu geben. Das kann durch einen Farbwechsel, eine Unterstreichungoder das Auswechseln zweier Grafiken mittels CSS oder JavaScript geschehen.

88

Page 89: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

NetiquetteEin Wortspiel aus Netz und Etikette, in dem die Verhaltensregeln für Online-User aufgeführt sind.Beispielsweise soll man keine anderen User beschimpfen, keine Homepages hacken, etc.

Netscape Navigator/Communicator®

Ein recht guter Browser, der leider nur noch von einem kleinen Teil Internetsurfer verwendet wird. Eingroßer Konkurrent des Internet Explorer.

Opera®

Opera ist ein Browser aus Norwegen. Wird allerdings nur von ca. 2% der Internetgemeinde genutzt.

Online/OfflineWenn man mit dem Internet verbunden ist, ist man online. Besteht keine Verbindung, so ist manoffline.

Packer/PackprogrammManchmal kann es praktisch sein, mehrere Dateien in einer einzigen zusammenzufassen, um diesedann z.B. zum Download anzubieten. "Gepackte" Dateien werden dabei etwas komprimiert, so dasssie weniger Speicherplatz belegen. Die verbreiteten Formate für auf diese Weise komprimierte Dateiensind .zip und .tar.gz.

PagerankUnter diesem Begriff versteht man einen Algorithmus, der zur Bewertung verlinkter Dokumenteeingesetzt wird. Diesem Prinzip nach ist eine Seite umso wichtiger, je mehr andere Seiten auf sieverweisen. Der Nachteil dieser Bewertungstechnik ist, dass sich finanziell gut dastehendeUnternehmen die nötigen Links erkaufen können, um so ihren Pagerank künstlich zu steigern.

PDFPortable Document Format. Umfangreiche Informationen werden auf vielen Internet-Seiten als PDFzum Download angeboten. Den für die Anzeige notwendige Acrobat Reader kann man beiwww.adobe.de herunterladen. Mittels Plug-In lassen sich PDFs auch in vielen Browsern darstellen.

PerlAbkürzung für Practical Extraction and Report Language. Perl war ursprünglich als Scriptsprache fürSystemadministratoren gedacht, die damit z.B. Log-Dateien schneller nachchecken konnten. Heutewird Perl im Web oft verwendet, um CGI-Programme zu schreiben. Perl-Dateien erkennen Sie an derEndung .pl.

PGPAbkürzung für Pretty Good Privacy, ein sicheres und bekanntes Programm zum Verschlüsseln von E-Mails.

PhishingPhishing bezeichnet den Vorgang, mit dem Verbrecher im Internet versuchen, über getarnteWebseiten an persönliche Daten eines Internetnutzers zu kommen. Dabei erhalten die Opfer meisteine E-Mail, die sie zur Eingabe vertraulicher Daten auffordert. In den Mails sind meist URLs enthalten,die auf Webseiten verlinken, die den Originalseiten verflüffend ähneln.

89

Page 90: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

PHPPHP (Hypertext Preprocessor mit jeweiliger Versionsnummer dahinter) ist eine Erweiterung fürInternet-Server die es ermöglicht, schnell und mit verhältnismäßig wenig Aufwand dynamischeWebsites für z.B. Webshop-Anwendungen im Internet zu erstellen. Bei PHP handelt es sich um eineserverseitige und in den HTML-Code eingebettete Skriptsprache; das bedeutet, dass der Client, der dieInformationen (z.B. mit einem Browser) anfordert, eine HTML-Datei ausgeliefert bekommt, die durchPHP generiert wurde.

Plug-InPlug-Ins sind Zusatzprogramme für Browser. Sie erweitern den Funktionsumfang der Browser undermöglichen die Darstellung weiterer Dateiformate, da Browser nur die geläufigsten Dateiformate'.jpg' oder '.gif' darstellen können. Plug-Ins werden oft von Drittherstellern entwickelt (Java, Active-XControls ... etc.) und können zum Teil aus dem Internet heruntergeladen werden.

POP3Abkürzung für „Post Office Protocol 3“, das standardisierte Verfahren für das Empfangen von E-Mails.Der POP3-Server speichert die E-Mails, bis der Nutzer sie mit einem sogenannten POP3-Client abruft.

PopUp/Pop-upEin sich plötzlich öffnendes Browserfenster, meist mit Werbung, manchmal aber auch mit Zusatzinfos.

ProviderEin Dienst bzw. Dienstleister, der den Internetzugang bereitstellt.

Proxy1. Proxy bedeutet soviel wie Stellvertreterdienst. Proxies nehmen Anforderungen von einem Client(z.B. einem Browser) entgegen und geben sie, gegebenenfalls modifiziert, an das ursprüngliche Ziel(z.B. eine Internet-Seite) weiter. Proxies können die durchgeschleusten Daten lokal ablegen und beimnächsten Zugriff direkt liefern, d.h. ohne wieder in das Internet zu gehen (siehe auch Cache).2. Ein Proxy-Server ist ein Rechner, der von einem Internet-Provider betrieben wird und der dieInternet-Seiten, die von den www-Nutzern häufig abgefragt werden, zwischenspeichert. Wenn einSurfer eine Webseite anwählt, prüft der Proxy-Server, ob die Daten bereits beim Provider vorhandensind. Ist dies der Fall, bekommt der Surfer nur eine Kopie, die schneller übertragen wird als dasOriginal. Sind die Daten noch nicht vorhanden, verbindet der Proxy-Server den Surfer weiter zu dergewünschten Adresse.

Quelltext/QuellcodeDer komplette Code einer Webseite. Man kann ihn ansehen, indem man auf einer Webseite einenRechtsklick macht und dann auf "Quelltext anzeigen" klickt.

QuickTimeEin speziell für den Apple Macintosh-Rechner entwickeltes Videoformat, das jedoch auf Windows-Systemen läuft. Die Dateierweiterung ist .mov.

Real VideoMit Real Video werden Videos aus dem Internet übertragen so z.B. Fernsehübertragungen. Diesgeschieht nach dem Streaming Multimedia Protocol, das die Daten für den Bildaufbau während derÜbertragung liefert.

90

Page 91: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

ResellerAls Reseller bezeichnet man einen Wiederverkäufer. Reseller kaufen insbesondere im InternetDienstleistungen günstig an und vermitteln sie dann an den Endverbraucher weiter. Folglich bietenReseller im Bereich Web-Design keine eigenen Arbeiten, sondern Massenware an. Wenn Sie eineindividuelle Website haben möchten, sollten Sie also möglichst nicht bei einem Reseller einkaufen.

RobotAuch Spider genannt. Robots sind die automatisierten Such-Roboter einer Suchmaschine, die dasInternet nach Informationen durchforsten, damit die Suchmaschine die entsprechenden Seiten in ihrVerzeichnis aufnehmen kann.

RSSDiese Abkürzung steht für „Really Simple Syndication“ und beschreibt ein elektronischesNachrichtenformat mit dem Nutzer (partielle) Inhalte einer Website als sogenannte RSS-Feedsabonnieren und in den eigenen Auftritt einbinden können.

SeitentitelDer Seitentitel einer Internet-Seite wird vom Browser in der oberen Fensterleiste des Browserfenstersangezeigt. Ein guter Seitentitel sollte die Schlüsselworte (Keywords) enthalten die den Inhalt derInternet-Seite am besten beschreiben. Für Suchmaschinen sind die Schlüsselwörter im Seitentitel sehrwichtig bei der Frage ob eine Internet-Seite zu einem Thema besonders relevant ist. Suchmaschinenzeigen den Seitentitel auch auf der Ergebnisseite als klickbaren Verweis auf das Suchergebnis an.

SEOSuchmaschinenoptimierung (SEO für (engl.) Search Engine Optimization) sind Methoden, die dazudienen, Webseiten bei betreffenden Suchbegriffen in den Ergebnisseiten von Suchmaschinen aufhöheren Plätzen erscheinen zu lassen.Suchmaschinenoptimierung bezeichnet auch die Tätigkeit von Firmen und Beratern, die anbieten,Webseiten für Suchmaschinen zu optimieren und für Vernetzung der Internetpräsenz durchVerlinkung im Web zu sorgen. Oberbegriff sind neben anderen Internet-Marketing, Online-Marketingund Web-Promotion.

SEMSuchmaschinenmarketing (Search Engine Marketing, SEM), umfasst alle Maßnahmen zur Gewinnungqualifizierter Besucher für eine Webpräsenz über Websuchmaschinen. Dazu gehören Instrumente wieSuchmaschinenoptimierung (Search Engine Optimization, SEO) und Suchmaschinenwerbung(Sponsored Links, Paid Inclusion). Ziel des Suchmaschinenmarketings ist, dass die Webpräsenz auf denErgebnisseiten der Suchmaschine bei einer Suchanfrage gut gefunden wird. Suchmaschinenwerbungerfolgt beispielsweise in Form vom Kauf bezahlter Einträge.

SkriptspracheSkriptsprachen (üblich auch Scriptsprachen) sind Programmiersprachen, die vor allem für kleine,überschaubare Programmieraufgaben gedacht sind. Sie verzichten oft auf bestimmteSprachelemente, deren Nutzen erst bei der Bearbeitung größerer Projekte zum Tragen kommen. Sowird etwa in Skriptsprachen auf den Deklarationszwang von Variablen verzichtet – vorteilhaft zurschnellen Erstellung von kleinen Programmen (siehe auch Rapid Prototyping), bei großen hingegenvon Nachteil, etwa wegen der fehlenden Überprüfungsmöglichkeit von Tippfehlern inVariablennamen. Programme, die in Skriptsprachen geschrieben sind, werden auch Skripte genannt.Skripte werden fast ausschließlich in Form von Quelltextdateien ausgeliefert, um so ein einfachesBearbeiten und Anpassen des Programms zu ermöglichen.

91

Page 92: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

ServerServer sind Computer oder Programme, die anderen Computern (dann Client genannt) oder anderenProgrammen Dienste anbietet und Daten übertragen bzw. speichern kann. Typische Anwendungen,die die Zusammenarbeit von Servern und Clients benötigen, sind die Dienste des Internet wie www,ftp, E-Mails oder News.

Server Side Includes (SSI)Ein Internet-Server kann die vom Client abgerufenen Dokumente vor der Auslieferung überarbeitenund z.B. darin enthaltene Befehle ausführen. Ein solcher Befehl könnte den Server z.B. anweisen, dieaktuelle Zeit in das Dokument einzusetzen. Es ist auch denkbar, dass Daten aus einer Datenbankabgerufen und in das Dokument eingefügt werden. Und es können auch CGI-Programme gestartetwerden. SSI werden nur ausgeführt, wenn der Internet-Browser die HTML-Datei über eineninstallierten Internet-Server aufruft, also mit einer URL-Adresse vom Typ http://.... Voraussetzung istferner, dass der installierte Server die SSI unterstützt. Nicht alle Internet-Server tun das, andereinterpretieren nur einen Teil der möglichen Angaben. Wenn der Server keine SSI kennt, funktionierendie entsprechenden Anweisungen in der HTML-Datei nicht.

SitemapEine Übersicht mit allen Links einer Webseite, also eine Art Inhaltsverzeichnis.

SMTP-ServerSimple Mail Transfer Protocol; Das SMTP ist ein Standard zum Versand von elektronischen Nachrichten.Es regelt den Transfer der E-Mails zum Server und sorgt für die weitere Zustellung zum beabsichtigtenEmpfänger. (Postausgangsserver)

SpamIn Diskussionsforen oder per E-Mail Reklame machen. Reklame-Mails werden auch Junk- oder Bulk-Mails genannt.

SSI„Server Side Includes“, auch bekannt als SSI, ist eine Art einfache serverseitige Skriptsprache, dieausschließlich im World Wide Web verwendet wird. Sie wird hauptsächlich dazu genutzt, den Inhalteiner Datei oder die dynamische Ausgabe eines CGI-Programmes in eine Webseite einzufügen.

SSLAbkürzung für „Secure Socket Layer“. SSL ist eine von Netscape entwickelte Verschlüsselungstechnik,mit dem verhindert wird, dass Hacker die Daten einer Webseite auslesen können, auf der der User sichgerade befindet. Besonders bei Kreditkartenzahlungen per Internet wird SSL eingesetzt, damitniemand die geheimen Kreditkartendaten mitlesen kann.

StatuszeileJeder richtige Browser hat in der Ecke links unten ein kleines schmales Hinweisfensterchen, in demman während des Ladevorgangs einer Webseite ablesen kann, was denn gerade geladen wird. Die Statuszeile wird mit Hilfe von JavaScript oft auch für Zusatzinformationen, wie Begrüßungstext,Uhrzeit oder Ticker, genutzt.

StreamingGroße Ton- und Videodateien im Internet müssen meist erst einmal komplett geladen werden. Bei derStreaming-Technologie jedoch wird das Video bereits bei der Übertragung angezeigt. Allerdings wirdein schneller Internetzugang benötigt, um die Videos und Töne ruckelfrei wiederzugeben.

92

Page 93: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

SuchmaschineSchlagwort-Suchdienste, die im Internet nach Seiten suchen und die entsprechenden Links anzeigen.Durch die Dezentralität und die Informationsflut des Internet gibt es leider nicht „die“ Suchmaschine.Daher beginnt eine Suche nach Inhalten meist mit der Suche nach der geeigneten Suchmaschine.

SuchmaschinenoptimierungSuchmaschinenoptimierung, englisch „Search Engine Optimization“ (SEO) ist das Aufbereiten derInhalte einer Internet-Seite, um von einer Suchmaschine als besonders relevant zum jeweiligen Themaangesehen – und entsprechend prominent in den SERPs der Suchmaschine angezeigt zu werden.Häufig werden in der Suchmaschinenoptimierung Methoden verwendet, die versuchen, exakt auf dieaktuell vermuteten Eigenschaften der jeweiligen Suchmaschine einzugehen. Die Massnahmenvariieren dann von Suchmaschine zu Suchmaschine und reichen von der vielfachen Wiederholungvon sogenannten Schlüsselworten (Keywords) bis hin zum Aufbau riesiger Netze von untereinanderverlinkten Seiten zur Erhöhung der sogenannten Link Popularität. In der Vergangenheit wurden auchbeispielsweise jede Menge Keywords in weißer Schrift auf weißem Hintergrund geschrieben oder inden Meta-Tags Angaben gemacht, die mit dem eigentlichen Seiteninhalt nichts zu tun hatten. Besserist es langfristig suchmaschinentaugliche Internet-Seiten zu konzipieren, die durch logischen Aufbau,eine sinnvolle innere Struktur und gute und für Suchmaschinen verständliche Inhalte, dauerhaft anguter Position angezeigt werden.

TagFachausdruck für "HTML-Befehl". Im HTML-Code werden die einzelnen Tags von spitzen Klammernumgeben.

ThumbnailAuf deutsch "Daumennagel", hat aber nichts damit zu tun. Thumbnails sind kleine Vorschaubilder vonGrafiken. Klickt man auf ein Thumbnail, erscheint das Bild in voller Größe.

TLDTop Level Domains (TLD) bezeichnen die übergreifende Kennzeichnung und sind der obersteOrdnungsbegriff für die hierachisch aufgebauten Internetadressen. Derzeit verwendet werden:Länder (Deutschland hat das Kürzel '.de'), Firmen .com=commercial, schulische oder universitäre Einrichtungen .edu=educational, Regierungsstellen .gov=governmental, multinationale Institutionen .int=international, Militär .mil=military, Provider .net=network,Organisationen und Vereine .org=organisational Informationsanbieter .info = Information Unternehmen .biz = Business

TrafficDer Datenverkehr, der durch den Aufruf einer Homepage entsteht. Je mehr User eine Homepageaufrufen, desto mehr Traffic.

TransfervolumenDas Transfervolumen bezeichnet die bewegte Datenmenge im Internet, die von oder zu einem Web-Server übertragen werden. Bei den meisten Providern ist ein ausreichend großes Transfervolumen imGrundpreis enthalten. Wird das Transfervolumen überschritten, so werden Extra-Gebühren fällig.

93

Page 94: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

TrojanerEin Spionageprogramm, das sich als nützliche Software tarnt und oft per E-Mail versendet wird. Einmalauf dem Rechner installiert, ermöglicht es einem Hacker vollen Zugang zu Ihrem System oder stöbertnach Daten wie Passwörtern oder Kreditkarten-Informationen, welche es dann an Hacker sendet. Sehrgefährlich, also aufpassen, was man Ihnen zuschickt!

TutorialAnleitung oder Anweisung, meist für Scriptsprachen oder Anwendungen.

UploadBedeutet "heraufladen" oder „hochladen“. Man meint damit man das Übertragen einer Dateien vonseiner Festplatte ins Internet. Wenn man aus dem Internet eine Datei auf seine Festplatte überträgt,nennt man das „downloaden“.

URLDer „Uniform Resource Locator“ (kurz URL) ist Ihre Anschrift, Ihre Webseite im Internet. URL beschreibtein genormtes Darstellungsverfahren von Adressen im Internet. Begonnen wird immer mit demzuständigen Protokoll, etwa http://www.ihr-name.de

UserDer Anwender/Benutzer/Surfer auf einer Website.

Upgrade/UpdateEin kleines Programm zum Aktualisieren einer Software, um diese auf eine höhere Version zu stellen.

VRMLEine Programmiersprache, mit der sich dreidimensionale Welten erschaffen lassen. Um VRML anzeigenzu können, benötigt der Browser ein zusätzliches Plug-In.

VirenscannerEin Programm zum Auffinden von Computerviren.

Web-DesignWeb-Design (auch Webgestaltung) umfasst die Gestaltung, den Aufbau und die Nutzerführung vonWebseiten für das WWW bzw. das Interface-Design in diesem Bereich. Dabei werden in der Regelstrukturierte Texte, die in XHTML bzw. HTML verfasst sind, samt ergänzenden Grafiken mit CSSformatiert. Der Web-Designer (Internetagentur) hat dabei unter anderem die Aufgabe, den bestenKompromiss zwischen den Wünschen des Auftraggebers, den Ansprüchen der Besucher und dentechnischen Möglichkeiten zu finden.

Web-DesignerDie Aufgabe des Web-Designers ist die Erstellung und Pflege von Websites im World Wide Web. DerWeb-Designer ist dabei in erster Linie für die Gestaltung, den Aufbau und die Nutzerführung, d.h. dasInterface Design und die Umsetzung des Corporate Designs verantwortlich.In großen Internetagenturen wird der Web-Designer oftmals ausschließlich für das grafische Designder Webseiten eingesetzt. Weitergehende Aufgaben werden dann von anderen Spezialisten inArbeitsteilung übernommen.Ein wichtiger Teil seiner Aufgabe ist es auch, den besten Kompromiss zwischen den Wünschen desAuftraggebers, den Ansprüchen der Besucher und den technischen Möglichkeiten zu finden.

94

Page 95: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

WebhostingUnter Webhosting, versteht man die Unterbringung (Hosting) von Webseiten auf dem Webservereines Internetdienstanbieters. Der Webhoster genannte Provider stellt, üblicherweise gegenBezahlung, seine Ressourcen zur Verfügung. Zu diesen Ressourcen gehören insbesondereBereitstellung und Betrieb von Host, Webserver und deren Netzwerkanbindung. Der Leistungsumfangvon Webhosting-Angeboten variiert erheblich. Die Angebote beginnen mit einer einfachenWebpräsenz über Server mit Skriptsprachenunterstützung (z.B. CGI, PHP) und Datenbank-Backend(z.B. MySQL) bis hin zu Paketen mit Monitoring, Datensicherung, statistischen Auswertungen,Lastverteilung oder Hochverfügbarkeit.

WebmasterWebmaster ist die gebräuchliche Bezeichnung für eine Person, die sich mit der Konzeption, derProgrammierung und der Wartung einer Website beschäftigt.Bei kleineren Websites bezeichnet es die Person, die Domaininhaber ist und sie inhaltlich betreut. Beigrößeren Webpräsenzen koordiniert der Webmaster die Arbeit anderer Personen an den Seiten undfungiert als technischer Ansprechpartner. In diesem Fall ist der Webmaster meist ein Angestellter oderAuftragnehmer des Unternehmens, das die Website betreibt.

Web-MessagingKommunizieren rund um den Globus - vielfältig und absolut einfach: eine einzige Rufnummer für Faxund Anrufbeantworter, Fax- und Sprachnachrichten sofort per E-Mail abrufbar, Web-RUF (Verschickenvon Nachrichten auf Termin) und E-Mail-Versand ans Handy (SMS). SMS-Empfang auch ohne Handy.

WebsiteAls Website, Webpräsenz, Webangebot oder Webauftritt wird ein ganzes Projekt im World Wide Webbezeichnet, das meist aus mehreren Dokumenten (Dateien, Ressourcen) besteht, die durch eineeinheitliche Navigation (das Hypertext-Verfahren) zusammengefasst und verknüpft werden. Über dasWeb hinausreichende Dienste des Internets werden nicht zur Website gezählt, können jedoch Teil derInternetpräsenz sein, deren Teil die Website ist.So ist http://de.wikipedia.org/ als Gesamtes eine Website, die im weltweiten Netzwerk auf einem Host(Server) liegt, während das, was jeweils im Browser (technisch User Agent) angezeigt wird, eineeinzelne Webseite ist. Die Startseite einer Website die auch meist die Navigationsmöglichkeiten (Links)durch die Website bereitstellt, wird auch mit dem aus dem englischen abgeleiteten AusdruckHomepage bezeichnet. Homepage ist also kein Synonym zu Website wie es oft falsch angewandt wird,sondern eben nur das Tor (Portal), die Eintritt- oder Leitseite, zu einer bestimmten Website.

WebspaceSpeicherplatz für eine Webseite. 20 MB reichen für kleine Projekte, große Sites benötigen an die 100MB und mehr. Ein Anhaltspunkt: Eine Homepage mit 3 Megabyte Speicherplatz entspricht etwa 200Textseiten oder 20 Seiten Text mit Fotos, Grafiken etc. Kommen multimediale Elemente wie Videos,Animationen oder Sound hinzu, ist eine Kapazität von 100 MB schnell gesprengt.

WhoisEin Service, mit denen man die Besitzer von Domain-Namen oder IP-Adressen herausfinden kann.

95

Page 96: WYSIWYG Web Builder 5 Basics - Deutsch

WYSIWYG Web Builder 5 BASICS

WireframeEin Wireframe was ins deutsche etwa mit “Drahtgitter” übersetzt werden könnte, stellt einen sehrfrühen konzeptuellen Prototypen einer Website oder eines Software-Frontends dar. Bezogen auf eineWebsite, sollten Elemente wie Navigation und Inhaltsbereiche Teil dieses Skeletts sein.Es reicht grafische Komponenten nur sehr rudimentär abzubilden, da es bei einem Wireframe, sei esnun statisch oder dynamisch in erster Linie um die Konzeption geht und nicht so sehr ums Design.

WYSIWYG-EditorEin HTML-Editor zum Erstellen von Homepages, bei dem man nichts in HTML programmieren muss.Man sieht die Seite im Editor schon so ähnlich, wie sie im Internet auch aussehen wird. (WYSIWYG =What You See Is What You Get)

XhtmlDer W3C-Standard „Extensible HyperText Markup Language“ (XHTML) ist eine Neuformulierung vonHTML 4 in XML 1.0: Im Gegensatz zu seinem Vorgänger HTML, welcher mittels SGML definiert wurde,verwendet XHTML die strengere und einfacher zu parsende SGML-Teilmenge XML alsSprachgrundlage. XHTML-Dokumente entsprechen also den Syntaxregeln von XML.

XMLDie „Extensible Markup Language“ (engl. für „erweiterbare Auszeichnungs-Sprache“), abgekürzt XML,ist ein Standard zur Modellierung von semi-strukturierten Daten in Form einer Baumstruktur, der vomWorld Wide Web Consortium (W3C) definiert wird. XML definiert also Regeln für den Aufbau vonDokumenten, die Daten enthalten, die zum Teil einer fest vorgegebenen Struktur entsprechen,teilweise aber auch Elemente beinhalten, die nicht diesem statischen Schema entsprechen. Für einenkonkreten Anwendungsfall (”XML-Anwendung”) müssen die Details der jeweiligen Dokumentespezifiziert werden. Dies betrifft insbesondere die Festlegung der Strukturelemente und ihreAnordnung innerhalb des Dokumentenbaums. XML ist damit ein Standard zur Definition vonbeliebigen in ihrer Grundstruktur jedoch stark verwandten Auszeichnungssprachen. Eine Sprache wieXML zur Definition anderer Sprachen nennt man Metasprache. XML ist eine vereinfachte Teilmengevon SGML.

.zipEin Dateiformat für "gezippte", d.h. komprimierte Dateien.

96