Was Sie bald kennen und können

Transkript

1 Eine Webseite erstellen 3

2 In diesem Kapitel lernen Sie, wie Sie Text für eine Webseite erfassen. Fügen Sie Zeichen hinzu oder löschen Sie diese. Arbeiten Sie mit Überschriften. Markieren Sie Ihren Text. Richten Sie die Absätze rechtsbündig oder zentriert aus. Arbeiten Sie mit Aufzählungen und Listen. Fügen Sie Umbrüche und Linien ein. Was Sie bald kennen und können 11: Wie in Word Text erfassen 12: Passagen löschen und umstellen 13: Überschriften zuweisen 14: Fett und kursiv Text gestalten 15: Links, rechts, zentriert? Absätze ausrichten 16: Aufzählungen und Listen 17: Besser gliedern mit Linien 18: Bewegen im Dokument Kapitel 3: Eine Webseite erstellen 63

3 11: Wie in Word Text erfassen Ran an die Praxis! Erstellen Sie Ihre erste Webseite mit FrontPage. Es ist einfacher als gedacht. Achten Sie darauf, dass Sie eine neue, normale Seite vor Ihrer Nase haben. Das gelingt z. B. durch Klick auf die Schaltfläche Neue normale Seite erstellen. Tipp: Schalten Sie die Absatzmarken ein! Ich empfehle Ihnen dringend: Schalten Sie die so genannten nicht druckbaren Steuerzeichen ein. Klicken Sie dafür auf die Schaltfläche Alle anzeigen ( ) rechts in der Symbolleiste Standard. Nun sehen Sie jeden Druck auf ( ) als Absatzmarke. Auch einfache Zeilenumbrüche werden durch einen kleinen Winkel-Pfeil sichtbar gemacht. 1 Tippen Sie Ihren Text für die Webseite ein. Sie wollen einen neuen Absatz erzeugen? Drücken Sie einfach auf ( ), genau wie in Ihrer Textverarbeitung. Jeder Paragraph (Absatz) wird durch eine eigene Absatzmarke kenntlich gemacht. 64 FrontPage 2003 einfach klipp & klar

4 2 Sie brauchen lediglich eine neue Zeile? Sie wollen nicht gleich einen neuen Absatz erstellen? Drücken sie die Tastenkombination (ª)+( ). Diesen Break (Zeilenumbruch) erkennen Sie an einem kleinen Winkel-Pfeil. Erfassen Sie auf diese Weise Ihren Text, wie aus der Textverarbeitung gewohnt. Der Browser wählt bei der Anzeige in der Regel eine Schriftart wie Times oder Times New Roman. Kapitel 3: Eine Webseite erstellen 65

5 12: Passagen löschen und umstellen Sie haben sich verschrieben? Kein Problem! Fehler korrigieren Sie genau wie in Ihrer Textverarbeitung. Klicken Sie einfach an die gewünschte Stelle. Die Taste (Rückschritt) löscht alle Zeichen links vom Cursor. Mit (Entf) können Sie dagegen Zeichen rechts von Ihrer Schreibmarke entfernen. Haben Sie eine ganze Passage markiert? Dann nutzen Sie die Schnelltaste zum Löschen. Drücken Sie einfach auf (Entf). Apropos markieren. Kennen Sie schon die besten Tricks? Tipp: Raffinierte Markiertechniken Sicher kennen Sie die herkömmlichen Markiertechniken. Sie bestreichen die zu markierenden Passagen bei gedrückter linker Maustaste. Aber wussten Sie, dass Sie ein Wort durch Doppelklick markieren? Und dass ein Dreifachklick den ganzen Absatz auswählt? Oder dass Sie eine ganze Seite mit dem Shortcut (Strg)+(A) markieren können? Sie wollen eine ganze Passage umstellen? Nutzen Sie die Technik des Ausschneidens und Einfügens. Ist Ihnen die Vorgehensweise vertraut? Ich zeige Ihnen eine von vielen Möglichkeiten. 1 2 Markieren Sie die gewünschte Passage. Im Beispiel soll ein ganzer Absatz an eine andere Stelle verschoben werden. Klicken Sie mit der rechten Maustaste auf die Markierung. Jawohl, mit rechts. Wählen Sie im Kontextmenü den Befehl Ausschneiden. 66 FrontPage 2003 einfach klipp & klar

6 Keine Sorge, die Passage ist nicht verschwunden. Sie liegt in der so genannten Zwischenablage zum Einfügen bereit. 3 Wo soll der Text eingefügt werden? Klicken Sie die gewünschte Einfügestelle mit der rechten Maustaste an. Wählen Sie den Kontextmenü-Befehl Einfügen. Schon wird die ausgeschnittene Textpassage an der Wunschposition eingefügt. Ergänzen Sie die eventuell fehlenden Leerzeichen oder Absatzumbrüche von Hand. Kapitel 3: Eine Webseite erstellen 67

