Schnellanleitung für BuddyW. Schnellanleitung für

Transkript

1 II Schnellanleitung für

2 1 Wichtige Informationen!!! Bitte beachten Sie folgende Hinweise : Vergessen Sie nicht Ihre Änderungen regelmässig zu speichern (Menüpunkt Web speichern ) Ein Web enthält alle Ihre Daten, Ihre Dokumente, Ihre Bilder und auch Ihre vorgenommenen Einstellungen, kurzum alles was Sie benötigen um den letzten Bearbeitungszustand Ihres Projekts (Webs) im Falle eines Hard-, Softwaredefekts oder einer Fehlbedienung, zurückzuerhalten. Wir empfehlen Ihnen zudem regelmässig Sicherungen der erstellten Webs auf einem Backup-Medium (beschreibbare CD) anzulegen, damit Ihre Daten vor Verlust geschützt sind. Bedenken Sie, dass die zur Bearbeitung Ihrer Homepage erforderlichen Daten zunächst lediglich lokal auf Ihrem PC vorhanden sind, und dann für das Internet aufbereitet, übertragen und aktualisiert werden. Eine Rekonstruktion ihres letzten Bearbeitungszustands, unter Verwendung der im Internet liegenden Daten, ist meist nur schwer oder oftmals gar nicht möglich. Sichern Sie also regelmässig Ihre Daten! Zudem wichtig für die Arbeit mit BuddyW : Vergessen Sie nicht, jede Änderungen, die Sie beibehalten möchten, vor dem Wechsel in ein anderes Dokument zu speichern!

3 2 Inhaltsübersicht I. Installation II. Lizenzcode-Eingabe III. Design-Import IV. Seitentitel ändern V. Import von Textbausteinvorlagen VI. Tastenkommandos (Textbausteine) VII. Bilder einfügen VIII. Tabellen einfügen IX. Link (Hyperlink) einfügen X. Medienlink (Dateidownload) einfügen XI. Verbindungseinstellungen (FTP) XII. Seiten im Internet aktualisieren (FTP-Upload) XIII. Web speichern / öffnen XIV. Eigenes Logo einbinden XV. Meta-Informationen (Suchmaschinen) XVI. Skript-Import XVII. Web-Vorlagen XVIII. Tastenkommandos (HTML-Editor) XIX. Gestaltungstipps S.3 f S.4 f S.6 S.7 S.10 S.12 S.13 S.14 f S.15 f S.16 f S.19 ff S.21 f S.24 f S.25 f S.27 S.27 f S.28 f S.30 f S.31 ff

4 3 Installation 1. Legen Sie die BuddyW- Installations-CD ein. Der Installationsvorgang wird automatisch gestartet. Sollten Sie die Autostart-Funktion bei Ihrem Betriebssystem deaktiviert haben, können Sie die Installation auch manuell durch Aufrufen der BuddyW_Setup.exe auf der CD starten. Haben Sie BuddyW über das Internet bezogen, starten Sie bitte die BuddyW_Setup.exe durch Doppelklick. Folgen Sie nun den Bildschirmanweisungen. 2. Lesen Sie die Lizenzvereinbarung gründlich, markieren Sie Ich akzeptiere die Bedingungen der Lizenzvereinbarung und bestätigen Sie mit Weiter. 3. Setzen Sie die Installation fort, indem sie auf Installieren klicken. BuddyW wird nun auf Ihrem System installiert. Beenden Sie die Installation mit Klick auf Fertigstellen.

5 4 4. Starten Sie BuddyW durch Klick auf das Programmsymbol in Ihrer Programme-Liste oder auf dem Desktop. Falls Sie eine Firewall aktiviert haben, muss diese BuddyW die Erlaubnis erteilen, dass BuddyW als Server agieren darf. So kann er auch im Offl inemodus das Internet simulieren. Ebenfalls wichtig: Sollte Ihre Firewall anfragen, ob sie die Datei svchost.exe freigeben soll, beantworten Sie diese Frage auf jeden Fall mit ja. BuddyW kann sonst nicht ordnungsgemäss funktionieren. Die ersten Schritte Wählen Sie im folgenden Fenster Schnelleinstieg (Information) aus, und bestätigen Sie mit OK. Lesen Sie bitte die folgenden Seiten, bevor Sie mit der Erstellung Ihrer Internetpräsenz beginnen. In Verbindung mit dieser Schnellanleitung werden Sie so in das Arbeiten mit BuddyW eingeführt. Unser Schnelleinstieg erklärt Ihnen Begriffe, die für die erfolgreiche Arbeit mit BuddyW unerlässlich sind. Zudem soll Ihnen unser Autohaus Schnell den Einstieg erleichtern. Es handelt sich hierbei um ein Beispiel für eine Internetpräsenz. Registrierung 1. Um BuddyW in vollem Umfange nutzen zu können, registrieren Sie sich bitte, indem Sie im Menü Einstellungen den Menüpunkt Programmeinstellungen

