FrontPage 2000

1. FrontPage 2000 M. Neuberger Fronpage 2000

2. Frontpage 2000 1 Eine Web-Site vorbereiten 2 Eine Web-Site planen 3 FrontPage starten 4 Homepage und Web-Seiten erstellen 5 Web-Seiten gestalten 6 Web-Seiten strukturieren 7 Web-Seiten mit Hyperlinks verbinden 8 Web-Seiten organisieren 9 Mit grafischen Elementen arbeiten 10 Mit Formularen arbeiten 11 Vorlagen erstellen Fronpage 2000

3. Frontpage 2000 12 Mit FrontPage-Designs arbeiten 13 Mit Frames arbeiten 14 Web-Site veröffentlichen 15 Webserver installieren und konfigurieren Fronpage 2000

4. 1 Eine Web-Site vorbereiten 1.1 Was ist eine Web-Site? 1.2 Wie wird eine Web-Site geplant? 1.3 Was ist ein Seitenablaufdiagramm? 1 Eine Web-Site vorbereiten

5. Was ist eine Web-Site? • Web-Site = Sammlung von Web-Seiten eines Anbieters (vgl. Buch) • Web-Seite = Dokument, das im WWW veröffentlicht wird • Homepage =Einstiegsseite einer Web-Site (vgl. Buchumschlag) 1 Eine Web-Site vorbereiten

6. Wie wird eine Web-Site geplant? • Wer soll Ihre Web-Site lesen? • Welche Personengruppe soll erreicht werden? • Welche Altersgruppe soll angesprochen werden? • Welche Interessen der Zielgruppen stehen im Vordergrund? • Aus welchen Berufsgruppen setzen sich die Leser zusammen? • Welche Informationen bieten Sie Ihren Lesern? • Welche Informationen sind wichtig? • Werden Personen, Firmenziele oder Produkte vorgestellt? • Welche Informationen müssen unbedingt gegeben werden? • Welche Informationen dürfen nicht erscheinen? 1 Eine Web-Site vorbereiten

7. Wie wird eine Web-Site geplant? • Welche Informationen wollen Sie von Ihren Lesern erhalten? • Möchten Sie nur informieren? • Möchten Sie von den Lesern Feedback oder Meinungen erfahren? • Möchten Sie ein Diskussionsforum schaffen? • Möchten Sie mit den Lesern per E-Mail, Telefon oder Post in Kontakt treten? • Möchten Sie die Besuche auf Ihrer Web-Site auswerten und statistisch hochrechnen? 1 Eine Web-Site vorbereiten

8. Was ist ein Seitenablaufdiagramm? Home - page Home • Seitenablaufdiagramm =Navigationsmöglichkeit durch eine Web-Site 1 Eine Web-Site vorbereiten

9. Was ist ein Seitenablaufdiagramm? Home - page Presse - Info Projekte spiegel • Einfaches Seitenablaufdiagramm • Lineare Folge 1 Eine Web-Site vorbereiten

10. Komplexe lineare Folgen 1 Eine Web-Site vorbereiten

11. Kombinierte lineare Abfolge Home- page 1 Eine Web-Site vorbereiten

12. Verwobene Abfolge Home- page 1 Eine Web-Site vorbereiten

13. 3 FrontPage starten 3.1 Was ist FrontPage? 3.2 FrontPage starten 3.3 Die Ansichten in FrontPage 3.4 Hinzufügen eines Browsers 3.5 Hilfe anfordern 3.6 FrontPage beenden 3 FrontPage starten

14. Was ist FrontPage? • Programm der Firma Microsoft zur • Erstellung • Gestaltung • Verwaltung einer Web-Site • Frontpage bietet • Hilfsmittel zur grafischen Darstellung Ihrer Web-Site-Struktur • Funktionen einer Textverarbeitung • Werkzeuge zu Projektmanagement Ihrer Web-Site 3 FrontPage starten

15. Veröffentlichung von Web-Seiten • Zu veröffentliche Web-Seiten müssen auf einem Web-Server abgelegt werden • Wird i. d. R. durch einen Provider zur Verfügung gestellt • Zugangsmöglichkeit zum Internet muss bestehen • Simulation der Veröffentlichung auf einem lokalen Web-Server, z. B. • Microsoft Personal Web Server für Windows 95 oder Windows 98 oder • Microsoft Internet Information Server für Windows NT 3 FrontPage starten

16. FrontPage starten • - PROGRAMME - MICROSOFT FRONTPAGE 3 FrontPage starten

17. Ein neues Web erstellen • DATEI - NEU - WEB • Frontpage erzeugt Ordner zur Verwaltung Ihrer Web-Site Auswahl des Web-Servers Vorlage: Leeres Web 3 FrontPage starten

18. FrontPage-Vorlagen • Standardweb • Diskussionsweb-Assistent • Firmenpräsenzweb-Assistent • Kundenunterstützungsweb • Leeres Web • Persönliches Web • Projektweb • Webimport-Assistent 3 FrontPage starten

19. Die Ansichten in FrontPage Web-Seiten-Vorschau Ordnerverwaltung des Webs Analyse des Webs (Verknüpfungen) Navigationsstruktur Verbindungen der Webseiten Web-Site Projektmanagement 3 FrontPage starten

20. Hinzufügen eines Browsers • Browser = Programm zum Betrachten von WWW-Seiten • Beispiele • Microsoft Internet Explorer • Netscape Communicator • Opera • Web-Seiten können in verschiedenen Browsern (oder verschiedenen Versionen) unterschiedlich dargestellt werden => Kontrolle der erstellten Seiten mit verschiedenen Browsern 3 FrontPage starten