7 13: Überschriften zuweisen Arbeiten Sie mit Überschriften, den so genannten Headings. In HTML-Seiten stehen Ihnen bis zu sechs hierarchisch geordnete Überschriftsebenen zur Verfügung: Überschrift 1 (h1 für heading 1) Überschrift 2 (h2 für heading 2) Überschrift 3 (h3 für heading 3) usw. Diese Überschriften nutzen Sie einfach zur logischen Gliederung des Textes. Das Zuweisen ist ganz einfach. Sie benötigen lediglich das Listenfeld Formatvorlage. Dieses finden Sie ganz links in der unteren Symbolleiste: 1 Markieren Sie den Absatz mit der zukünftigen Hauptüberschrift. Im Beispiel ist es der erste Absatz. 2 Wählen Sie aus dem Listenfeld Formatvorlage den Eintrag Überschrift 1. Die Überschrift wird nun fett und mit einer entsprechenden Schriftgröße formatiert. 68 FrontPage 2003 einfach klipp & klar

8 3 Gestalten Sie auch die anderen Überschriften nach diesem Prinzip. Im Beispiel weise ich der zweiten Überschrift das Format Überschrift 2 und der letzten Überschrift das Format Überschrift 3 zu. Tipp: Klicken statt Markieren Sie wollen einen Absatz mit einem Überschrift-Format versehen? Dann müssen Sie den Absatz nicht erst umständlich markieren. Es genügt, wenn Sie ganz einfach in diesen Absatz hineinklicken! 14: Fett und kursiv Text gestalten Einfache Überschriften und Absätze reichen Ihnen nicht aus? Zum Glück hat FrontPage noch mehr zu bieten. Heben Sie einzelne Passagen mit den Formaten Fett und Kursiv hervor. 1 Markieren Sie das gewünschte Wort bzw. die gewünschte Passage. Kapitel 3: Eine Webseite erstellen 69

9 2 3 Klicken Sie z. B. auf die Schaltfläche Fett. Weisen Sie weiteren Passagen auf diese Weise die Formate Fett bzw. Kursiv zu. Die Schaltfläche Kursiv befindet sich rechts neben Fett. Tipp: Vorsicht vor Unterstreichungen! Sicher haben Sie auch entdeckt, dass Sie Wörter unterstreichen können. Dafür bietet sich die Schaltfläche Unterstrichen an. Davon rate ich Ihnen allerdings ab! Unterstreichungen sind für Hyperlinks reserviert und sollten nie außerhalb von Querverweisen verwendet werden. Die Unterstreichung außerhalb von Hyperlinks ist in HTML nicht (mehr) zulässig! Sie finden dieses Gestaltungs-Feature nur bei schlecht gemachten Webseiten. Deshalb ist die Schaltfläche zum Unterstreichen eigentlich überflüssig! Beim Setzen von Hyperlinks dagegen müssen Sie sich um diese Unterstreichung überhaupt nicht kümmern. Sie erfolgt automatisch, sobald Sie einen Link zuweisen. (Und wie das geht, zeige ich Ihnen in einem eigenen Kapitel weiter hinten im Buch!) 70 FrontPage 2003 einfach klipp & klar

10 Schriftart und -größe einstellen Haben Sie schon die Listenfelder zum Einstellen von Schriftart und -größe entdeckt? Auch diese Einstellung empfehle ich Ihnen nur bedingt. Warum? Bei Verwendung dieser Formate weist FrontPage im Hintergrund das so genannte FONT-Tag zu. Das FONT-Tag ist allerdings veraltet und sollte nach Möglichkeit nicht mehr eingesetzt werden. Die viel bessere Alternative sind die Formatvorlagen, auch als Stylesheets bezeichnet. Einen ersten Einblick in das Thema CSS (Cascading Stylesheets) erhalten Sie in einem eigenen Kapitel. 15: Links, rechts, zentriert? Absätze ausrichten Schieben Sie doch einmal einen Textabsatz in die Mitte. Oder setzen Sie ihn ganz nach rechts! Wie das geht? Ganz einfach! 1 Markieren Sie den Absatz oder die Absätze, die Sie bearbeiten möchten. Tipp: Anmarkieren genügt Sie wollen nur einen Absatz auswählen? Diesen Trick hatte ich Ihnen schon verraten es genügt, wenn Sie in diesen Absatz hineinklicken. Sie möchten dagegen mehrere Absätze gleichzeitig bearbeiten? Achten Sie in diesem Fall darauf, dass der erste und letzte ausgewählte Absatz zumindest anmarkiert sind. Kapitel 3: Eine Webseite erstellen 71

11 2 Wählen Sie nun die jeweilige Schaltfläche. Klicken Sie z. B. auf Zentriert oder auf Rechtsbündig. Schon wird die entsprechende Passage mittig oder wie im Beispiel bündig am rechten Rand ausgerichtet. Tipp: Blocksatz nur mit Vorsicht zu genießen Haben Sie schon die Schaltfläche Blocksatz entdeckt? Damit können Sie Textpassagen sowohl am linken als auch am rechten Rand bündig ausrichten. Doch was für Printmedien gut ist, ist für das Web nur bedingt geeignet. Für Blocksatz benötigen Sie eine gute Silbentrennung, damit unschöne Lücken zwischen den Wörtern vermieden werden. Diese gibt es auf Webseiten nicht. Außerdem wird Blocksatz nicht von allen Browsergenerationen unterstützt. Das Format Linksbündig brauchen Sie übrigens nicht zuzuweisen. Das ist stets die Voreinstellung. 72 FrontPage 2003 einfach klipp & klar