6 5 wählen. 2. Den für die Registrierung benötigten Lizenzschlüssel, sowie nähere Informationen zur Registrierung erhalten Sie unter bestellen.html 3. Im Reiter Lizenzschlüssel geben Sie Ihre Registrierungsdaten an, und bestätigen mit OK um die Registrierung abzuschliessen. 4. Nach Eingabe eines Prooder Developer-Lizenzcodes klicken Sie im Fenster Inhalte auf Alles aktualisieren um das BuddyW-Logo aus den Seiten zu entfernen. Grundsätzliches zur Arbeit mit BuddyW BuddyW vereinfacht die Erstellung und Verwaltung von Internetinhalten, indem er die von Ihnen erstellten Inhalte in ein für Internetbrowser verständliches Format wandelt. Ihre mit BuddyW erstellte Internetpräsenz besteht aus einem austauschbaren Design, also dem Rahmen, und dem Inhalt dieses Rahmens, den Dokumenten (Seiten). Ihre Dokumente (Seiten) sind durch die beliebig erweiterbaren Menüpunkte im Seitenmenü Ihres Designs erreichbar. Die einzelnen Dokumente bestehen ihrerseits aus einzelnen Bausteinen, den Textbausteinen. Das gesamte Datenmaterial, das für Ihre Internetpräsenz benötigt wird, kann als Web gespeichert werden. Sie können somit auch mehrere Internetpräsenzen als Webs anlegen und verwalten. Neues Web erstellen 1. Um mit der Erstellung Ihrer Internetpräsenz zu beginnen, öffnen Sie zunächst ein neues Web, indem sie im Menü Datei den Menüpunkt Neues Web

7 6 wählen. 2. Wählen sie Leeres Web aus, und bestätigen sie mit OK. Sie können das Design selbstverständlich auch nachträglich noch ändern. Hierzu wählen Sie im Menü Bearbeiten den Menüpunkt Designs. 4. Das Design kann Standardvorlagen enthalten, d.h. vorgefertigte Textbausteine. BuddyW wird abfragen, ob diese übernommen werden sollen. Bestätigen sie diese Abfrage, wenn gewollt, mit JA. Weitere Designs importieren 3. Sie werden nun aufgefordert, ein Design für Ihr neues Web zu wählen. Sie sehen eine Vorschau, wenn Sie das jeweilige Design anklicken. Markieren Sie Ihr Wunschdesign, und klicken Sie auf Design übernehmen. Auf können Sie weitere Designs auf Ihren PC laden (z.b. in den Ordner C:\Eigene Dateien), und Sie durch klicken auf die Import- Schaltfl äche importieren (dort z.b. in den Ordner C: \Eigene Dateien navigieren, das Designfi le auswählen und öffnen).

8 7 Seitentitel ändern Klicken Sie in der Menüleiste im Menü Bearbeiten auf den Menüpunkt Designs, und geben Sie unter Seiten Titel den Wunschtitel Ihrer Internetseite an, und übernehmen Sie die Änderung mit Klick auf Titel übernehmen. an (z.b. Produkte ). Bestätigen Sie mit Ja. 3. Sie werden nun gefragt, ob Sie auch einen, auf ihre neue Seite verweisenden, Eintrag im Menü Ihrer Internetseite erstellen wollen. Bestätigen Sie dies mit Ja. Neue Seite anlegen (neues Dokument) 1. Wählen Sie im Hauptmenü den Punkt Inhalte aus und wählen Sie dort Neu. 4. Geben Sie eine Bezeichnung für Ihren Menüeintrag an (z.b. Unsere Produkte ) Seiteninhalt (Dokumenteninhalt) ändern 2. Geben Sie einen Dateinamen für Ihre neue Seite 1. Wählen Sie die zu bearbeitende Seite im

9 8 Menü Ihrer Homepage oder im Dokumente-Menü (Inhalte) aus. Sie können das Dokumente-Menü (Inhalte) auf- und zuklappen, indem Sie auf das Erweiterungszeichen klicken. Einen neuen Textbaustein erstellen a.) Klicken Sie auf die Schaltfäche Neu. 2. Klicken Sie auf die Schaltfl äche Bausteine. b.) Geben Sie eine Bezeichnung für Ihren neuen Textbaustein an. 3. Sie sehen eine Liste der Textbausteine Ihrer Seite (die zu Beginn noch leer ist). c.) Wählen Sie Ihren neuen Textbaustein aus der Textbausteinliste aus. 4. Klicken Sie auf den Reiter Bearbeiten, und nehmen Sie