21. Vorschau im Browser • Datei speichern mit • DATEI - VORSCHAU IN BROWSER Installierte Browser Geläufige Bildschirmauflösung 3 FrontPage starten

22. Hinzufügen eines Browsers • Startdateien • Internet Explorer (iexplore.exe) • Netscape Communicator (netscape.exe) Vorschau im Offline-Betrieb 3 FrontPage starten

23. FrontPage beenden • DATEI - BEENDEN oder • (ALT) (F4) oder oder • Doppelklick auf 3 FrontPage starten

24. 4 Homepage und Web-Seiten erstellen 4.1 Homepage anlegen 4.2 Neue Web-Seite anlegen 4.3 Die Ansichten der Seitenansicht 4 Homepage und Web-Seiten erstellen

25. FrontPage-Web öffnen Ansicht: WEBORDNER Web-Sites auf dem lokalen Server 4 Homepage und Web-Seiten erstellen

26. Homepage öffnen Ansicht: SEITE Doppelklick Web-Seite im Editor Editor bei ausgeblendeter Ordnerliste 4 Homepage und Web-Seiten erstellen

27. Homepage speichern • DATEI - SPEICHERN UNTER Speichern Standardname für Homepage Festlegen des Seitentitels 4 Homepage und Web-Seiten erstellen

28. Homepage im Browser betrachten • DATEI - VORSCHAU IN BROWSER oder 4 Homepage und Web-Seiten erstellen

29. Neue Web-Seite anlegen • Menüpunkt DATEI - NEU - SEITE • Symbol: STANDARDSEITE oder 4 Homepage und Web-Seiten erstellen

30. Web-Seite erstellen Eingabe im Editor 4 Homepage und Web-Seiten erstellen

31. Web-Seite speichern • DATEI - SPEICHERN oder 4 Homepage und Web-Seiten erstellen

32. Ordneransicht der Web-Seiten Homepage Weitere Seite 4 Homepage und Web-Seiten erstellen

33. Normal-Ansicht 4 Homepage und Web-Seiten erstellen

34. Quelltext-Ansicht 4 Homepage und Web-Seiten erstellen

35. Vorschau-Ansicht 4 Homepage und Web-Seiten erstellen

36. 5 Web-Seiten gestalten 5.1 Schriften formatieren 5.2 Text formatieren 5.3 Laufschriften erstellen 5.4 Absatzformatierungen 5.5 Nützliche Formatierungsfunktionen 5.6 Der Hintergrund einer Web-Seite 5.7 Textfarben verändern 5 Web-Seiten gestalten

37. Schriften formatieren • Menüpunkt FORMAT - ZEICHEN oder • (ALT) (_¢_) oder • Kontextmenü: ZEICHEN oder • Symbolleiste: FORMAT 5 Web-Seiten gestalten

38. Text formatieren • Text markieren • FORMAT - ZEICHEN • Fett • Kursiv • Unterstrichen • Farbe 5 Web-Seiten gestalten

39. Hinweise zur Zeichenformatierung • Blinkender Text wird im Internet-Explorer nicht dargestellt • Auf Unterstreichungen verzichten - Hyperlinks • Auf einheitliches Design der Seiten achten 5 Web-Seiten gestalten

40. Laufschriften erstellen • EINFÜGEN - KOMPONENTE - LAUFSCHRIFT(wird nur vom Internet Explorer angezeigt) 5 Web-Seiten gestalten

41. Absatzformatierungen • Absatz markieren • FORMAT - ABSATZ oder • Besonderheiten in Web-Seiten • Der Zeilenumbruch wird bei Fließtext vom Browser vorgenommen (abhängig von Fenstergröße und Auflösung) • Trennstriche im Text vermeiden 5 Web-Seiten gestalten

42. Nützliche Formatierungsfunktionen • Schnelles Übertragen einer Formatierung • Text mit gewünschter Formatierung markieren • Klick auf • Zu formatierenden Text markieren • Mehrmaliges Übertragen einer Formatierung • Text mit gewünschter Formatierung markieren • Doppelklick auf • Zu formatierenden Text markieren • Zum Beenden der Funktion - Klick auf oder • (ESC) 5 Web-Seiten gestalten

43. Verändern der Hintergrundfarbe • Seite öffnen oder neu erstellen • FORMAT - HINTERGRUND 5 Web-Seiten gestalten

44. Grafik als Hintergrundbild einbinden Grafik-Datei auswählen 5 Web-Seiten gestalten

45. Clipart als Hintergrund einer Web-Seite 5 Web-Seiten gestalten

46. Clipart als Hintergrund einer Web-Seite Hintergrund der Web-Seite 5 Web-Seiten gestalten

47. Web-Seite mit Hintergrundbild speichern • DATEI - SPEICHERN • Dialogfenster: "Eingebettete Dateien speichern" • Ordner zur Ablage der Grafikdatei wählen (z. B. images) • Namen für die Grafikdatei vergeben 5 Web-Seiten gestalten

48. Der Hintergrund einer Web-Seite übernehmen 5 Web-Seiten gestalten

49. Textfarben verändern Auf Kontrast zwischen Text- und Hintergrundfarbe achten 5 Web-Seiten gestalten

50. 6 Web-Seiten strukturieren 6.1 Grundlagen 6.2 Überschriften verwenden 6.3 Listen erstellen 6.4 Tabellen erstellen und formatieren 6.5 Tipps zum Strukturieren einer Web-Seite 6 Web-Seiten strukturieren