12 16: Aufzählungen und Listen Egal ob Nummerierung oder Aufzählung erzeugen Sie schicke Listen auf Ihrer HTML-Seite. FrontPage greift Ihnen dabei perfekt unter die Arme. 1 Achten Sie darauf, für jeden Listenpunkt einen eigenen Absatz vorzusehen. Drücken Sie also nach jedem Eintrag ( ). 2 Markieren Sie alle Absätze, die Sie in Listeneinträge verwandeln möchten. Denken Sie an meinen Markiertrick: Der erste und der letzte Absatz brauchen nur anmarkiert zu werden. 3 Wählen Sie nun die gewünschte Schaltfläche. Soll die Liste nummeriert werden? Klicken Sie auf die Schaltfläche Nummerierung. Kapitel 3: Eine Webseite erstellen 73

13 4 Wünschen Sie dagegen eine einfache Aufzählung mit so genannten Bullets, den kleinen Kullern? Dann sollten Sie sich wie im Beispiel für die rechts daneben befindliche Schaltfläche Aufzählungszeichen entscheiden! Schon werden die markierten Absätze mit dem gewünschten Listenformat versehen. Tipp: Nummerierung erfolgt automatisch Probieren Sie unbedingt die Nummerierung aus. Wandeln Sie eine Aufzählung gerne auch nachträglich in eine Nummerierung um! Fügen Sie mittendrin weitere Gliederungspunkte ein. Sie werden merken: Die Zählung erfolgt automatisch und passt sich immer wieder an. Sie wollen die Aufzählung bzw. Nummerierung wieder loswerden? Markieren Sie erneut die entsprechenden Stellen. Klicken Sie die entsprechende Schaltfläche noch einmal an. Sie rastet dann aus. 74 FrontPage 2003 einfach klipp & klar

14 17: Besser gliedern mit Linien Gliedern Sie Ihre Webseite. Wie wäre es mit einer horizontalen Linie? Linien gehören zum Standard-Repertoire von HTML. 1 Klicken Sie an die Stelle, wo die Linie eingefügt werden soll. Klicken Sie im Beispiel an den Anfang des Absatzes, über dem die Linie eingefügt werden soll. 2 Wählen Sie im Menü Einfügen den Befehl Horizontale Linie. Schon erscheint in Ihrem Dokument eine durchgehende Linie! Kapitel 3: Eine Webseite erstellen 75

15 18: Bewegen im Dokument Wie bewegen Sie sich im Text? Richtig, Sie können mit der Maus an die gewünschte Stelle klicken. Oder Sie wandern mit den Pfeiltasten auf der Tastatur hin und her. Auch die (Bild)-Tasten für größere Bildschirmsprünge kennen Sie sicherlich. Wollen Sie ein paar Tricks kennen lernen, mit denen Sie noch schneller navigieren? Wortweise vorwärts bewegen Sie möchten sich blitzschnell zum nächsten oder vorhergehenden Wort bewegen? Halten Sie dazu einfach die Taste (Strg) gedrückt und benutzen Sie die schon erwähnten Pfeiltasten. Anfang und Ende der Zeile Sie wollen blitzschnell an den Anfang bzw. das Ende einer Zeile? Nichts leichter als das! Schauen Sie in den rechten Bereich Ihrer Tastatur, zum so genannten Cursorblock: Der Druck auf die Taste (Pos1) bringt Sie zum Anfang einer Zeile. Mit Druck auf (Ende) marschieren Sie zum Ende der Zeile. Anfang und Ende des Dokuments Sie wollen ganz fix an den Anfang Ihres Dokumentes marschieren? Dann hilft der eben erwähnte Trick, und zwar in Zusammenarbeit mit der Taste (Strg). Die Tastenkombination (Strg)+(Pos1) bringt Sie blitzschnell an den Anfang Ihres Dokuments. Drücken Sie dagegen (Strg)+(Ende), wenn Sie an das Ende Ihres Dokuments springen möchten. 76 FrontPage 2003 einfach klipp & klar

16 Tipp: Speichern nicht vergessen! Haben Sie schon gespeichert? Solange die Seite nicht gespeichert ist, bekommt sie einen Platzhalter-Namen wie Seite1.htm, Seite2.htm o. Ä. Legen Sie einen eigenen Namen fest. Wählen Sie einen bestimmten Zielordner. Ausführliche Infos zu den Besonderheiten des Speicherns und zu den Besonderheiten der Namensvergabe verrate ich Ihnen im nächsten Kapitel! Übungen Wandeln Sie eine bestehende Aufzählung in eine Nummerierung um. (Falls Sie dagegen mit einer Nummerierung gearbeitet haben, machen Sie daraus eine Aufzählung.) Fügen Sie eine weitere Linie in Ihr Dokument ein. Fügen Sie eine zusätzliche Überschrift in das Dokument ein. Kapitel 3: Eine Webseite erstellen 77