10 9 Eingaben und Änderungen vor, wie Sie es in gängiger Textverarbeitungssoftware gewohnt sind. 2. Markieren Sie die gewünschte Vorlage. Sie können jedoch auch ganz bequem eine unserer Textbausteinevorlagen übernehmen. 1. Wählen Sie den Ordner Vorlagen aus. Sollten sich hier noch keine Textbausteinevorlagen befi nden lesen Sie bitte zunächst den folgenden Abschnitt Import von weiteren Textbausteinevorlagen. 3. Klicken Sie auf Übernehmen. 4. Geben Sie einen Namen für Ihren Textbaustein an. 5. Um den Inhalt Ihres neuen Textbausteins zu verändern klicken Sie auf den Reiter Bearbeiten, und nehmen Eingaben und Änderungen vor, wie Sie es in gängiger Textverarbeitungssoftware gewohnt sind.

11 10 Schaltfl äche in Ordner Vorlagen Übernehmen in Ihre Vorlagenliste übernehmen. WICHTIG! Vergessen Sie nicht, Ihre Änderungen zu speichern! Import von weiteren Textbausteinevorlagen 1. Um weitere Vorlagen zu übernehmen, klicken Sie auf die Schaltfl äche weitere Vorlagen im Ordner Vorlagen. Zusätzlich können Sie durch betätigen der Import- Schaltfl äche weitere Vorlagenpacks von einem Datenträger importieren. Weitere Vorlagenpacks sind im Internet unter erhätlich. 2. In der folgenden Auswahl können Sie zwischen verschiedenen Vorlagenpacks, und einzelnen Textvorlagen wählen, und diese durch Markieren und Klicken der

12 11 Sie möchten einen bestehenden Textbaustein verändern Textbausteine auf der Seite. a.) Wählen sie den zu ändernden Textbaustein aus der Liste aus. b.) Klicken Sie auf den Reiter Bearbeiten und nehmen Sie Eingaben und Änderungen vor, wie Sie es in gängiger Textverarbeitungssoftware gewohnt sind. Weitere nützliche Tipps zur Arbeit mit Textbausteinen - Einmal erstellte/veränderte/ umbenannte Textbausteine befi nden sich in der Liste alle Textbausteine. Von hier aus können Sie sie in jedes Dokument übernehmen. WICHTIG! Vergessen Sie nicht, Ihre Änderungen zu speichern! Textbausteine anordnen Durch einfaches Ziehen und Fallenlassen (Drag & Drop) der Textbausteine in der Textbausteinliste ändern Sie die Reihenfolge Ihrer - Wird ein solcher Textbaustein in mehrere Seiten übernommen (z.b.: eine Fusszeile, in welcher der Text auf jeder Seite gleich sein soll), speichern Sie diesen nach Ihren Änderungen einfach ab, und klicken sie auf Alles Aktualisieren.

13 12 Die Änderungen werden so auf allen Seiten, die diesen Textbaustein enthalten entsprechend übernommen. - Wenn Sie einen Textbaustein aus der Liste im aktuellen Dokument entfernen (Schaltfläche Entfernen), verbleibt dieser in der Liste alle Textbausteine. - Falls Sie Elemente (Text, Grafiken...) aus anderen Anwendungen (z.b.: Word, Excel...) per Copy&Paste übernehmen wollen, kann das kopierte Material in manchen Fällen unsauber sein. In diesen Fällen entspricht das Eingefügte optisch auch nicht dem Kopierten und sollte nochmals überarbeitet werden. Manchmal ist es hilfreich, den einzufügenden Text zunächst in ein einfaches Textdokument (*.txt) einzufügen, anschliessend erneut zu kopieren, und dann erst in BuddyW einzufügen. Hierdurch wird das zu kopierende Material gesäubert. Tastenkommandos beim Bearbeiten Folgende Tastaturkürzel stehen Ihnen beim Bearbeiten zur Verfügung : strg+c (kopieren) strg+x (ausschneiden) strg+v (einfügen) strg+b (bold = fett) strg+i (italic = kursiv) strg+f (suchen) strg+l (link einfügen) strg+t (tab = einrücken) strg+z (rückgängig) strg+u (underline = unterstrichen) strg+p (print = drucken) strg+a (alles markieren) strg+m (neuer Absatz) enter (neuer Absatz) shift+enter (neue Zeile = weicher Umbruch)

14 13 Bilder einfügen 1. Um ein Bild in einen Textbaustein einzufügen, markieren Sie einfach die gewünschte Bildposition mit dem Mauszeiger und klicken auf die Bild-Schaltfläche. Bilder in die Bildvorschau übernehmen, indem Sie auf Bild hinzufügen klicken und anschliessend das gewünschte Bild aussuchen, markieren und auf Öffnen klicken. Das gewählte Bild erscheint nun ebenfalls in der Bildvorschau und kann durch klicken auf Übernehmen in den Textbaustein eingefügt werden. 2. Sie sehen nun eine Bildvorschau in der Lasche Browser. Markieren Sie das gewünschte Bild mit dem Mauszeiger und klicken Sie auf Übernehmen, um das Bild in den Textbaustein einzufügen. Bei der Auswahl der für Ihre Internetseite verwendeten Bilder sollten Sie auf deren Grösse und Auflösung achten. Zu grosse Bilder können das Layout Ihrer Internetseite verzerren, und bewirken unnötig lange Ladezeiten bei der Darstellung Ihrer Homepage. 3. Sie können auch eigene WICHTIG! Vergessen Sie nicht, jede Änderung, die Sie beibehalten möchten, vor dem Wechsel in ein anderes Dokument zu speichern!

15 14 Tabelle einfügen Durch das Verwenden von Tabellen beim Arrangieren Ihrer Inhalte (Texte+Bilder) erreichen Sie eine übersichtlichere Struktur und Ausrichtung der Elemente. 1. Platzieren sie den Cursor an der gewünschten Position innerhalb des Textbausteins, betätigen Sie die Schaltfläche Tabelle und wählen Sie Neue Tabelle aus. 3. Die neue Tabelle wurde entsprechend der Vorgaben erstellt. Markieren Sie die Tabelle und betätigen Sie die Schaltfläche Tabelle, um weitere Eigenschaften festzulegen (z.b.: Hintergrundfarbe, Rahmen, Ausrichtung von Text- oder Bildelementen innerhalb einer Zelle). 2. Geben Sie die Eigenschaften der neuen Tabelle an und bestätigen Sie die Eingaben mit OK. 4. Die Breite und Höhe einer Zelle ändern sie, indem sie in die Zelle klicken und im Menü Tabelle den entsprechenden Menüpunkt wählen.

16 15 Anschliessend werden sie zur Eingabe von Werten aufgefordert. Die Eingabe kann prozentual oder in Pixeln erfolgen. Geben Sie keinen Wert an, wird eine dynamische Zellenbreite/-höhe übernommen. Hyperlink einfügen 1. Um auf eine andere Internetseite, oder ein anderes Dokument zu verlinken markieren Sie einfach die gewünschte Textstelle, oder das gewünschte Bild mit der Maus, und klicken auf die Hyperlink-Schaltfläche. 2. Wählen Sie nun den Typ der Verlinkung mittels Drop- Down-Menü aus. Wählen Sie zum Beispiel http: wenn Sie auf eine Internetseite verlinken möchten, oder mailto: wenn Sie auf eine -adresse verlinken möchten. 3. Geben Sie nun die genaue Ziel adresse der Verlinkung an. Wenn Sie auf eine Internetseite verlinken wollen geben Sie hinter dem Verlinkungsprefi x ( die Internetadresse an ( Der komplette Link muss lauten. Bei einer -adresse geben Sie hinter dem Prefi x einfach die reguläre Adresse an (info@buddyworx.de). Der komplette Link muss mailto:info@buddyworx.de lauten. Bestätigen Sie Ihre Eingaben mit OK.

17 16 2. Betätigen Sie die Schaltfl äche Datei hinzufügen in der Medienverwaltung. Falls Sie auf ein Dokument Ihrer eigenen Homepage verlinken wollen, wählen Sie als Verlinkungstyp einfach (anderer) aus, und geben Sie den vollständigen Dokumentennamen und die Endung.html an (z.b.: produkte.html). Medienlink einfügen Um eine beliebige Datei zum Download anzubieten nutzen Sie unsere Medienlink- Funktion. 1. Markieren Sie die gewünschte Textstelle, oder das gewünschte Bild für die Verlinkung, und klicken Sie auf die Medienlink-Schaltfläche. 3. Wählen Sie die Datei von Ihrer Festplatte oder einem anderen Datenträger aus, die zum Download angeboten werden soll. Achten Sie hierbei darauf, dass die Datei keine Leerzeichen, Umlaute oder Sonderzeichen enthält. Bestätigen Sie mit Öffnen um die Datei der Medienverwaltung hinzuzufügen. 4. Markieren Sie die gewünschte Datei in der Medienverwaltung und klicken

18 17 Sie auf Übernehmen. Achten Sie auf die Grösse der angebotenen Datei. Sowohl das Hochladen grosser Dateien auf Ihren Internet-Server, als auch der Download durch Ihre Besucher kann je nach Internetanbindung sehr viel Zeit in Anspruch nehmen. Testen Sie dies gegebenenfalls im Verbindungstest im Menü Einstellungen. Alternative 1: Sie wollen einen bereits bestehenden Menüeintrag abändern. a.) Wählen Sie den zu ändernden Menüeintrag in der Liste aus, und klicken auf Ändern. Menüeintrag bearbeiten Ein Menüeintrag im Navigationsmenü Ihrer Internetseiten sollte immer auf ein bestehendes Zieldokument verweisen. Änderungen nehmen Sie bitte in der Menüverwaltung vor. b.) Geben Sie einen neuen Namen für den Menüeintrag an. 1. Klicken Sie die Schaltfl äche Menüeinträge. c.) Geben Sie die Bezeichnung

19 18 der Seite an, die über den Menüeintrag aufgerufen werden soll. neuen Menüeintrag aufgerufen werden soll. Alternative 2: Sie wollen einen neuen Menüeintrag erstellen. a.) Klicken Sie die Schaltfl äche Neu. 2. Nachdem Sie den Menüeintrag fertiggestellt haben klicken Sie auf Alles Aktualisieren. Das Menü wird nun auf allen Seiten entsprechend eingetragen. b.) Geben Sie eine Bezeichnung für den neuen Menüeintrag an. Wie bei den Textbausteinen können Sie hier die Reihenfolge der Menüpunkte durch Drag & Drop verändern. Untermenü einfügen 1. Begeben Sie sich in die Menüverwaltung, indem Sie auf Menüeinträge klicken. c.) Geben Sie die Bezeichnung der Seite an, die über den

20 19 2. Wählen Sie in der Liste der Menüeinträge den Menüeitrag aus, dem ein Untermenü hinzugefügt werden soll, und klicken Sie auf Untermenü. 5. Der neue Untermenüeintrag erscheint nun links in der Liste der Menüeinträge. Bestätigen Sie den neuen Eintrag, indem Sie auf Alles Aktualisieren klicken. Das Menü wird nun auf allen Seiten entsprechend eingetragen. 3. Geben Sie einen Namen für den neuen Untermenüeintrag an. Konfiguration Ihrer Verbindungsdaten 4. Geben Sie das Ziel- Dokument für den neuen Untermenüeintrag an (z.b.: index). 1. Klicken Sie im Menü Einstellungen auf den Menüpunkt Programmeinstellungen.

21 20 2. Wählen Sie die Lasche Verbindung. an (z.b.: /html). Username : Geben Sie hier Ihren FTP-Benutzernamen an. Hostingkunden von BuddyWorX finden diesen auf Ihrem Zugangsdatenblatt. Passwort : Geben Sie hier bitte Ihr FTP- Passwort an. Hostingkunden von BuddyWorX finden dieses auf Ihrem Zugangsdatenblatt. 3. Hier nehmen Sie Ihre Verbindungseinstellungen bitte wie folgt vor : Webadresse : Geben Sie hier Ihre Internetadresse an. (z.b.: passiven Modus abschalten : Manche FTP-Server lassen eine Übertragung im passiven Modus nicht zu. Falls Sie eine Fehlermeldung beim Übertragen Ihrer Internetseite erhalten, setzen sie hier das Häkchen. FTP Host (Adresse des FTP- Servers) : Geben Sie hier die Adresse Ihres FTP-Servers ein (z.b.: ftp.buddyw.de oder manchmal Unterverzeichnis : Geben Sie hier bei Bedarf ein Unterverzeichnis für Ihre Daten

22 21 geschützte Dateien : Geben Sie hier die Namen der Ordner und Dateien an, die nicht von BuddyW bearbeitet werden sollen, während Ihre Homepage ins Internet übertragen wird. Dateien innerhalb geschützter Ordner werden ebenfalls nicht bearbeitet. Proxy (Host) / Proxy (Port) : Normalerweise müssen Sie hier keine Einstellungen vornehmen. Falls Sie doch über einen Proxy verfügen, erkundigen Sie sich bitte bei Ihrem Systemadministrator nach den richtigen Einstellungen. 2. Wechseln Sie nun zur Lasche Webseite. 3. Hier haben Sie folgende Optionen : Bestätigen Sie Ihre Angaben durch Klick auf OK. Seite im Internet aktualisieren 1. Klicken Sie zunächst unter Inhalte auf Alles aktualisieren, um sämtliche geänderten Dokumente zu aktualisieren (z.b.: eine für alle Dokumente zu ändernde Fusszeile). - Webseite (Lokal) zeigt den aktuellen lokalen Bearbeitungszustand Ihrer Internetseite an. - Webseite (Internet) zeigt den aktuellen Zustand Ihrer Internetseite exakt so, wie Sie

23 22 momentan online zu sehen ist. - Verbindungstest ermöglicht Ihnen zu testen, wie schnell sich Ihre Internetseite unter verschiedensten Bedingungen laden lässt. - Klicken Sie auf Abgleichen, um Ihre Daten ins Internet zu stellen. 4.Nun haben Sie folgende Möglichkeiten: Vergleichen: Vergleicht den lokalen Bearbeitungszustand mit dem im Internet. Es werden weder Dateien aktualisiert (erstellt), noch werden Daten gelöscht. Aktualisieren: Aktualisiert (erstellt) alle Ihre Daten im Internet. Nicht mehr benötigte Daten werden jedoch nicht gelöscht. Synchronisieren: Hierdurch werden die lokal erstellten Dateien auf Ihren FTP-Server geladen, wobei sämtliche lokal nicht vorhandenen gelöscht werden. Weitere Möglichkeiten: Im Dateimanager verfügen erfahrene Nutzer über weitere Funktionen zur Verwaltung der Daten auf dem FTP-Server. WICHTIG! Das Aktualisieren Ihrer Internetseiten kann je nach Datenmenge und Internetanbindung einige Zeit in Anspruch nehmen! BuddyW informiert Sie wenn die Übertragung abgeschlossen ist! Bei der Darstellung Ihrer Internetseite unter Webseite ist folgendes zu beachten : - Bei der Auswahl von Webseite (Lokal) erscheint das Fenster verbinden - offline bleiben. Ihr Internetexplorer schaltet sich, wenn Sie nicht mit dem Internet verbunden sind, in den

24 23 sogenannten Offlinemodus. Dies bedeutet, er versucht Internetseiten zunächst immer aus dem Cache (Zwischenspeicher) zu laden. Beim Klick auf die Lasche Webseite simuliert BuddyW einen Internetzugriff auf Ihr erstelltes Projekt. Wenn Sie nun im Fenster verbinden - offline auf verbinden drücken, wechselt BuddyW automatisch in den Onlinemodus. Eine Internetverbindung wird hierfür nicht aufgebaut, klicken Sie also in jedem Fall auf verbinden. - Obwohl sie an Ihrer Internetseite Änderungen vorgenommen haben, werden diese nicht in der Vorschau oder unter Webseite angezeigt. Die Änderungen werden hier nicht angezeigt da der Internet Explorer den alten Bearbeitungszustand noch in seinem Zwischenspeicher (Cache) behalten hat. Durch Klicken auf den Aktualisieren- Button in Ihrem Internet Explorer oder in BuddyW werden die Inhalte neu geladen, und Ihre Änderungen werden korrekt dargestellt. Der Verbindungstest 1. Klicken Sie in der Lasche Webseite auf den Button mit dem Fragezeichen. 2. Im folgenden Fenster können Sie durch aufklappen des Drop-Down-Menüs verschiedene Verbindungsgeschwindigkeiten auswählen. Anschliessend können Sie den Browser wählen mit dem Ihre Internetseite dargestellt werden soll (auf Ihrem PC nicht installierte Browser stehen in der Auswahl nicht zur Verfügung). Sie können sich nun mit dem Browser Ihrer Wahl in der gewünschten Geschwindigkeit durch Ihre Internetseiten bewegen, und so feststellen, wieviel Zeit die Darstellung Ihrer Homepage mit der jeweiligen Verbindungsgeschwindigkeit benötigt.

25 24 Web speichern Falls Sie Veränderungen an Ihrer Homepage vornehmen, ist es unerlässlich, regelmässig Sicherungen des aktuellen Bearbeitungszustands vorzunehmen. Zum einen sind Sie so vor Datenverlusten aufgrund von Hardwaredefekten geschützt und zum anderen können Sie vorgenommene Änderungen leicht durch Öffnen einer angelegten Sicherung wieder rückgängig machen. 1. Klicken Sie im Datei-Menü auf Web speichern unter. WICHTIG! Vergessen Sie nicht, Ihre Änderungen regelmässig als Web zu speichern, und auch Backups der gespeicherten Webs anzulegen und auf einem Backup-Medium (beschreibbare CD) zu sichern, damit Ihre Daten vor Verlust geschützt sind! Web öffnen 1. Klicken Sie im Datei-Menü auf Web Öffnen. 2. Geben Sie eine beliebige Position auf Ihrer Festplatte, oder einem anderen Speichermedium an. Wählen Sie eine Bezeichnung für das zu speichernde Web, und klicken Sie auf OK. Ihre Sicherung ist nun gespeichert.

26 25 2. Wählen Sie das gewünschte Web aus und klicken Sie auf OK. 2. Hier können Sie den Text, die Schriftart, -grösse, und -farbe des Seitentitels ändern. Sie können den Seitentitel durch Anhaken von feste Seitenposition an einer bestimmten Stelle innerhalb Ihres Designs fi xieren. Die Position legen Sie durch Eingaben in den Feldern Links und Oben fest. 3. Die gewählte Sicherung wird nun geöffnet. Eigenes Logo einbinden (Seiteneigenschaften) 1. Wählen Sie im Menü Bearbeiten den Menüpunkt Seiteneigenschaften. Durch Klick auf in alle Dokumente übernehmen wird Ihr Seitentitel in allen Dokumenten vorgenommen. 3. Um ein Logo in Form einer Bilddatei einzufügen, markieren Sie Logo (Bilddatei).

27 26 4. Klicken Sie auf Bilddatei öffnen. 5. Wählen Sie das Logo/die Bilddatei von Ihrer Festplatte aus, und klicken Sie auf Öffnen. 6. Um ungewollte Veränderungen am Design zu verhindern, können Sie das Logo durch Anhaken von feste Seitenposition an einer bestimmten Stelle innerhalb Ihres Designs fixieren. Die Position legen Sie durch Eingaben in den Feldern Links und Oben fest. Sie können Ihr Logo auch transparent einbinden. Die Transparenz des Hintergrundes Ihres Logos regulieren Sie, indem Sie Transparenz anhaken, und die Toleranz mittels Regler oder Eingabe eines Wertes festlegen. Achten Sie darauf, daß das Logo nicht zu groß gerät, da dadurch Teile des Menüs überdeckt werden könnten! Tip : Wählen Sie für das einzubindende Logo eine Hintergrundfarbe, die im übrigen Logo nicht erscheint. So erzielen Sie bei der Nutzung der Transparenzfunktion die besten Ergebnisse. Durch Klick auf in alle Dokumente übernehmen werden Ihre Änderungen in allen Dokumenten vorgenommen.

28 27 Meta-Informationen/ Kopfbereich (<head>) (Seiteneigenschaften) 1. Die für Einträge in Suchmaschinen hilfreichen Meta-Informationen legen Sie in der entsprechenden Lasche fest. Durch erzeugen werden die zuvor eingegebenen Meta- Informationen erstellt, und durch in den Kopfbereich übernehmen entsprechend übernommen. 2. Unter Kopfbereich (<head>) können Sie Änderungen desselben für das aktive Dokument oder für alle Dokumente zugleich vornehmen. Skript-Import 1. Um ein Skript (Gästebuch, Kontaktformular,...) auf Ihrer Internetseite einzubinden, speichern Sie die bei heruntergeladene bws-datei zunächst auf Ihrer Festplatte. 2. Wählen Sie im Menü Bearbeiten den Menüpunkt Skripte. 3. Klicken Sie in der Skriptverwaltung auf die Schaltfläche Import.

29 28 6. Das ausgewählte Skript kann nun ausgeführt werden. Eine Anleitung zum jeweiligen Skript erhalten Sie entweder durch das Installationsprogramm selbst, oder durch eine dem Skript beigefügte separate Dokumentation. 4. Wählen Sie die bws-datei von Ihrer Festplatte aus, und klicken Sie auf Öffnen. Webvorlagen (Neues Web) Die Webvorlagen erreichen Sie bei jedem Start von BuddyW oder durch Klick auf Neues Web im Menü Datei. 5. Markieren Sie das importierte Skript in der Liste. Letzter Stand öffnet den letzten Berbeitungszustand des beim letzten Programmende geöffneten Webs. Nach Klick auf Web öffnen können Sie ein beliebiges Web auf Ihrer Festplatte auswählen und öffnen. Leeres Web öffnet ein neues, noch leeres Web. Zudem

30 29 haben wir einige Beispielwebs bereitgestellt. Hinzufügen und Löschen eigener Webs Durch Auswahl der hinzufügen-schaltfl äche können Sie Ihre eigenen Webs als Vorlagen hinzufügen. Fotoeditor (Plugin) Um die Fotos für Ihre Internetseite zu bearbeiten und aufzuwerten, verwenden Sie das mitgelieferte Plugin Fotoeditor. Sie können nur die Bilder bearbeiten, die Sie bereits in Ihre Bilder-Bibliothek aufgenommen haben. 1. Klicken Sie auf die Lasche Fotoeditor. Wählen sie das gewünschte Web von Ihrer Festplatte aus, und klicken Sie auf öffnen. Das Web wird nun zu den Webvorlagen (Neues Web) hinzugefügt. Beachten Sie hierbei, dass das hinzugefügte Web nun seinen Bearbeitungszustand beibehält! Wenn Sie an diesem Web Veränderungen vornehmen, die zukünftig als Vorlage dienen sollen, müssen Sie das Web erneut den Vorlagen/Webs hinzufügen! 2. Im Menü links sehen Sie die bereits für Ihre Internetseite importierten Grafi ken. Wählen Sie die zu ändernde aus, und versehen Sie sie mit mit Effekten (Drop-Down-Menü Filter), ändern Sie die Größe (Schaltfl äche Größe), oder versehen Sie sie mit einer Schattierung (Schaltfl äche Schatten).

31 30 HTML-Editor Folgende Tastaturkürzel stehen im HTML-Editor zur Verfügung : strg+f (suchen / find) Durch Speichern ändern Sie das Foto dauerhaft. strg+r (ersetzten / replace) strg+h (ersetzten / replace) F3 (weitersuchen) strg+g (goto line = zu zeile nr springen) strg+shift+x (x steht fuer 0-9 -> bookmark/ merker setzten/entfernen) strg+x (x steht fuer 0-9 -> zu bookmark springen) strg+c (kopieren) strg+x (ausschneiden) strg+v (einfügen)

32 31 strg+a (alles markieren) strg+y (nächste Zeile löschen) strg+n (nachfolgend Zeile einfügen) strg+m (Zeile einfügen und zu Block springen) Tipps vom Profi Haben auch Sie sich schon über unübersichtliche Internetseiten und unverständliche Seitennavigation geärgert, und auch nach verzweifeltem Suchen nicht das gefunden was Sie sich eigentlich erhofft hatten? Wenn Sie verhindern wollen, dass es den Besuchern Ihrer Internetpräsenz so ergeht, sollten Sie die folgenden Tipps beherzigen, um Ihrer Seite ein ansprechendes Aussehen und eine klare und übersichtliche Struktur zu verleihen. Erstellen Sie zunächst ein Konzept für Ihre Internetpräsenz. Überlegen Sie sich, welche Informationen Sie einem Besucher Ihrer Internetseiten vermitteln wollen und wo er diese Informationen vorfinden soll. Sie erhalten dadurch eine Grobgliederung Ihrer Internetseiten, stellen fest wieviele Menüpunkte, und damit Unterseiten, Ihre Homepage enthalten muss, und unter welchem Menüpunkt welche Informationen untergebracht werden müssen. Verwenden Sie keine Leerzeichen, Umlaute und

33 32 Sonderzeichen bei der Bennenung von Dokumenten (Seiten), dies würde Ihnen bei der Speicherung der Dateien im Internet Probleme bereiten. Menüpunkte und Textbausteine können Sie benennen, wie Sie möchten. Achten Sie beim Erstellen von neuen Menüpunkten und Unterseiten auf die Wahl einer einfachen Bezeichnung. Wollen Sie etwa auf einer Unterseite die Dienstleistungen Ihrer Firma präsentieren, so wählen Sie die Bezeichnung Dienstleistungen. Der Besucher Ihrer Seiten weiss so genau, was Ihn wo erwartet. Ein lästiges Suchen entfällt. Verwenden Sie bei der Erstellung Ihrer Internetseiten unsere Textbausteine-Vorlagen und ersetzen Sie die Bilder und Texte durch Ihre eigenen. Zum einen wurden unsere Vorlagen so konzipiert, dass Sie die Übersichtlichkeit Ihrer Internetseite fördern, und zum anderen werden Sie durch den Umgang mit diesen Vorlagen schnell ein eigenes Gespür für eine übersichtliche und saubere Gestaltung Ihrer Seiten gewinnen. Benutzen Sie immer eine durchgängige Schriftart und Schriftgröße. Die Schriftgrösse für Überschriften sollte etwas grösser als die des Textes sein. Möglich ist auch eine bestimmte Schriftart für Überschriften und eine andere für Texte. Wichtig ist, dass Sie die gewählten Schriftarten und -grössen über Ihre ganze Internetpräsenz hindurch konsequent einhalten. Bei der Wahl der Schriftarten ist darauf zu achten, dass diejenigen Verwendung finden, die auch bei den meisten anderen PC- Benutzern vorhanden sind, also gängige Schriftarten wie Arial, Verdana, Times New Roman oder Helvetica. Bei der Textgestaltung sind zudem noch weitere Vorgaben zu berücksichtigen um den Besuchern Ihrer Internetseiten einen angenehmen und informativen Aufenthalt zu ermöglichen: - Wichtig! Für Zeilenumbrüche nutzen Sie Shift+Return (weicher Umbruch). Durch Return alleine wird gleich ein neuer Absatz eingefügt (harter Umbruch). - Vermeiden Sie Unterstreichungen im Text. So wird