Erstellen von Webseiten mit FrontPage. Beschreibung des Microsoft Office Frontpage-Programms Erstellen Sie eine Vorlage für Seiten in FrontPage

💖 Gefällt es dir? Teilen Sie den Link mit Ihren Freunden
0

Microsoft FrontPage – das Programm ist ein Editor, mit dem Sie Layouts in HTML verwenden können. Die Software funktioniert nach dem Prinzip „Was Sie tun, ist, was Sie bekommen.“ Die Utility-Engine basiert auf einer Technologie, die auch im bekannten IE-Browser zum Einsatz kommt. Der Entwickler weist darauf hin, dass bei der Arbeit mit Browsern, die Engines von Drittanbietern verwenden, die Anzeige anders aussieht.

Das Programm ist in der Lage, von Entwicklern vorgenommene Änderungen automatisch und in Echtzeit umzusetzen.

Der Editor wird für Anfänger empfohlen, die die grundlegenden Vorgänge beim Erstellen von Webseiten beherrschen möchten. Im Gegensatz zu komplexeren und komplexeren Gegenstücken mit einer Vielzahl von Funktionen kann dieses Programm als trivial bezeichnet werden. Mit der Grundfunktionalität können Sie jedoch schnell die Grundlagen der Website-Erstellung erlernen.

Laden Sie die vollständige russische Version von Microsoft FrontPage kostenlos von der offiziellen Website herunter, ohne Registrierung und SMS.

System Anforderungen

  • Unterstützte Betriebssysteme: Windows 7, 10, 8, 8.1, Vista, XP
  • Bittiefe: 32 Bit, 64 Bit, x86

Thema 3.3: Anwendungen zum Erstellen von Websites

Thema 3.4: Anwendung des Internets in der Wirtschaft und Informationsschutz

Programme zum Erstellen von Websites

3.3. Anwendungsprogramme zum Erstellen von Websites

3.3.2. Einführung in FrontPage

Webseiten basieren auf der Sprache HTML (Hypertext Markup Language) zur Beschreibung von Hypertextdokumenten. HTML verwendet Befehle, sogenannte Tags, um den Inhalt und das Format von Hypertextdokumenten zu definieren. HTML-Seiten sind Dokumente im Nur-Text-Format, die spezielle Formatierungsbefehle (HTML-Tags) enthalten.

Um eine Website mit FrontPage zu erstellen, ist es nicht erforderlich, HTML zu lernen. Mit FrontPage können Sie ganz einfach Text eingeben, der auf einer Webseite platziert werden kann, und Bilder an den richtigen Stellen platzieren. Mit FrontPage können Sie Effekte erstellen, für die normalerweise Skripts oder DHTML-Programme erforderlich wären.

Eine Site oder Website ist eine Reihe zusammengehöriger Webseiten und Dateien, die miteinander in Beziehung stehen. FrontPage verfügt über Assistenten, mit denen Sie eine Website erstellen können, sowie über Vorlagen oder eine Reihe vorgefertigter Text- und Grafikformate, aus denen neue Webseiten erstellt werden können. Mit FrontPage-Assistenten und -Vorlagen können Sie verschiedene Arten von Websites erstellen.

Jede Site verfügt über eine Webseite, die als Haupt- oder Homepage bezeichnet wird. Die Startseite ist die erste Webseite, auf der ein Website-Besucher landet. Über Navigation oder Hyperlinks können Benutzer zu anderen Seiten der Website gelangen.

Normalerweise wird eine Website auf einem Webserver gehostet, einem Computer, der den Besuchern der Website Zugriff auf Webseiten ermöglicht. Mit FrontPage können Sie eine Site direkt im Dateisystem des Computers des Benutzers erstellen und sie dann auf einem Webserver veröffentlichen, wenn sie fertig ist.

Nach dem Start des FrontPage-Programms (Start – Programme – FrontPage) erscheint auf dem Bildschirm ein Programmfenster mit einer neuen Seite (new_page_1.htm). Im Aufgabenbereich wird der Bereich „Erste Schritte“ angezeigt.


Reis. 1.

Das FrontPage-Anwendungsfenster besteht aus: einer Titelleiste, einer Menüleiste, Bearbeitungs- und Formatierungssymbolleisten, Schaltflächen zur Schnellauswahl von Tags (zum Bearbeiten und Eingeben von Tags), Verknüpfungen zur Registerkarte „Seitenauswahl“ (zum Wechseln zwischen Seiten) und einem Arbeitsfenster, in dem ein neuer Seite wird angezeigt, Zeichenfeld, Schaltflächen für den Anzeigemodus, Anzeige der erwarteten Seitenladezeit bei 56 Kbit/s, Anzeige der Seitengröße, Aufgabenbereich.

FrontPage bietet vier Anzeigemodi: Design, Code, Teilen und Vorschau. Im „Designer“-Modus können Sie wie in jedem Texteditor eine Seite im visuellen Modus erstellen, bearbeiten und formatieren, d.h. Geben Sie Text ein, fügen Sie Bilder und Tabellen hinzu. Dadurch werden im Hintergrund automatisch HTML-Sprach-Tags hinzugefügt, die HTML-Kodierung wird jedoch nicht auf dem Bildschirm angezeigt.

Im Modus „Code“ werden alle Codierungen auf dem Bildschirm angezeigt und Sie können den HTML-Code direkt bearbeiten sowie neue Codes eingeben. Die Abbildung zeigt den HTML-Code für eine neue leere Seite im FrontPage-Editor.



Reis. 2.

Im „Split“-Modus wird eine Webseite gleichzeitig im Code-Modus und im Design-Modus auf dem Bildschirm angezeigt. Im Anzeigemodus sieht die Webseite ähnlich aus wie in einem Webbrowser.

Befehle, die für die Arbeit mit Webseiten und Websites konzipiert sind, befinden sich im Menü „Ansicht“ des FrontPage-Programms:

  1. Seite ist der Ansichts- und Entwicklungsmodus der Seite.
  2. Ordner – zeigt die Ordnerstruktur der aktuellen Site an.
  3. Remote-Knoten – ein Knoten, der sich auf einem Internet-Server befindet.
  4. Berichte – bietet eine Zusammenfassung der Website.
  5. Übergänge – zeigt die Struktur der Übergänge zwischen Site-Seiten an.
  6. Hyperlinks – öffnet eine Liste mit Links auf der aktuellen Seite.
  7. Aufgaben – öffnet eine Liste mit Aufgaben für die aktuelle Site


Reis. 3.

Erstellen von Webseiten in der FrontPage-Anwendung

Erstellen einer neuen leeren Webseite

Wenn beim Öffnen eines FrontPage-Programmfensters eine leere Seite angezeigt wird, können Sie auf Grundlage dieser Seite eine Webseite entwickeln. Wenn beim Öffnen des FrontPage-Editors ein leeres Hauptfenster angezeigt wird, müssen Sie zum Erstellen einer neuen leeren Seite den Befehl „Datei/Neu“ ausführen und im Aufgabenbereich „Leere Seite“ auswählen. Im Anwendungsfenster wird eine leere Seite angezeigt. Als nächstes müssen Sie die Seite entwickeln, d.h. Seitenlayout (Struktur) durchführen, Text, Bilder usw. eingeben.


Reis. 4.

Erstellen einer Webseite basierend auf FrontPage-Vorlagen

Sie können auch eine neue Seite basierend auf einer der Vorlagen erstellen. Wählen Sie dazu im Aufgabenbereich den Befehl „Andere Seitenvorlagen“. Auf dem Bildschirm wird das Dialogfeld „Seitenvorlagen“ angezeigt, in dem verschiedene Seitenvorlagen nach Kategorie sortiert angezeigt werden.



Reis. 5.

Erstellen einer Webseite basierend auf vorhandenen Webseiten auf Ihrem PC

Sie können auch eine Webseite basierend auf vorhandenen Webseiten auf Ihrem Computer erstellen. Wählen Sie dazu im Aufgabenbereich den Befehl „Aus einer vorhandenen Seite“ und wählen Sie im erscheinenden Dialogfenster die gewünschte Seite aus. Anschließend können Sie die notwendigen Änderungen an der Seite vornehmen und diese unter einem anderen Namen speichern.

Erstellen einer Website in der FrontPage-Anwendung

Erstellen Sie eine neue leere Site oder erstellen Sie eine Site ohne Inhalt

Um eine neue leere Site zu erstellen, führen Sie den Befehl „Datei/Neu“ aus und wählen Sie im Aufgabenbereich den Befehl „Andere Website-Vorlagen“. Das Dialogfeld „Website-Vorlagen“ wird geöffnet, in dem Sie „Leere Website“ auswählen und auf „OK“ klicken müssen. Im FrontPage-Anwendungsfenster wird die in der Abbildung dargestellte Website angezeigt.


Reis. 6.

Um eine leere Startseite in einer neuen Website zu erstellen, wechseln Sie in den Übergangsmodus und klicken Sie im Bedienfeld „Übergänge“ auf die Schaltfläche „Neue Seite“. Die Startseite wird im Arbeitsbereich angezeigt (Sie können auch das Kontextmenü verwenden, um eine Startseite zu erstellen).



Reis. 7.

Doppelklicken Sie mit der linken Maustaste auf die Startseite und diese öffnet sich im Designmodus zur Bearbeitung (Seite - index.htm).



Reis. 8.

Als Nächstes können Sie die Homepage entwerfen (Layout oder Seitenstruktur erstellen, Text, Bilder usw. eingeben) und dann im Übergangsmodus Seiten zur Homepage hinzufügen. Wählen Sie dazu im Übergangsmodus die Startseite aus und klicken Sie im Bedienfeld „Übergänge“ auf die Schaltfläche „Neue Seite“ oder verwenden Sie das Kontextmenü.

Es wird die neue Seite 1 hinzugefügt, die in der Abbildung dargestellt ist. Fügen Sie als Nächstes so viele Seiten hinzu, wie für die Site erforderlich sind. Anschließend können Sie die Seiten umbenennen und ihre Reihenfolge ändern. Als nächstes müssen Sie auf jeder Seite Inhalte eingeben (Text, Tabellen, Bilder usw.), das Ergebnis ist eine Website.



Reis. 9.

Erstellen einer Website basierend auf der FrontPage-Editor-Vorlage

Um eine Site basierend auf einer Vorlage zu erstellen, führen Sie „Datei/Neu“ aus und klicken Sie im Aufgabenbereich auf den Befehl „Webpakete“. Das Dialogfeld „Website-Vorlagen“ wird geöffnet.



Reis. 10.

Wählen Sie die erforderliche Vorlage oder den Assistenten aus, um eine neue Site zu erstellen.

Die erstellte Website verfügt über Layout und Design, es gibt jedoch keinen Inhalt. Als nächstes müssen Sie den entsprechenden Text, Bilder, Skripte, Zähler und andere Site-Elemente in die Seiten dieser Site eingeben.

Wenn es früher schien, dass das Erstellen von Webseiten ohne spezielle Kenntnisse ziemlich kompliziert und unmöglich sei, stellte sich nach Beginn der Veröffentlichung von HTML-Editoren mit der WYSIWYG-Funktion heraus, dass selbst ein absoluter Anfänger, der nichts über Auszeichnungssprachen weiß, eine Website erstellen kann . Eines der ersten Softwareprodukte dieser Gruppe war Front Page auf der Trident-Engine von Microsoft, die bis einschließlich 2003 in verschiedenen Versionen von Office-Suiten enthalten war. Nicht zuletzt diesem Umstand ist es zu verdanken, dass sich die Sendung so großer Beliebtheit erfreute.

Das Hauptmerkmal des Programms, das vor allem Anfänger anspricht, ist die Möglichkeit, eine Seite ohne Kenntnisse von HTML-Code oder anderen Auszeichnungssprachen zu gestalten. Möglich wird dies durch die WYSIWYG-Funktion, deren Name eine englische Abkürzung des ins Russische übersetzten Ausdrucks „What you see is what you get“ ist. Das heißt, der Benutzer erhält die Möglichkeit, fast auf die gleiche Weise wie im Textverarbeitungsprogramm Word Text einzugeben und Bilder in die erstellte Webseite einzufügen. Der Hauptunterschied zu Letzterem besteht darin, dass Front Page über mehr verschiedene Webkomponenten wie Flash und XML verfügt. Die WYSIWYG-Funktion ist beim Betrieb aktiviert "Konstrukteur".

Mit den Elementen in der Symbolleiste können Sie Text auf die gleiche Weise wie in Word formatieren:

  • Schriftart auswählen;
  • Legen Sie die Größe fest.
  • Farbe;
  • Positionierung festlegen und vieles mehr.

Darüber hinaus können Sie Bilder direkt aus dem Editor einfügen.

Standard-HTML-Editor

Für fortgeschrittenere Benutzer bietet das Programm die Möglichkeit, einen Standard-HTML-Editor mit Auszeichnungssprache zu verwenden.

Split-Editor

Eine weitere Möglichkeit, beim Erstellen einer Webseite mit dem Programm zu arbeiten, ist die Verwendung eines Split-Editors. Im oberen Teil befindet sich ein Panel, in dem der HTML-Code angezeigt wird, und im unteren Teil wird seine Version im Modus angezeigt "Konstrukteur". Wenn Sie Daten in einem der Panels bearbeiten, werden die Daten im anderen automatisch geändert.

Ansichtsmodus

Front Page bietet auch die Möglichkeit, die resultierende Webseite in der Form anzuzeigen, in der sie über den Internet Explorer-Browser auf der Website angezeigt wird.

Rechtschreibprüfung

Beim Arbeiten in Modi "Konstrukteur" oder „Mit Trennung“ Front Page verfügt über eine Rechtschreibprüfungsfunktion, ähnlich der in Word.

Arbeiten in mehreren Registerkarten

Mit dem Programm können Sie in mehreren Registerkarten arbeiten, also mehrere Webseiten gleichzeitig erstellen.

Anwenden von Vorlagen

Front Page bietet die Möglichkeit, eine Website basierend auf vorgefertigten Designvorlagen zu erstellen, die im Programm selbst integriert sind.

Verlinkung zu Websites

Das Programm verfügt über die Möglichkeit, durch Datenübertragung mit verschiedenen Websites zu kommunizieren.

Vorteile

  • Einfach zu verwenden;
  • Verfügbarkeit einer russischsprachigen Benutzeroberfläche;
  • Die Möglichkeit, Websites auch für Anfänger zu erstellen.

Mängel

  • Das Programm ist veraltet, da es seit 2003 nicht mehr aktualisiert wurde;
  • Nicht auf der offiziellen Website zum Download verfügbar, da es seit langem vom Entwickler nicht mehr unterstützt wird;
  • Auf Fehler und Redundanz des Codes wird hingewiesen;
  • Unterstützt keine modernen Webtechnologien;
  • In Front Page erstellte Webseiteninhalte werden in Browsern, die nicht auf der Internet Explorer-Engine ausgeführt werden, möglicherweise nicht korrekt angezeigt.

Front Page ist ein HTML-Editor mit WYSIWYG-Funktionalität, der einst bei Benutzern beliebt war und sich durch seine einfache Erstellung von Webseiten auszeichnete. Derzeit ist es jedoch hoffnungslos veraltet, da es von Microsoft schon lange nicht mehr unterstützt wird und die Webtechnologien bereits weit fortgeschritten sind. Viele Benutzer erinnern sich jedoch mit Nostalgie an dieses Programm.

Im Programmpaket enthalten Microsoft Office enthält mehrere Anwendungen, mit denen Sie Webseiten erstellen, bearbeiten und hosten können. Eines davon ist ein relativ einfaches Programm Titelseite . Mit seiner Hilfe können Sie sehr komplexe Seiten erstellen, die selbst den Anforderungen eines professionellen Webdesigners gerecht werden.

Beim Erstellen einer Webseite sollten Sie darauf achten, ihr ein attraktives Erscheinungsbild zu verleihen, da eine attraktive Seite häufiger besucht wird. Gleichzeitig sollte die Seite zwei widersprüchliche Eigenschaften vereinen – Attraktivität und ein Minimum an Erinnerung. Sie können eine begrenzte Anzahl von Mitteln mit geringer Intensität verwenden, zum Beispiel Blumen anstelle von Zeichnungen, um eine spärliche, aber sehr attraktive Seite zu erstellen, und umgekehrt können Sie sie mit vielen Zeichnungen, Farben, Formaten und anderen Markierungselementen ausstatten. Durch die Anordnung und Platzierung entsteht eine Seite, die als Beispiel für reichen schlechten Geschmack gelten kann. Der Prozess der Erstellung einer Webseite ist ein kreativer Prozess, weshalb er oft als Webdesign bezeichnet wird. Es ist bekannt, dass einige Webdesigner mehrere Monate damit verbringen, eine nicht so komplexe Seite zu erstellen, oft darauf zurückkommen und nach der ausdrucksstärksten Möglichkeit suchen, sie umzusetzen, während eine Seite mit demselben Inhalt in nicht mehr als einer Stunde Arbeit erstellt werden könnte . Wenn ein einmal genähter Anzug nur schwer mehrmals geändert werden kann, kann eine Webseite so weit wie nötig „verändert“ und verbessert werden, ganz im Einklang mit der Art und Weise, wie ein Dichter sein Werk verbessert und es auf den Höhepunkt der Perfektion bringt.

Allerdings teilt nicht jeder diese Meinung und stellt vernünftigerweise fest, dass es sich bei einer Webseite um Informationen zur Verbreitung handelt und es dafür überhaupt nicht notwendig ist, daraus ein Kunstwerk zu machen, zumal dies viel Zeit in Anspruch nimmt.

Daraus ergibt sich eine praktische Schlussfolgerung: Header-, Titel- und Werbeseiten sollten attraktiv gestaltet werden und Seiten, die der Verbreitung „trockener“ Informationen dienen, beispielsweise Auftragstexte, Stellenbeschreibungen, etwaige Pläne usw., sollten mit einem versehen werden minimaler Aufschlag.

1.FP-Schnittstelle

Im Ordner befindet sich Front Page, ein Programm zum Erstellen und Bearbeiten von Webseiten Office-Programme Microsoft Office.

Nach dem Start von FP erscheint auf dem Bildschirm ein Fenster, dessen Aussehen in Abb. dargestellt ist. 1. Für dieses Beispiel ist dieses mit FP erstellte Handbuch zur Bearbeitung im Programmfenster geöffnet.


Reis. 1. Programmfenster Titelseite

Das Programm enthält ein Menü und mehrere Symbolleisten. Wenn sich ein FP-Benutzer dazu entschließt, Webdesign zu übernehmen, ist er oder sie in der Regel mit der Microsoft Office-Familie der Word-Programme vertraut, also mit der FP-Benutzeroberfläche, die im Microsoft-Designstil gestaltet ist und Word sehr ähnlich ist Schnittstelle, wird keine besonderen Schwierigkeiten bei der Arbeit verursachen.

Die Programmoberfläche – Menüs, Panels, Schaltflächen und andere Elemente – ist einfacher zu erklären, da Sie ihre Elemente beim Erstellen oder Bearbeiten von Webseiten benötigen. Beispiele dafür werden in diesem Kapitel besprochen.

Beim Entwickeln einer Seite erstellt das Programm automatisch eine Markup-Datei, deren Text FP in HTML (HyperText Markup Language) schreibt. Sie können Änderungen an dieser Datei manuell vornehmen (außerdem kann der Programmtext in einem normalen Texteditor kompiliert werden, auch in einem einfachen wie Notepad, aber das ist zu umständlich). Um zum integrierten FP-Texteditor zu gelangen, klicken Sie auf die Verknüpfung unten im Fenster Code, und nehmen Sie dann Änderungen im Texteditor vor. Wenn der Entwickler sich seiner Professionalität nicht sicher ist, ist es besser, keine Änderungen am HTML-Text vorzunehmen, da Bearbeitungsfehler nur schwer zu korrigieren sind. Um zu der Seite zurückzukehren, die Sie markieren, klicken Sie auf die Verknüpfung Konstrukteur.

Um zu sehen, wie die Seite im Browser aussieht, klicken Sie auf die Verknüpfung Sicht. Allerdings ist zu beachten, dass in diesem Modus nur sehr einfache Seiten korrekt dargestellt werden. Daher ist es beispielsweise besser, die Seite in einem professionellen Browser anzuzeigen Feuerfuchs. Suchen Sie dazu die Auslagerungsdatei im Ordner und öffnen Sie sie in einem Browser (normalerweise werden alle Webseiten in einem Browser geöffnet).

2. Erstellen Sie eine neue Webseite

Um eine neue Webseite zu erstellen, klicken Sie auf die Schaltfläche Erstellen einer neuen regulären Seite befindet sich auf dem Panel Standard. Einige Schaltflächen dieses Panels mit entsprechenden Kommentaren sind in Abb. dargestellt. 2.

Sie können eine neue Seite auf andere Weise erstellen. Auf der Speisekarte Datei Klicken Sie auf die Zeile Erstellen. Das Programm auf der rechten Seite zeigt ein Fenster mit Standardseitenvorlagen an. Sie können daraus eine Vorlage auswählen und diese als Grundlage für eine zukünftige Seite verwenden. Wenn Sie eine leere Seite benötigen, müssen Sie auf die Vorlage klicken Leere Seite.

In FP können Sie auch Frames erstellen, die es Ihnen ermöglichen, mehrere Webseiten gleichzeitig auf Ihrem Monitorbildschirm anzuzeigen. Frames sind Webseiten mit mehreren Fenstern. Ein angehender Webdesigner sollte auf die Verwendung von Frames verzichten.

Jetzt können Sie die Seite speichern. Klicken Sie dazu auf den Button Speichern, und speichern Sie die Seite dann als Datei auf der Festplatte Ihres Computers. Beim Speichern einer Seite ist es besser, sofort einen separaten Ordner mit dem Namen zu erstellen, den Sie der Datei geben möchten. Webseiten werden normalerweise in Dateien mit der Erweiterung gespeichert .htm oder .html(vom Namen der Sprache HyperText Markup Language – Hypertext Markup Language). Wenn Sie beispielsweise eine Datei unter dem Namen speichern möchten about.htm, dann sollten Sie einen Ordner mit dem Namen erstellen um, im Bereich der Festplatte, in dem sich Ihre Webseiten befinden. Bevor Sie die erste Seite speichern, ist es besser, sofort einen solchen Bereich in Form eines Ordners zu erstellen, beispielsweise einen Ordner mit dem Namen Fedorovas Webseiten. Nun sollten Sie darin den genannten Ordner erstellen um, und darin – speichern Sie die Seite about.htm.

3. Webseiteneigenschaften

Als Nächstes müssen Sie einige wichtige Seiteneigenschaften mit Werten ausfüllen. Klicken Sie dazu mit der rechten Maustaste in den Seitenbereich und dann im Kontextmenü auf die Zeile Seiteneigenschaften. Es erscheint ein Dialogfenster zur Eingabe der Seiteneigenschaften (Abb. 3). Das Fenster verfügt über fünf Registerkarten

 Sind üblich, Formatierung, Zusätzlich, Andere, Sprache .

In Abb. 3 Das Lesezeichen wird im Fenster aktiviert

Sind üblich. Im EinklangName Sie müssen den Seitentitel eingeben.

Hier können Sie eine Audiodatei in der Zone verbinden

Hintergrund Klang. Der Ton begleitet die Anzeige dieser Seite auf dem Computer, der sie geöffnet hat. Um Hintergrundgeräusche hören zu können, muss natürlich ein Lautsprecher auf dem Computer des Benutzers installiert sein. Normalerweise wird Hintergrundton abgespielt, indem durch eine Sounddatei mit der Erweiterung gescrollt wird .wav. Um die Datei zu verbinden, klicken Sie auf die Schaltfläche Rezension und verwenden Sie das Dialogfeld, um eine solche Datei zu verbinden. Für eine normale Seite ist es nicht notwendig, eine Audiodatei einzubinden.um einen Seitenhintergrund zu erstellen. Der Hintergrund ist der Haupthintergrund der Seite. Der Hintergrund kann sein Farbe oder Zeichnung. Die Ansicht des Seiteneigenschaftenfensters auf der Registerkarte Hintergrund ist in Abb. dargestellt. 4.

Wenn Sie einen Hintergrund auswählen müssen in Form von Farbe, dann müssen Sie auf die Schaltfläche Hintergrundliste klicken

und wählen Sie eine Farbe aus einem Standardfarbsatz aus. Der Ausgangszustand ist auf die Standardfarbe eingestellt. Normalerweise ist die Standardfarbe Weiß.

Sollten Ihnen die vorgeschlagenen Farben nicht zusagen, dann klicken Sie auf die Farbe Brauch(Brauch). Im sich öffnenden Dialogfenster können Sie eine Farbe aus 16777216 Farbtönen auswählen. Das Fenster zur Auswahl einer benutzerdefinierten Farbe ist in Abb. dargestellt. 5.

Um eine benutzerdefinierte Farbe auszuwählen, müssen Sie zunächst eine Grundfarbe aus der Hauptpalette zuweisen, dann im Palettenquadrat rechts auf die ungefähre Farbe klicken (dieser Punkt ist mit einem Kreuz markiert) und dann in der Spalte auf den gewünschten Farbton auswählen rechts (es ist mit einem Dreieck neben dem Mauszeiger markiert). Im Feld „Farbe/Füllung“ können Sie die ausgewählte Farbe visuell beurteilen. Rechts daneben werden die spektralen Eigenschaften der ausgewählten Farbe angezeigt. Diese Eigenschaften können manuell geändert werden.

Wenn es sich bei der ausgewählten Farbe um eine nicht standardmäßige Farbe (Farbton) handelt und sie in einer Bearbeitungssitzung mehrmals verwendet werden muss, können Sie sie in die Liste „Zusätzliche Farben“ unter der Hauptpalette einfügen. Klicken Sie dazu vor der Auswahl auf das zusätzliche Farbfeld, wählen Sie einen Farbton aus und klicken Sie auf die Schaltfläche „Zum Set hinzufügen“. Um das Fenster zu verlassen, klicken Sie auf die Schaltfläche OK.

Soll der Hintergrund der Seite ein Bild sein, dann öffnen Sie das gewünschte Bild auf dieser Registerkarte

. Es empfiehlt sich, dass sich diese Datei in dem Ordner befindet, in dem die Auslagerungsdatei gespeichert ist. In Abb. 6. zeigt ein Beispiel für einen Hintergrund in Form eines in einer Datei gespeicherten Bildes Schmetterling.gif.

Wie aus Abb. ersichtlich ist. 6, der Hintergrund ist ein wiederholt wiederholtes Muster, das einen Schmetterling darstellt ( Schmetterling).

Zum Vergleich in Abb. 7 zeigt die Figur selbst separat.

Wir stellen sofort fest, dass das obige Beispiel ein Beispiel für eine schlechte Wahl des Substrats ist, da das Bild den Seitenrand verdeckt und es sozusagen „in den Augen blendet“. Sein einziger Vorteil besteht darin, dass es deutlich zeigt, wie die Zeichnung den Hintergrund auf der Seite erzeugt.

Wenn der Hintergrund statisch sein soll, also beim Scrollen einer langen Seite im Browser der Hintergrund bewegungslos bleibt, müssen Sie die Option einstellen Machen Sie daraus ein Substrat.

In der Praxis werden als Hintergründe meist leicht gesättigte Bilder gewählt, um den gewünschten Hintergrund zu erzeugen, die Aufmerksamkeit des Seitenbetrachters aber nicht darauf zu lenken. Allerdings ist die Wahl des Hintergrunds Geschmackssache

 Netz Designer.

Normalerweise haben Hintergrundbilder die folgenden Formate:

 BMP, GIF, JPG , png .

Es ist zu bedenken, dass ein Bild normalerweise das speicherintensivste Element einer Webseite ist. Daher dauert es am längsten, bis der Browser es vom Server herunterlädt. Wenn die Verbindungsgeschwindigkeit niedrig ist und die geladene Seite mehrere große Bilder enthält, kann das Laden dieser Seite eine Weile dauern. Der Betrachter einer solchen Seite kann es leid sein, auf den Abschluss des Downloads zu warten und ihn dann abzubrechen. Daher sollten Sie sich bemühen, das Volumen der Zeichnungen und deren Anzahl auf der Seite zu minimieren.

Es wird davon ausgegangen, dass der Hintergrund akzeptable Abmessungen hat, wenn das Bildvolumen 1–5 Kilobyte (K) nicht überschreitet. Es ist besser, wenn es weniger als ein Kilobyte ist. Nehmen wir zum Vergleich an, dass das Volumen der Webseite selbst normalerweise 10–20 KB nicht überschreitet. Nur Seiten mit viel Text sind groß. Der Grund dafür ist, dass eine Webseite ein Programm (Anweisungen) darüber ist, wie und was auf dem Browserbildschirm des Benutzers platziert werden soll. Wenn Sie beispielsweise an einer bestimmten Stelle auf dem Bildschirm ein Bild mit einer Größe von 150 K platzieren müssen, kann die Anweisung für diesen Zweck auf einer Webseite nur 50 Bytes beanspruchen, d. h. 3000-mal weniger als das Bild selbst. die getrennt von den Webseiten auf den Computer des Betrachters übertragen wird. Da die Anzahl solcher Anweisungen gering ist, ist auch die Größe der Seite selbst relativ klein

Auf dem Lesezeichen

Formatierung Sie können auch die Textfarbe festlegen. Hier können Sie die Farben der Text-Hyperlinks festlegen, die im Browser beim Betrachten der Seite angezeigt werden: die Farbe aller Text-Hyperlinks, die Farbe der Hyperlinks, auf die der Benutzer bereits zugegriffen hat, die Farbe des Hyperlinks, über dem sich der Mauszeiger befindet .

Auf dem Lesezeichen Zusätzlich Sie können die Seiteneinzüge in der oberen linken Ecke des Browser-Ansichtsfensters festlegen. Standardmäßig ist der Abstand auf 8 Pixel eingestellt.

Auf dem Lesezeichen

 SpracheSie können spezielle Textkodierungssprachen zum Speichern und Laden von Seiten festlegen.

4. Verwendung von Tabellen

Tabellen sind möglicherweise das effektivste und unverzichtbarste Mittel zur Auszeichnung von Webseiten. Wenn man auf einen Hintergrund verzichten kann, dann ist es ohne Tisch fast unmöglich.

Jede Tabelle besteht aus Zellen, die in Zeilen und Spalten angeordnet sind. Sie können einzelne Zellen zusammenführen, den Einzug interner Inhalte gegenüber ihren Rändern festlegen, den Abstand zwischen Zellen festlegen, die Position der darin platzierten Elemente festlegen, von anderen Zellen getrennte Hintergründe erstellen, Umrisse erstellen, andere Tabellen in Zellen einfügen und vieles mehr .

Einfügen einer Tabelle

Um eine Tabelle in eine Seite einzufügen, müssen Sie den Menübefehl ausführen

TTabelle/Einfügung/Tabelle. In dem sich öffnenden Fenster, das in Abb. 8, die Anzahl der Zeilen sollte eingestellt werden und Spalten. Dort können Sie auch die Position der Tabelle auf der Seite festlegen. Normalerweise wird die Standardposition beibehalten. Wenn es jedoch erforderlich ist, dass die Tabelle bei der Betrachtung im Browserfenster immer mittig in horizontaler Richtung ausgerichtet ist, müssen Sie die Option aktivieren Mittelausrichtung.

Mit der Option „Rahmengröße“ können Sie die Dicke der Linien festlegen, die die Tabelle und die Zellen umranden. Wenn es auf Null gesetzt ist und das Kontrollkästchen aktiviert ist Tabellenrand einklappen, dann sind die Ränder im Browser nicht sichtbar. Dadurch können Sie eine unsichtbare Tabelle für das Seitenlayout verwenden.

Eigentum

 Zellfeld soll den Abstand in Pixeln vom internen Inhalt für alle Tabellenzellen angeben. Eigentum Zellabstand ermöglicht es Ihnen, den Abstand in Pixeln zwischen allen benachbarten Tabellenzellen festzulegen. Breite einstellen soll die Breite der Tabelle in Pixel oder als Prozentsatz relativ zur Breite des Ansichtsfensters festlegen, unabhängig von der Größe ihres Inhalts. Standardmäßig ist es deaktiviert. Das bedeutet, dass die Größe der Tabelle durch die Größe ihres Inhalts bestimmt wird.

Wenn Sie den Stil und die Hintergrundmarkierung der Tabelle festlegen müssen, können Sie dies im selben Fenster tun.

Wenn Sie mit dem Markieren der Tabelle fertig sind, klicken Sie auf OK.

Tabellenzellenlayout

Operationen an einzelnen Zellen oder der gesamten Tabelle sollten mit der Auswahl der Zellen beginnen. Sie können mit der Maus, der Tastatur oder mithilfe von Werkzeugen auswählen

 F.P. Um mit der Maus auszuwählen, müssen Sie den Mauszeiger auf eine Zelle des ausgewählten Bereichs platzieren, die linke Maustaste drücken und bei gedrückter Taste sanft über die Zellen bewegen. Um mit der Tastatur auszuwählen, müssen Sie den Tastaturcursor in einer Zelle platzieren, die Umschalttaste drücken und bei gedrückter Taste die gewünschten Tasten drücken, um den Tastaturcursor (nach oben, unten, links, rechts) zu bewegen, bis der gewünschte Wert erreicht ist Bereich der Zellen wird ausgewählt. Sie können eine einzelne Spalte oder Zeile sowie die gesamte Tabelle auswählen.

Für Verbände Um ausgewählte Zellen auszuwählen, müssen Sie den Cursor über eine davon bewegen und die rechte Maustaste drücken. Klicken Sie im Popup-Kontextmenü auf die Zeile Zellen verbinden. Auf die gleiche Weise können Sie Zellen löschen.

Wenn es benötigt wird zerschlagen Um eine oder mehrere Zellen in mehrere Zeilen oder Spalten aufzuteilen, müssen Sie diese auswählen (beim Teilen einer Zelle ist keine Auswahl erforderlich) und führen Sie den Befehl aus Geteilte Zellen. Im angezeigten Aufteilungsfenster müssen Sie angeben, wie die Aufteilung erfolgen soll – in Spalten oder Zeilen. Dann sollten Sie die Anzahl der Spalten oder Zeilen angeben. Dieses Fenster ist in Abb. dargestellt. 9.

Hier können Sie die Position des Inhalts horizontal oder vertikal festlegen. Wählen Sie dazu die gewünschte horizontale Position (Mitte, links, rechts) bzw vertikale Position(oben, in der Mitte, ganz unten, relativ zur Achse). In Abb. 10 Vertikale Position der Zelle – über(Beim Platzieren werden die Innenelemente gegen die Oberkante der Zelle gedrückt), horizontal – Im Zentrum(Inhalt wird zentriert).

Sie können die Zellenbreite und -höhe in Pixeln oder Prozentsätzen festlegen.

Im Hintergrundbereich können Sie den Zellenhintergrund als Farbe oder Muster festlegen, so wie Sie einen Seitenhintergrund programmieren.

Wenn Sie mehreren Zellen die gleichen Attribute zuweisen müssen, zum Beispiel auf den gleichen Hintergrund setzen, dann kann dies in einem Schritt erledigt werden. Sie sollten solche Zellen auswählen und sie dann auf die beschriebene Weise markieren. Wenn Sie allen Zellen einige Attribute zuweisen müssen, ist es besser, sie der Tabelle selbst zuzuweisen. Dazu müssen Sie auf eine beliebige Zelle klicken und denselben Befehl ausführen.

5. Text einfügen und formatieren

Um Text auf einer Seite einzufügen, müssen Sie mit der Maus den Tastaturcursor an der gewünschten Stelle platzieren und dort Text über die Tastatur eingeben oder ihn über die Windows-Zwischenablage aus einem anderen Dokument kopieren. Auf diese Weise können Sie Text direkt auf der Seite oder in Tabellenzellen eingeben.

Formatierung bezieht sich auf den Zweck der Schriftart, ihre Größe, Farbmarkierung, Fettschrift, Kursivschrift, Unterstreichung, horizontale Textausrichtung und eine Reihe anderer Aktionen. Diese Vorgänge werden gemäß den im Word-Editor übernommenen Standards ausgeführt: Zuerst müssen Sie einen Textabschnitt auswählen und dann einen Formatierungsvorgang darauf anwenden.

Unterschied zum Word-Editor ist nur das, wenn man eine Taste drückt Eingeben (um einen neuen Absatz einzufügen) Zwischen den Absätzen ist zu viel Platz. Wenn Sie möchten, dass der Abstand zwischen den Absätzen derselbe ist wie zwischen den Zeilen eines Absatzes, drücken Sie die Taste Schicht und, ohne ihn loszulassen, den Schlüssel Eingeben.

6. Einfügen von Hyperlinks

Hyperlink ist ein beliebiges Element einer Webseite, dem ein Link zu einer anderen Webseite, eine E-Mail-Adresse, ein Bild oder allgemein eine beliebige Datei oder ein Lesezeichen auf derselben Seite zugewiesen werden kann. Die Aktivierung erfolgt durch Anklicken des Hyperlinks. Sie können einen Hyperlink auf einer Webseite beim Anzeigen in einem Browser anhand des Aussehens des Mauszeigers erkennen: Wenn es sich bei dem Element um einen Hyperlink handelt, nimmt der Cursor die Form eines Symbols an, wenn Sie mit der Maus darüber fahren.

Um einen Hyperlink zu erstellen, müssen Sie zunächst das Seitenelement auswählen, das zum zukünftigen Hyperlink werden soll. Wenn es sich bei dem Hyperlink um Text handelt, müssen Sie zum Auswählen mit der Maus bei gedrückter linker Taste oder mit den Tasten zum Bewegen des Tastaturcursors bei gedrückter Taste sanft darüber fahren

 Schicht. Wenn es sich bei dem Hyperlink um ein Bild handelt, müssen Sie zum Auswählen nur darauf klicken., dessen Aussehen in Abb. dargestellt ist. 12.

Wenn der Hyperlink ein Verweis auf eine andere Seite auf der Festplatte Ihres Computers sein soll, müssen Sie in das Fenster Abb. klicken. 12 Klicken Sie auf die Schaltfläche mit dem Ordnerbild und wählen Sie eine Webseite auf der Festplatte aus (normalerweise eine Datei mit der Erweiterung html oder

 htm ). In diesem Fall erscheint es in der Adressleiste relative Adresse Datei mit einer Webseite. Die relative Adresse einer Seite, die sich im selben Ordner wie die zu erstellende Seite befindet, ist einfach der Dateiname, zum Beispiel „photo2.htm“. Wenn der Link auf eine Datei außerhalb dieses Ordners verweist, kann der Hyperlink die Form der Zeichenfolge „../../HomePage.htm“ annehmen, d. h. ein Link zur Seite „HomePage.htm“ auf demselben Computer, aber in einem anderen Ordner, der sich zwei Ebenen über dem aktuellen Ordner befindet. Relative Adressen sind sehr nützlich, wenn Sie eine Gruppe von Webseiten erstellen, die sich auf demselben Server, aber in unterschiedlichen Ordnern befinden und durch Hyperlinks verbunden sind. Nachdem Sie die Seiten auf einem normalen Computer vorbereitet haben, können Sie sie an den Webserver senden, ohne befürchten zu müssen, dass die Verbindung zwischen den Seiten und den Hyperlinks unterbrochen wird, da auf dem Server die relative Struktur ihrer Platzierung gleich bleibt und daher Die Hyperlinks werden „funktionieren“.

Zum Gestalten absolut

Um Adressen anzuzeigen, müssen Sie die vollständige Adresse der Seite eingeben. Wenn Sie beispielsweise einen Hyperlink zur Website-Adresse der Moskauer Staatsuniversität erstellen müssen, müssen Sie den Text des Domänennamens in die URL-Zeile eingeben http://www.msu.ru. Sie können beispielsweise einen Text eingeben, der die IP-Adresse angibt http://192.206.228.46.

Um einen solchen Hyperlink zu erstellen, geben Sie Text wie diesen in die Adressleiste ein mailto:adresse. Wenn es beispielsweise erforderlich ist, dass nach dem Klicken auf einen Hyperlink ein E-Mail-Client gestartet wird, um einen Brief an die Adresse zu senden Ö [email protected], dann müssen Sie in der Adresseingabezeile den Text eingeben mailto:Ö [email protected] . Sie können auch auf die Schaltfläche mit dem Bild eines Umschlags klicken und im sich öffnenden Fenster dieselbe Adresse ohne Angabe des Präfixes eingeben mailto:.

Manchmal müssen Sie einen Link zu einer Seite erstellen, die sich bereits im Browser befindet. Sie müssen beispielsweise schnell zum Anfang der Seite, zu einem Absatz usw. zurückkehren. Typischerweise entsteht der Bedarf an solchen Links auf Seiten, die eine große Menge an Informationen enthalten. Die Adresse eines solchen Hyperlinks wird aufgerufen Lesezeichen.

Bevor ein Hyperlink zu einem Lesezeichen erstellt werden kann, muss dieses zunächst erstellt werden. Dazu müssen Sie ein zukünftiges Lesezeichen (ein Textfragment, ein Bild usw.) auswählen und den Befehl ausführen Einfügen/Lesezeichen. In dem sich öffnenden Fenster, dessen Aussehen in Abb. 13 Geben Sie den Namen des Lesezeichens in die Eingabezeile ein und klicken Sie auf die Schaltfläche OK. Im Beispiel in Abb. Seite 13 verfügt bereits über ein zuvor erstelltes Lesezeichen Tab 1, und der Text wird im Eingabefenster vorbereitet Lesezeichen 2 ein weiteres Lesezeichen. Als nächstes sollten Sie das Lesezeichen-Erstellungsfenster verlassen, das Hyperlink-Element zum Lesezeichen im Seitenerstellungsfenster auswählen und klicken Lesezeichen(Abb. 12) Wählen Sie das gewünschte Lesezeichen aus der Liste aus. Der Text wird in die Adressleiste eingefügt. Zum Beispiel, wenn ein Lesezeichen ausgewählt ist Lesezeichen 2, dann sieht der Hyperlink in der Adressleiste wie eine Zeichenfolge aus #Lesezeichen 2. Nachdem Sie auf OK geklickt haben, wird ein Hyperlink zum Lesezeichen erstellt.

Programmierung des Anzeigefensters

Nach dem Klicken auf den Hyperlink zu Website Es beginnt mit dem Laden in den Browser. Es wird normalerweise in dasselbe Fenster wie die aufrufende Seite geladen. Wenn die Seite in einem neuen Fenster geladen werden soll, sollten Sie das Fenster in Abb. verwenden. 12 Klicken Sie auf die Schaltfläche rechts neben der Eingabebeschriftung Rahmenauswahl. Wählen Sie im sich öffnenden Fenster die Zeile aus Neues Fenster. Nachdem Sie nun auf einen solchen Hyperlink geklickt haben, wird im Browser ein Fenster geöffnet, in dem der herunterladbare Inhalt angezeigt wird.

Neben der besprochenen gibt es noch mehrere weitere Möglichkeiten, die aufgerufene Seite im Browser darzustellen. Sie gehören zu den komplexeren Frame-Seiten, die deutlich größere Möglichkeiten für das Webdesign bieten. Die Gestaltungsmerkmale von Rahmenseiten werden im Folgenden erläutert.

7. Einfügen von Nicht-Text-Elementen

Um Nicht-Text-Elemente in eine Seite einzufügen, verwenden Sie einen Menüpunkt Einfügen. Der gleiche Vorgang kann für einige Elemente von FP-Panels dupliziert werden.

Die Menüliste ist in Abb. dargestellt. 14. Zeilen, die Untermenüs enthalten, werden rechts mit einem dreieckigen Zeiger markiert. Vorgänge, die über Hotkeys dupliziert werden können, werden mit dem Namen der Tastenkombination gekennzeichnet.

Reis. 14. Haupt
Menüliste Einfügen

Hier sind einige der am häufigsten verwendeten Nicht-Text-Einfügemenüelemente:

  • Lücke
    • . Ohne spezielles Intervall zu einem neuen Absatz wechseln (wie Umschalt + Eingabetaste);
  • Horizontale Linie. Fügen Sie eine horizontale Linie ein.
  • Symbol.
    • Einfügen eines nicht standardmäßigen Zeichens, d. h. eines Zeichens, das nicht auf der Tastatur vorhanden ist;
  • Datum (und Uhrzeit. Ein Standardstempel zur Anzeige von Datum und Uhrzeit der Aktualisierung der bearbeiteten Seite. Der Entwickler kann den Ausgabemodus so einstellen, dass nur das Datum oder Datum und Uhrzeit angezeigt werden. Es stehen mehrere Möglichkeiten der Briefmarkenpräsentation zur Auswahl. Beispiel: „14. Februar 2001 25.12.02“. Wird ein solcher Stempel auf einer Seite eingefügt, bedeutet dies, dass diese zuletzt am 14. Februar 2001 um 12 Uhr bearbeitet wurde. 2 Minuten. 25 Sek. per Computer-Timer;
  • Datei. Fügt den gesamten Inhalt der von der Festplatte ausgewählten Datei ein. Der Inhalt wird an der Stelle eingefügt, an der sich der Tastaturcursor befindet. Auf diese Weise können Sie beispielsweise den Text eines Dokuments einfügen;
    •
  • Zeichnung
    • . Einfügen eines Bildes aus einer Datei;

    Schauen wir uns einige Funktionen zum Einfügen dieser Elemente an.

    Horizontale Linie

    Um es einzufügen, klicken Sie auf die gewünschte Stelle auf der Seite und wählen Sie die Zeile aus dem Menü aus Einfügen/horizontale Linie und klicken Sie darauf, um das Element einzufügen. Wenn Sie die Attribute einer Linie ändern müssen, bewegen Sie den Mauszeiger darüber, klicken Sie mit der rechten Maustaste, um das Kontextmenü aufzurufen, und klicken Sie auf die Linie MITEigenschaften einer horizontalen Linie . Es erscheint ein gleichnamiges Fenster, in dem Sie die Linienattribute ändern können: Breite, Höhe, Farbe und andere Attribute.

    Oft besteht die Notwendigkeit, an verschiedenen Stellen der Seite eine Zeile mit bereits zugewiesenen Attributen einzufügen. Klicken Sie dazu auf die Zeile und dann auf die Schaltfläche

     Kopieren auf dem Panel Standard um die Zeile in die Zwischenablage zu kopieren. Jetzt müssen Sie auf die gewünschte Stelle auf der Seite klicken und dann auf die Schaltfläche „Einfügen“., um den Inhalt des Puffers an der ausgewählten Stelle einzufügen. Auf diese Weise können Sie eine Zeile mehrfach an verschiedenen Stellen auf der Seite einfügen.

    Hinweis: Mit der beschriebenen Methode können beliebige Elemente einer Webseite kopiert werden.

    Ein Bild ist das wichtigste Element einer Webseite. Es kommt selten vor, dass man eine Seite findet, auf der sich keine Zeichnung befindet. Zusätzlich zu der Hauptaufgabe, ein Bild zu tragen, werden Zeichnungen verwendet, um Inschriften zu stilisieren, verschiedene Linien und Rahmen zu erstellen und Grafiken darzustellen, d. h. überall dort, wo es notwendig ist, Informationen in Form eines grafischen Bildes darzustellen.

    Zum Einfügen müssen Sie auf die Stelle auf der Seite klicken, an der sich das Bild befinden soll, und den Befehl ausführen Einfügen

    /Zeichnung/Aus Datei oder klicken Sie auf den Button Fügen Sie ein Bild aus einer Datei ein auf dem Panel Standard(Abb. 5.2). Wählen Sie im angezeigten Fenster die Datei mit dem Bild auf der Festplatte aus und klicken Sie auf OK.

    Nach dem Einfügen können Sie das Bild markieren oder unverändert lassen. Zum Markieren müssen Sie mit der rechten Maustaste auf das Bild und dann im Kontextmenü auf die Zeile klicken

     Bildeigenschaften. Im Dialogfeld, dessen Aussehen in Abb. 15, Sie können das Muster markieren.

    Auf dem Lesezeichen Sind üblich Der Name der Datei, die die Zeichnung darstellt, wird angegeben. Sie können das Bild ändern, indem Sie eine andere Datei auswählen.

    Im Einklang Text Sie können Text eingeben, um den Tooltip darzustellen. Wenn ein Benutzer in einem Browser den Mauszeiger über ein Bild bewegt, wird es für kurze Zeit unter dem Cursor angezeigt.

    Soll das Bild als Hyperlink dienen, können Sie auf der gleichen Registerkarte die Hyperlink-Adresse auswählen.

    Wenn Sie Einzüge für ein Bild aus benachbarten Seitenelementen erstellen müssen, können Sie die Eigenschaften verwenden Intervalle für horizontale Polsterung links und rechts und für vertikale Polsterung oben und unten. Im Abschnitt Größe Sie können die Größe des Bildes und seine Proportionen ändern. Über die Eigenschaften Breite und Höhe kann das Bild in die gewünschte Richtung gestreckt und gestaucht werden. Abmessungen können in absoluten Einheiten – Pixeln – oder in relativen Einheiten – Prozentsätzen relativ zu den tatsächlichen Abmessungen des Bildes – angegeben werden. Wenn es erforderlich ist, dass die Proportionen des Bildes bei der Verformung erhalten bleiben, sollten Sie die Option aktivieren Behalten Sie die Proportionen bei.

    Bildformate

    Es gibt Zeichnungen im Format Rastergrafiken und im Format Vektorgrafiken.

    Bei Rastergrafiken werden Informationen über alle Pixel des Bildes in einer Datei aufgezeichnet, und jedes Pixel wird als eine Folge von Bits dargestellt, die die Eigenschaften des Pixels speichern – Farbe, Helligkeit, Kontrast, Koordinaten und andere Eigenschaften. Rasterformate können als natürlich bezeichnet werden, da Informationen über das Bild in der Form gespeichert werden, in der sie auf dem Monitorbildschirm angezeigt werden, sodass die Ausgabevorgänge nur ein Minimum an Zeit in Anspruch nehmen. Allerdings benötigen Bitmap-Grafiken in der Regel viel Speicher zum Speichern, sodass es gerechtfertigt ist, nur kleine Grafiken auf einer Seite zu platzieren. Um die Größe einer Rasterbilddatei zu reduzieren, werden Komprimierungsverfahren verwendet. Im Vergleich zum Original benötigt eine komprimierte Zeichnung normalerweise zehnmal weniger Speicher. Komprimierte Bitmap-Bilder werden schneller geladen, es dauert jedoch einige Zeit, das Bild zu dekomprimieren.

    Vektorgrafiken werden hauptsächlich zur Darstellung geometrischer Formen mithilfe mathematischer Formeln verwendet. Diese Methode zur Darstellung einer Zeichnung ist sehr effektiv, da keine Speicherung von Daten zu jedem Pixel erforderlich ist und die Darstellung einer Zeichnung auf mathematische Berechnungen und die Ausführung von Anweisungen zur Bildung eines grafischen Objekts reduziert wird. Typischerweise werden solche Zeichnungen beispielsweise in Designprogrammen verwendet

     CAD.

    Es gibt auch Metadateiformat, das beide Arten von Grafiken kombiniert. Ein Beispiel sind Dateien mit der Erweiterung .wmf. Solche Dateien werden beispielsweise zur Darstellung von Zeichnungen im beliebten Word-Editor verwendet, wenn die Abmessungen der Zeichnungen häufig geändert werden müssen, um Textdokumenten das gewünschte Aussehen zu verleihen.

    Derzeit werden von Webseitenentwicklern zwei weit verbreitete Rasterformate verwendet: GIF(Graphics Interchange Format), 1987 entwickelt und 1989 von CompuServe verbessert, und JPEG, die den abgekürzten Namen der Entwicklungsgruppe Joint Picture Experts Group erhielt.

    Im GIF-Format (Dateien mit der Erweiterung

     .gif) Das Bild wird mit der Blockmethode kodiert. Sobald es auf dem Computer empfangen wird, wird es dekodiert und auf dem Monitorbildschirm abgespielt. Das GIF-Format bietet den geringsten Dateispeicher für Zeichnungen mit einer begrenzten Anzahl von Farben.

    Mit dem GIF-Format können Sie viele Effekte erstellen, darunter Transparenz

    (Transparenz). Dieser Effekt wird häufig verwendet, wenn eine Zeichnung in einer anderen als der rechteckigen Form präsentiert werden muss. In diesen Fällen wird ein Teil des rechteckigen Bildes mit einer speziellen Transparenzfarbe und der andere mit regulären Farben bemalt. Nach der Platzierung auf der Seite wird das Design in den Pixeln, die mit der Transparenzfarbe gefüllt sind, durch Pixel in der Hintergrundfarbe ersetzt und die verbleibenden Pixel werden auf die übliche Weise reproduziert, wodurch der Effekt der Transparenz entsteht. Jetzt kann das gleiche Design auf Substraten unterschiedlicher Farbe platziert werden, ohne befürchten zu müssen, dass unerwünschte rechteckige Konturen des Designs reproduziert werden, wenn die Farben nicht übereinstimmen. Sie können viele Bildbearbeitungsprogramme wie Photo Shop verwenden, um transparente GIFs zu erstellen.

    Ein weiterer Effekt ist die Art und Weise, wie das heruntergeladene GIF im Browser gerendert wird. Wenn das Bild im Format gespeichert ist verschachtelt(verschachtelt) und wird dann bei der Übertragung an den Browser aus verschiedenen Teilen des Bildes geladen. Bei einer niedrigen Verbindungsgeschwindigkeit entsteht der Effekt eines allmählichen Erscheinens des Bildes, von unscharf zu Beginn des Downloads bis hin zu klar am Ende. Die Vorteile von Grafiken im Interleaved-Format liegen auf der Hand, denn oft kann der Benutzer lange bevor die Seite mit der unerwünschten Grafik vollständig geladen ist, den Ladevorgang stoppen und so die Zeit sparen, die er sonst damit verbringen müsste, unwissend auf die gesamte Grafik im regulären Format zu warten übertragen werden. Mit dem FP-Programm können Sie einen Streifeneffekt für beliebige GIF-Zeichnungen erstellen.

    GIFs können zum Erstellen primitiver Animationen verwendet werden, die auf Webseiten verwendet werden, um deren Inhalt zu animieren („animieren“). Animationseffekte schmücken zweifellos die Seite und dienen oft dazu, die Aufmerksamkeit auf die einzelnen Fragmente zu lenken. Der Nachteil ist die erhöhte Menge an Dateien mit animierten Zeichnungen. Um animierte GIFs zu erstellen, können Sie viele Programme verwenden – von einfach bis sehr komplex, mit denen Sie ganze Animationsfilme in einer Datei erstellen können. Ein Beispiel für ein einfaches Animationsprogramm ist MP Gif Animator (von V. Pham). Ein leistungsstarkes Animationsprogramm ist Ulead GIF Animator Lite (ein Produkt von Ulead Systems).

    Im JPEG-Format (Dateien mit der Erweiterung .jpg, weniger oft .jpe oder jpeg) Es ist vorzuziehen, mehrfarbige Bilder, wie z. B. Naturfotos, hochwertige Bilder mit einer reichen Farbpalette, in komprimierter Form zu speichern. Beim Speichern einer Zeichnung in Grafikeditoren (z. B. Photo Shop) können Sie die Dateigröße und die Qualität der Zeichnung steuern, die in einem umgekehrten Verhältnis zueinander stehen. Diese Eigenschaft wird häufig von Webseitenentwicklern verwendet, um Dateien mit Bildern zu minimieren und dadurch etwas an Qualität einzubüßen. Oftmals sind solche Bilder optisch praktisch nicht zu unterscheiden, können sich aber in der Größe der entsprechenden Dateien um das 1,5- bis 3-fache unterscheiden.

    Sie können Dateien mit Zeichnungen im BMP-Format (Dateien mit der Erweiterung .bmp). Dies ist eines der ersten Grafikformate. Zeichnungen in diesem Format beanspruchen viel Speicher, es wird aber auch heute noch verwendet, allerdings nur zur Darstellung sehr kleiner Bilder.

    Kürzlich wurde speziell für das Web ein neues PNG-Bildformat entwickelt, das das GIF-Format ersetzen soll.

    Eine ernstzunehmende Ressource zur Reduzierung der Größe von Grafikdateien ist die spezielle Bildbearbeitung in Grafikeditoren. Oft ist es möglich, die Datei mehrmals zu verkleinern, ohne dass sich die Qualität der Zeichnung verschlechtert. In Abb. Abbildung 5.16 zeigt ein Beispiel für die Bearbeitung eines Bildes mit dem Photo Shop-Grafikeditor.

    Beim Konvertieren eines Fotos mithilfe eines Scanners in eine Datei entstanden selbst in einem so kleinen Bildbereich wie dem Kragen eines weißen Hemdes viele Pixel mit unterschiedlichen Farbeigenschaften. Um diese Funktionen beim Komprimieren eines Bildes beizubehalten, ist für jede einzelne eine „individuelle“ Herangehensweise erforderlich, was zu einer unverhältnismäßig großen Dateigröße führt.

    Links in Abb. Abbildung 16 zeigt die Symbolleiste des Grafikeditors. In der Mitte unten befindet sich ein Foto, oben ein vergrößertes Fragment des Fotos (rechte Seite des Kragens) und rechts eine vergrößerte Ansicht des retuschierten Fragments. Bei der Retusche handelte es sich um die Anfertigung des Uniformkragens des Hemdes. Es ist klar, dass sich die Qualität des Fotos nicht verschlechtert, wenn Sie die Pixel, die das genannte Fragment anzeigen, einfarbig machen, aber beim Speichern durch Komprimierung werden Informationen über alle einfarbigen Pixel einmal aufgezeichnet, wodurch die Die Dateigröße ist kleiner geworden. Ein ähnlicher Vorgang wurde auf verschiedene Fragmente des Fotos angewendet, wodurch die Dateigröße um das 2,5-fache reduziert werden konnte. Die Retusche erfolgt mit verschiedenen Panel-Tools, darunter dem

     Bleistiftwerkzeug (Bleistift), der in der aktiven Farbe auf dem Bedienfeld hervorgehoben wird.

    Um die Größe von Bilddateien zu minimieren, können Sie auch spezielle Programme verwenden, die nichtgrafische Informationen aus ihnen entfernen, die von Grafikeditoren beim Entwickeln und Speichern eines Bildes platziert wurden. Der Autor dieser Zeilen verwendet beispielsweise das Programm Advanced GIF Optimizer von Gold Software. Durch den Einsatz von Optimierern kann die Größe einer GIF-Datei häufig um weitere 10–60 % reduziert werden.

    Um das Laden eines Bildes zu beschleunigen, können Sie es in einzelne Teile schneiden und diese Teile dann auf Seiten in verschiedenen Tabellenzellen platzieren. Bei der Anzeige im Browser sieht eine zerlegte Zeichnung genauso aus wie eine nicht fragmentierte Zeichnung. Der Vorteil der Fragmentierung besteht darin, dass Bilder wie andere Seitenelemente parallel in den Browser geladen werden, was das Laden der Seite beschleunigt. Darüber hinaus erscheint das vollständig geladene Fragment sofort im Browser, wodurch Sie die Illusion erzeugen können, dass das Bild schnell geladen wird. Gepaart mit der Möglichkeit, GIF- und JPEG-Bilder zu übertragen und Ressourcen zu bearbeiten, können Sie eine spürbare Beschleunigung beim Laden von Bildern auf Seiten erreichen.

    8. Seiten mit Rahmen

    Diese Seiten sind die ersten, die für den Netscape Navigator-Browser verwendet werden. Eine solche Seite stellt eine Reihe unabhängiger Rahmenfenster im Browser dar, was es ermöglicht, die Möglichkeiten zur gleichzeitigen Anzeige einzelner Seiten oder verschiedener Teile einer Seite zu erweitern, insbesondere das unabhängige Scrollen zu ermöglichen. Jeder Frame wird durch eine separate Datei dargestellt, und eine andere Datei wird verwendet, um die Art und Weise zu beschreiben, wie Frames im Browser angezeigt werden. Dabei handelt es sich um eine Frame-Datei. Jeder Frame ist ein Web Seite und kann als separate Seite in einem Fenster angezeigt werden.

    In Abb. Abbildung 17 zeigt eine Webseite, die es Ihnen ermöglicht, durch Seiten zu navigieren, auf denen elektronische Lehrmaterialien des Fachbereichs angezeigt werden.

    Reis. 17. Beispiel einer gerahmten Webseite

    Die Seite ist in Form eines Menüs organisiert und besteht aus drei Frames

    : Einer befindet sich oben, die anderen beiden befinden sich darunter – links und rechts. Der obere Rahmen stellt den Seitentitel dar. Die unteren Rahmen sind so gestaltet, dass ein zweistufiges Menü abgebildet und genutzt werden kann. Im linken Rahmen ist die erste Menüebene organisiert. Darin kann der Benutzer das gewünschte Fachgebiet oder die gewünschte Disziplin auswählen oder von dieser Seite durch Klicken auf einen der Hyperlinks zur Homepage der Abteilung wechseln. In Abb. 17 Klicken Sie im linken Rahmen auf den Hyperlink mit der Aufschrift Informatik, wie man anhand des gepunkteten Rahmens erkennen kann, der den Hyperlink begrenzt. Nach diesem Klick wird eine Seite mit den Überschriften der verfügbaren Lehrmaterialien für diese Disziplin geladen und im rechten Frame wiedergegeben. Im rechten Rahmen schwebt der Mauszeiger über der Linie Offen in einer der Überschriften. Somit fungiert der rechte Rahmen als Untermenü-Container, also als aktives Menü der zweiten Ebene.

    Die beschriebene Organisationsmethode ermöglicht es Ihnen, in benutzerfreundlicher Form eine beliebig lange Liste von Disziplinen und Spezialgebieten im linken Rahmen und eine beliebig lange Liste von Materialien für jede Spezialität oder Disziplin zur Anzeige im rechten Rahmen zu erstellen. In diesem Fall können Sie in der Liste des rechten Frames immer den Inhalt der ausgewählten Position aus der Liste des linken Frames sehen.

    Bei der Gestaltung einer Rahmenseite wurden zunächst folgende Seiten einzeln erstellt:

    • header.htm – Seite, die den Header der Frame-Seite darstellt;
    • menu.htm – Seite zur Anzeige des Menüs im linken Rahmen;
    • informatique.htm – Seite zur Anzeige einer Liste von Lehrmaterialien für die Disziplin Informatik;
    • Certificate.htm – Seite zur Anzeige einer Liste von Lehrmaterialien im Fachgebiet Zertifizierung;
    • tms_metod.htm – die eigentliche Frame-Seite.

    Um die letzte Seite zu erstellen, wird über das Menü eine neue Datei organisiert Datei /

     Erstellenund wählen Sie ein Team aus Andere Vorlagen Seiten...aus dem Aufgabenbereich Schaffung.
    Im sich öffnenden DialogfensterVorlagen Seiten, Tab auswählen Seite Rahmen , das Vorlagen von Webseiten mit einer Frame-Struktur zeigt, die Teil von FP sind (Abb. 18).

    Das Fenster der neuen Frames-Webseite (Abb. 19) wird entsprechend der gewählten Struktur in Teile unterteilt.

    Öffnen Sie mit einem Rechtsklick das Kontextmenü, das Seiteneigenschaftenfenster und geben Sie den Text in die Titelzeile ein

     Methodische Materialien der Abteilung, das normalerweise oben im Browser angezeigt wird, und speichern Sie die Seite tms_metod.htm.

    Klicken Sie anschließend nacheinander auf die Schaltfläche Startseite festlegen im oberen und linken Frame und stellen Sie eine Verbindung zwischen dem entsprechenden Frame und Ihrer Seite her, indem Sie das Standardfenster zum Erstellen eines Hyperlinks verwenden, wie in Abb. 12. Nach dem Klicken auf die Schaltfläche wird dem oberen Rahmen die Adresse header.htm zugewiesen, dem linken - menu.htm, dem rechten - einer leeren Seite (über die Schaltfläche). Erstelle eine Seite in Abb. 19).

    Um sicherzustellen, dass die Dateien „informatique.htm“ und „Zertifikat.htm“ nach dem Aufruf durch Hyperlinks im rechten Frame angezeigt werden, wird den Hyperlinks zu diesen Webseiten in der Datei „menu.htm“ der Standardwert „home“ zugewiesen.

    9. Beispiel für die Entwicklung einer Webseite

    In Abb. 20 vorgestellt

     Webseitengeschichte.htm , mit einer kurzen Geschichte der TMS-Abteilung der KSTU.

    Reis. 20. Ansicht einer Webseite in einem Browser

    Die Ansicht der markierten Seite im FP-Editor ist in Abb. dargestellt. 21. Zunächst wird eine neue Seite erstellt. Anschließend wird per Rechtsklick mit der Maus ein Kontextmenü aufgerufen, in dem die Zeile angeklickt wird Seiteneigenschaften. Im erscheinenden Seiteneigenschaftenfenster (Abb. 3) wird der Titel eingetragen Geschichte der TMS-Abteilung. Auf dem Lesezeichen Andere Jede der Optionen zum Einrücken des Seitenrands ist mit einem Häkchen versehen und ihre Werte sind auf Null gesetzt. Dies bedeutet, dass die Seite beim Einlesen in den Browser ohne Abstand vom oberen und linken Rand des Ansichtsfensters angezeigt werden sollte. Durch Klicken auf die Schaltfläche Speichern Die Seite wird unter dem Namen „history.htm“ auf der Festplatte gespeichert.

    Als nächstes wird mit dem Befehl „Tabelle einfügen“ eine Tabelle mit vier Spalten und vier Zeilen auf der Seite platziert. In den Zellen der oberen Reihe werden drei Bilder h1.gif, h2.gif, h3.gif der Reihe nach von links nach rechts platziert (die Bilder wurden zuvor im Grafikeditor Photo Shop entworfen). Die erste Zeichnung (KSTU) hat eine Größe von 4 K, die zweite (TMS) – 3,6 K, die letzte – 1,4 K. Alle Zeichnungen sind Inschriften auf einem burgunderfarbenen Hintergrund. Die letzte Ziffer (mit der Aufschrift GESCHICHTE DER ABTEILUNG FÜR MASCHINENBAUTECHNOLOGIE) ist in der Breite verkleinert, um den Speicher zu reduzieren.

    Reis. 21. Ansicht einer markierten Webseite im FP-Editor

    Klicken Sie anschließend in die Zelle der ersten Zeile und geben Sie den Befehl ein Tabelle/Zeile auswählen Die erste Zellreihe wurde hervorgehoben. Dann wurde der Cursor darauf platziert und die rechte Maustaste gedrückt. Der im Kontextmenü ausgewählte Befehl Zelleigenschaften und im erscheinenden Fenster (Abb. 10) wird allen ausgewählten Zellen ein Hintergrund in Form eines bg.gif-Bildes zugewiesen (es wird auch im Photo Shop-Editor vorbereitet). Bei dieser Zeichnung handelt es sich um ein einfarbiges 8x8-Pixel-Bild mit denselben Eigenschaften. Die Größe der Hintergrunddatei beträgt nur 46 Byte. Der Hintergrund ist notwendig, damit die gesamte erste Reihe der Tabelle mit derselben Farbe bemalt wird (die Bilder werden vor einem Hintergrund derselben Farbe erstellt).

    Damit das schmalere h3.gif-Bild vertikal in der Mitte der Zelle platziert werden kann, ist seine Eigenschaft Vertikale Position zugewiesener Wert Zentriert. Die horizontale Position wird standardmäßig belassen, d. h. an den linken Rand der Zelle gedrückt. Für die letzte Zelle der ersten Zeile der Tabelle (sie ist leer) die Eigenschaft Breite Der Wert wird 600 zugewiesen. Dies ist notwendig, damit die gesamte erste Zeile der Tabelle garantiert auf die gesamte Breite des Fensters passt (und sogar einen gewissen Rand bietet), was beim Betrachten der Seite den Effekt von a erzeugt monochromatische Schattierung des Headers (Banner) im Browser (Abb. 20).

    Als nächstes wurden zwei Hyperlinks zugewiesen – zur KSTU-Website und zur Website der TMS-Abteilung. Sie sind notwendig, damit der Betrachter der Seite bei Bedarf mit der Betrachtung dieser Seiten fortfahren kann. Dem ersten Bild (h1.gif) wurde ein Hyperlink zugewiesen http://www.kgtu.runnet.ru zur KSTU-Website (Abb. 5.12). Der zweite (h2.gif) – Hyperlink zur Website der TMS-Abteilung http://tms.kgtu.runnet.ru. In der Textzeile der Bildeigenschaften wird der erste Text zugewiesen Zur KSTU-Website, der Zweite - Zur Website der TMS-Abteilung. Diese Zeilen sind notwendig, damit der Betrachter der Seite, wenn er mit der Maus über das Bild fährt, den Zweck der Hyperlinks in den Tooltips erkennen kann. Um zu verhindern, dass die Umrisse von Hyperlink-Bildern im Browser sichtbar sind, wird deren Eigenschaft „Randstärke“ auf Null gesetzt und der Rand minimiert (Abb. 15). Damit ist die Markierung der ersten Tabellenzeile abgeschlossen.

    In der zweiten Zeile der Tabelle enthalten die ersten beiden Zellen dasselbe Bild aus der Datei Arrow.gif. Das Bild stellt einen nach oben zeigenden Pfeil dar. Die Dateigröße beträgt nur 324 Byte. Der Zweck der Bilder besteht darin, den Betrachter darauf aufmerksam zu machen, dass sich darüber Hyperlinks befinden, die er verwenden kann. Um sicherzustellen, dass sich die Pfeile genau unter den entsprechenden Bildern befinden, ist die Eigenschaft horizontale Position Zellen wurde ein Wert zugewiesen Im Zentrum.

    Der Seitentext befindet sich in der dritten Zeile der Tabelle. Vor dem Einfügen des Textes wurden die zweite und dritte Zelle dieser Zeile zusammengeführt. Vor dem Zusammenführen wurden Zellen ausgewählt und dann der Menübefehl ausgeführt Tabelle/Zellen zusammenführen. Als nächstes wurde der Cursor in die Zelle gesetzt und mehrmals die Eingabetaste gedrückt, um leere Absätze einzufügen.

    Im ersten Absatz der Zelle wird der obere Teil des Textes über die Tastatur eingegeben (er steht vor der Liste der Mitarbeiter, die zu verschiedenen Zeiten die Position des Leiters der TMS-Abteilung innehatten).

    Unten ist eine Tabelle mit einer Zeile und zwei Spalten. In der linken Spalte werden die Namen der Mitarbeiter eingetragen, in der rechten Spalte die Jahre, in denen sie die Abteilung geleitet haben. Die Tabellenzellen sind so formatiert, dass die Eigenschaft Vertikale Bestimmungen hat die Bedeutung hoch, Eigentum horizontal Position – am linken Rand. Durch diese Organisation können Nachnamen und Punkte im Browser in zwei benachbarten Spalten genau untereinander positioniert werden.

    Unter der Tabelle befindet sich ein Text, der die Beschreibung der Geschichte vervollständigt.

    Der gesamte Text ist in Schriftart Arial, einige seiner Fragmente sind fett gedruckt. Dazu gehören Daten, Nachnamen, Fachcodes und andere Elemente, auf die Sie beim Betrachten der Seite achten müssen.

    Es wurde nicht versäumt, ein interessantes Merkmal eines der Textfragmente hervorzuheben: Wenn Sie aus den Anfangsbuchstaben der Namen der an der TMS-Abteilung gelehrten Fachgebiete eine Abkürzung bilden, wird die aus den Anfangsbuchstaben zusammengesetzte Abkürzung wiederholt des Fachbereichsnamens, d.h. wieder „TMS“ (in Dieser Teil des Textes ist in Abb. 20 und 21 nicht sichtbar. Dieses Merkmal wird dadurch hervorgehoben, dass die Anfangsbuchstaben in den Fachgebietsnamen hervorgehoben sind fett und in rot.

    Abschließend werden alle Zellen der unteren Zeile der großen Tabelle zusammengefasst und die Ausgabedaten der Abteilung in kleinerer Schriftart in die resultierende Zelle eingetragen – Adresse, Telefonnummern, E-Mail-Adresse.

    Microsoft Office FrontPage 2003 ist ein einzigartiges Programm, mit dem Sie ganz einfach eine Website erstellen können. Das Vorhandensein von Hilfe und vielen einfachen, man könnte sagen Standardprogrammen machen es zu einem unverzichtbaren Assistenten für Anfänger. Um mit den Funktionen von Microsoft Office FrontPage besser vertraut zu werden, schauen wir uns eine Reihe möglicher Befehle an.

    Um den HTML-Text beim Veröffentlichen einer Seite zu optimieren, müssen Sie eine Remote-Site konfigurieren.

    1. Klicken Sie in der Ansicht „Remote-Website“ auf der Registerkarte „Website“ auf die Schaltfläche „Veröffentlichtes HTML optimieren“.

    2. Wählen Sie auf der Registerkarte „HTML-Optimierung“ die Option „Beim Veröffentlichen den HTML-Code optimieren, indem Sie die folgenden Elemente entfernen“ aus.

    3. Wählen Sie die gewünschten Optionen aus.

    Anmerkungen

    · Microsoft FrontPage wendet diese Einstellungen nicht auf Webseiten an, die zuvor auf der Website veröffentlicht wurden. Um diese Einstellungen auf eine Seite anzuwenden, veröffentlichen Sie sie auf einer Website.

    · Sie können HTML-Text optimieren, wenn Sie von einer lokalen Site auf einer Remote-Site veröffentlichen, aber nicht umgekehrt.

    · Wenn Sie das Kontrollkästchen „Alle HTML-Kommentare“ oder „Notizen zu dynamischen Webvorlagen“ aktivieren, entfernt FrontPage bei der Optimierung des HTML-Textes den gesamten dynamischen Webvorlagencode für diese Seite. Daher werden Seiteninhalte, die mit der dynamischen Webvorlage verknüpft sind, den Website-Besuchern nicht mehr angezeigt. Mithilfe von Webkomponenten in Microsoft FrontPage können Sie eine Vielzahl von Funktionen in Ihre Website integrieren, von Zugriffszählern, die die Anzahl der Besucher einer Seite aufzeichnen, bis hin zu Fotosammlungen, bei denen es sich um Sammlungen grafischer Bilder handelt. Es gibt zwei Arten von Webkomponenten: Entwurfszeitkomponenten und Ansichtszeitkomponenten. Entwurfszeitkomponenten sind Werkzeuge zum Erstellen und Entwickeln von Webseiten. Sie sind im FrontPage-Programm verfügbar. Wenn Sie einer Website eine Entwurfszeitkomponente hinzufügen, beispielsweise eine Fotogalerie oder eine Linkleiste, müssen Sie keine zusätzliche Software oder Servertechnologie auf dem Webserver installieren, der die Website hostet. Browsingzeitkomponenten sind auf Websites verfügbar, die auf Webservern gehostet werden, auf denen Microsoft FrontPage Server-Servererweiterungen, Microsoft SharePoint Team Services oder Microsoft Windows SharePoint Services ausgeführt werden.

    · Ein Hyperlink ist ein Link zwischen Webseiten oder Dateien. Wenn ein Site-Besucher auf einen Hyperlink klickt, wird das Objekt, auf das er verweist, im Webbrowser angezeigt, geöffnet oder ausgeführt, je nach Objekttyp. Wenn Sie beispielsweise auf einen Hyperlink zu einer Seite klicken, wird diese Seite in Ihrem Webbrowser angezeigt, und wenn Sie auf einen Hyperlink klicken, wird diese Seite angezeigt avi-file Diese Datei wird im Windows Player geöffnet. Möglichkeiten zur Verwendung von Hyperlinks:

    Gehen Sie zu einer Datei oder Webseite in einem lokalen Netzwerk, Intranet oder Internet

    Navigieren Sie zu einer Datei oder Webseite, die in Zukunft erstellt wird

    Senden einer Nachricht per E-Mail

    Starten einer Dateiübertragung, beispielsweise das Herunterladen einer Datei oder das Senden einer Datei über ein Protokoll FTP

    Übergang zu Lesezeichen

    Nachdem Sie einen Hyperlink erstellt haben, folgen Sie ihm bis zum Ziel, um sicherzustellen, dass er zur gewünschten Seite, zum gewünschten Programm, zur gewünschten Datei oder zur gewünschten E-Mail-Adresse führt. Wenn Sie mit der Maus über einen Text oder ein Bild fahren, das einen Hyperlink enthält, erscheint dieser als Hand mit erhobenem Zeigefinger und zeigt damit an, dass auf das Element geklickt werden kann. In Microsoft FrontPage werden Hyperlinks je nach Ziel unterschiedlich verfolgt und angezeigt. Wenn ein Hyperlink erstellt wird, wird sein Ziel im URL-Format (Uniform Resource Locator) codiert. Die URL gibt das Protokoll (z. B. HTTP oder FTP) an und enthält den Namen Webserver oder Netzwerkspeicherorte sowie den Pfad und Dateinamen, wie in der Tabelle gezeigt.

    Hyperlinks in Bildern sind nicht immer sichtbar. Um jedoch zu überprüfen, ob es sich bei einem Bild um einen Hyperlink handelt, fahren Sie einfach mit der Maus darüber. Wenn Sie mit der Maus über einen Hyperlink fahren, verwandelt sich der Mauszeiger in eine Hand mit erhobenem Zeigefinger. Sie können einen Hyperlink als Text oder Bild erstellen. Ein Text-Hyperlink ist ein Wort oder eine Phrase, dem eine Adresse zugeordnet ist. URL Termine. Ein Bild-Hyperlink ist ein Bild, dem eine Ziel-URL zugewiesen ist. Diese Adresse kann einem Bild auf zwei Arten zugewiesen werden.

    · Dem gesamten Bild ist ein Standard-Hyperlink zugewiesen. In diesem Fall wird durch Klicken auf einen beliebigen Teil der Zeichnung das Ziel angezeigt. Eine Schaltfläche ist beispielsweise ein Bild, dem ein Standard-Hyperlink zugewiesen ist.

    · Einem Bild können ein oder mehrere Hyperobjekte zugeordnet werden, d. h. es können Bereiche des Bildes angegeben werden, die Hyperlinks darstellen. Eine Zeichnung, die Hyperobjekte enthält, wird Hyperkarte genannt. Beispielsweise könnte eine Hypermap eine Grafik sein, die verschiedene Abschnitte einer Website darstellt, beispielsweise die Startseite, die Katalogseite usw. Um eine Seite anzuzeigen, klickt ein Seitenbesucher auf den entsprechenden Bereich der Hypermap.

    So werden Hyperlinks angezeigt: In Webbrowsern werden Text-Hyperlinks normalerweise unterstrichen und in einer anderen Farbe angezeigt. Sie können die Farben auswählen, die im Webbrowser zur Anzeige von Hyperlinks verwendet werden. Wenn Sie Standard-HTML-Attribute verwenden, können Sie drei Farben auswählen, um unterschiedliche Hyperlink-Status darzustellen. Hyperlink – ein unbenutzter Hyperlink. Aktiver Hyperlink ist der aktuell ausgewählte Hyperlink. Ein angezeigter Hyperlink ist ein Hyperlink, dem bereits gefolgt wurde. Ein Lesezeichen ist eine bestimmte Stelle oder ein ausgewählter Text auf einer Seite, der entsprechend markiert ist.

    Lesezeichen können als Ziele für Hyperlinks verwendet werden. Wenn Sie beispielsweise einem Website-Besucher einen bestimmten Teil einer Seite zeigen möchten, fügen Sie einen Hyperlink hinzu, der als Ziel ein Lesezeichen für diesen Teil der Seite festlegt. Wenn Sie auf diesen Hyperlink klicken, wird der entsprechende Teil der Seite und nicht der Anfang der Seite angezeigt. Lesezeichen können auch verwendet werden, um bestimmte Stellen auf einer Seite zu finden. Sie können beispielsweise für jede Hauptüberschrift einer Seite ein Lesezeichen hinzufügen. Beim Wechseln der Seite kann jeder Abschnitt leicht gefunden werden, indem man auf die entsprechende Registerkarte klickt.

    Wenn ein Lesezeichen für einen Ort und nicht für Text erstellt wird, wird dies in FrontPage durch ein Symbol angezeigt. Andernfalls wird der Text mit einer gestrichelten Linie unterstrichen. Wenn Sie eine Datei auf einer Website umbenennen, sucht Microsoft FrontPage nach Hyperlinks zu dieser Datei. Wenn solche Hyperlinks vorhanden sind, wird der Dateiname darin automatisch aktualisiert. Wenn Sie eine Datei auf einer Website verschieben (z. B. in einen anderen Ordner oder Unterordner), aktualisiert Microsoft FrontPage automatisch alle darauf verweisenden Hyperlinks. Es wird empfohlen, die Hyperlinks immer zu testen, bevor Sie Ihre Website veröffentlichen. Wenn eine Website einen fehlerhaften Hyperlink enthält (einen Hyperlink mit einer falschen Ziel-URL), wird im Webbrowser eine Fehlermeldung angezeigt, wenn ein Besucher der Website auf den Link klickt. Dieser Fehler kann durch einen Tippfehler in der URL verursacht werden oder die URL verweist möglicherweise auf eine Seite, die von der Website entfernt wurde. Wenn das Ziel eine andere Internetseite ist, wurde diese möglicherweise verschoben oder gelöscht.

    Barrierefreiheitsprüfung: Microsoft Resources Office FrontPage 2003 führt eine neue Barrierefreiheitsprüfung für Webseiten ein. Beim Testen der Barrierefreiheit wird festgestellt, dass bestimmte Funktionen nicht den Web Content Accessibility Guidelines (WCAG) entsprechen. WWW-Konsortium (W3C) oder die Anforderungen von Abschnitt 508 des U.S. Rehabilitation Act. WCAG legt den Grundstein für die Erstellung barrierefreier Webseiten für Menschen mit Mobilitäts-, Seh- und Hörbehinderungen. Abschnitt 508 legt Standards der US-Regierung für die Zugänglichkeit einer Vielzahl von Informationsquellen und Technologien fest.

    Weitere Informationen zu den Funktionen zur Barrierefreiheitsprüfung von FrontPage finden Sie in der Microsoft FrontPage-Hilfe. Verwenden Sie Tastaturkürzel, um häufig verwendete Aufgaben schnell auszuführen. Die Verfügbarkeit von Tastaturkürzeln in Microsoft FrontPage hängt davon ab, ob der gewünschte Befehl in der ausgewählten Ansicht verfügbar ist. Häufig verwendete Aufgaben in Microsoft FrontPage:

    Verwalten und Arbeiten mit Webseiten – F8

    Starten Sie die Barrierefreiheitsprüfung – STRG+N

    Erstellen Sie eine neue Webseite – STRG+O

    Eine Webseite öffnen – STRG+F4

    Eine Webseite schließen – STRG+S

    Eine Webseite speichern – STRG+P

    Webseite drucken - F5

    Aktualisierung der Webseite; Aktualisieren der Ordnerliste - STRG+TAB

    Zwischen geöffneten Webseiten wechseln – STRG+UMSCHALT+B

    Eine Webseite in einem Webbrowser anzeigen – ALT+F4

    Beenden Sie Microsoft FrontPage – STRG+UMSCHALT+8

    Nicht druckbare Zeichen anzeigen - STRG+ /

    HTML-Tags in der Entwurfsansicht anzeigen – STRG+F

    Suchen Sie Text oder HTML-Code auf einer Webseite – STRG+H

    Text oder HTML-Code auf einer Webseite ersetzen – F7

    Überprüfen Sie die Rechtschreibung auf einer Webseite – UMSCHALT+F7

    Suchen Sie im Nachschlagewerk nach einem Wort - ESC

    Eine Aktion abbrechen – STRG+Z oder ALT+LEERTASTE

    Letzte Aktion rückgängig machen – STRG+Y oder UMSCHALT+ALT+LEERTASTE

    Eine Aktion zurückgeben oder wiederholen – DEL

    Entfernen Sie eine Webseite oder einen Ordner aus der Ordnerliste oder einem beliebigen Dialogfeld – LEERTASTE

    Auf Ansichten zugreifen und diese verwenden – F12

    Vorschau der aktuellen Seite im Webbrowser STRG+BILD-AB oder STRG+BILD-AUF

    Wechseln Sie zwischen den Ansichten Code, Design, Split und Ansicht – ALT+BILD-AB oder ALT+BILD-AUF

    In der geteilten Ansicht zwischen den Bereichen „Code“ und „Design“ wechseln – ALT+F1

    Ordnerliste ein- oder ausblenden – Pfeiltaste nach oben

    Navigieren Sie zu Hyperlink-Knoten in der Hyperlink-Ansicht – PFEIL NACH OBEN, NACH UNTEN, NACH LINKS oder NACH RECHTS

    Erweitern Sie den aktuellen Knoten und navigieren Sie in der Hyperlink-Ansicht nach rechts – UMSCHALT+NACH-LINKS

    Arbeiten mit Codierungstools

    Schneller Tag-Editor – STRG+F2

    Temporäres Lesezeichen einfügen – F2

    Nächstes temporäres Lesezeichen – UMSCHALT+F2

    Vorheriges temporäres Lesezeichen – STRG+G

    Zur Zeile gehen – STRG+L

    Automatische Vervollständigung – STRG+ENTER

    Codeausschnitte einfügen – STRG+>

    Fügen Sie ein schließendes Tag ein – STRG+<

    Öffnendes Tag einfügen – STRG+ /

    Einfügen von HTML-Notizen – STRG+LEERTASTE

    Text und Absätze formatieren – STRG+UMSCHALT+F

    Schriftart ändern - STRG+UMSCHALT+P

    Schriftgröße ändern – STRG+B

    Fettformatierung anwenden – STRG+U

    Unterstreichung anwenden – STRG+I

    Kursivformatierung anwenden – UMSCHALT+TAB

    Verwenden der Pipette - STRG+Pluszeichen

    Anwendung hochgestellt Formatierung - STRG+Minuszeichen

    Anwendung Index Formatierung - STRG+UMSCHALT+C

    Formatierung kopieren – STRG+UMSCHALT+V

    Formatierung einfügen – STRG+UMSCHALT+Z oder STRG+LEERTASTE

    Formatierung manuell entfernen – STRG+E

    Ausrichtung des Absatzes in der Mitte – STRG+L

    Einen Absatz links ausrichten – STRG+R

    Einen Absatz rechts ausrichten – STRG+M

    Den linken Einzug für einen Absatz festlegen – STRG+UMSCHALT+M

    Den richtigen Einzug für einen Absatz festlegen – STRG+UMSCHALT+S

    Anwendung Stil- STRG+UMSCHALT+N

    Anwenden des Stils „Normal“ – STRG+ALT+1

    Anwenden des Stils „Überschrift 1“ – STRG+ALT+2

    Anwenden des Stils „Überschrift 2“ – STRG+ALT+3

    Anwenden des Überschriftenstils 3 – STRG+ALT+4

    Anwenden des Überschriftenstils 4 – STRG+ALT+5

    Anwenden des Überschriftenstils 5 – STRG+ALT+6

    Anwenden des Überschriftenstils 6 – STRG+UMSCHALT+L

    Texte und Bilder bearbeiten und verschieben – RÜCKTASTE

    Ein Zeichen von links löschen – DEL

    Ein Zeichen von rechts löschen – STRG+RÜCKTASTE

    Ein Wort von links löschen – STRG+ENTF

    Ein Wort von rechts löschen – STRG+C oder STRG+EINFG

    Text oder Bilder kopieren – STRG+X oder UMSCHALT+ENTF

    Ausgewählten Text in die Microsoft Office-Zwischenablage ausschneiden – STRG+V oder UMSCHALT+EINFG

    Den Inhalt der Zwischenablage einfügen – UMSCHALT+EINGABETASTE

    Einen Zeilenumbruch einfügen – STRG+UMSCHALT+LEERTASTE

    Text und Bilder auswählen – UMSCHALT+NACH-RECHTS-TASTE

    Wählen Sie ein Zeichen von rechts aus – UMSCHALT+NACH-LINKS

    Wählen Sie links ein Zeichen aus – STRG+UMSCHALT+NACH-RECHTS-PFEIL

    Wählen Sie ein Wort bis zum Ende aus – STRG+UMSCHALT+NACH-LINKS

    Wählen Sie eine Zeile bis zum Ende aus – UMSCHALT+POS1

    Wählen Sie eine Zeile vom Anfang aus – UMSCHALT+PFEIL NACH OBEN

    Wählen Sie oben eine Zeile aus – UMSCHALT+NACH-UNTEN-PFEIL

    Wählen Sie eine Zeile von unten aus – STRG+UMSCHALT+NACH-UNTEN-PFEIL

    Wählen Sie einen Absatz bis zum Ende aus – STRG+UMSCHALT+PFEIL NACH OBEN

    Einen Bildschirm von unten auswählen – UMSCHALT+BILD-AUF

    Wählen Sie einen Bildschirm von oben aus – STRG+A

    Gesamte Seite auswählen – ALT+ENTER

    Einfügen einer Tabelle - TAB

    Wählt alle Zellen in einer Zeile aus, wenn sich der Cursor in einer Zelle befindet.

    Erstellen einer automatischen skizzieren Ausgewähltes Bild - STRG+K

    Greifen Sie auf den Aufgabenbereich „Hilfe“ und das Hilfefenster zu und arbeiten Sie damit – UMSCHALT+STRG+ALT+T

    Einfügen einer Tabelle - TAB

    Den Inhalt der nächsten Tabellenzelle auswählen – UMSCHALT+TAB

    Wählen Sie eine Spalte aus, wenn sich der Cursor in der oberen oder unteren Zelle befindet – STRG + T

    Erstellen einer automatischen skizzieren Ausgewähltes Bild - STRG+K

    Sie können den Datentyp und andere für Textfelder und Textbereiche zulässige Optionen festlegen. Um beispielsweise Mitgliedsnummern oder Seriennummern zu erfassen, sollten Sie im Textfeld nur Zahlen und keine anderen Zeichen zulassen. Sie können auch die erforderliche Anzahl von Zeichen angeben, damit ein Seitenbesucher nicht versehentlich eine Zahl oder einen Buchstaben übersieht. Sie können verlangen, dass ein Optionsfeld in einer Gruppe von Optionsfeldern festgelegt wird.

    Wenn ein Formular beispielsweise über zwei Optionsfelder verfügt, nämlich „Ja“ und „Nein“, und ein Website-Besucher versucht, das Formular abzusenden, ohne eines davon anzukreuzen, wird eine Meldung angezeigt. Sie können von einem Website-Besucher verlangen, ein Element aus einer Dropdown-Liste auszuwählen, eine minimale und maximale Anzahl zulässiger Elemente angeben und verhindern, dass das erste Element ausgewählt wird, wenn es sich um eine Anweisung wie „Wählen Sie ein Element aus“ handelt. Nachdem Sie Ihre Dateneingaberegeln festgelegt haben, müssen Sie entscheiden, wie die Ergebnisse vom Formular verarbeitet werden sollen. Nach dem Absenden eines Formulars durch einen Seitenbesucher ist es notwendig, die eingegebenen Daten – die Ergebnisse des Formulars – zu sammeln; Sie können sie einsehen, dem Seitenbesucher anzeigen oder auf eine bestimmte Weise verarbeiten.

    Wenn ein Website-Besucher ein Formular im Browser abschickt, werden die Werte aller darin enthaltenen Felder angezeigt

    Und
    gesendet an Formularprozessor (Formularprozessor. Ein Programm auf dem Server, das ausgeführt wird, wenn ein Site-Besucher ein Formular sendet. Jedes Formular in Microsoft FrontPage ist einem bestimmten Formularprozessor zugeordnet.). Wenn es sich bei einem Formularfeld beispielsweise um ein Textfeld handelt, ist der an den Formularhandler gesendete Wert der in das Feld eingegebene Text. Microsoft FrontPage verfügt über mehrere Formularhandler, die Formularergebnisse akzeptieren und verschiedene Vorgänge ausführen. Jedes Mal, wenn Sie ein Formular absenden, speichert FrontPage die Informationen in der Datenbank. Wenn Sie beispielsweise ein Formular zum Sammeln von Kontaktinformationen verwenden, können Sie die Formularergebnisse direkt in der Kundendatenbank speichern. Sie können die Ergebnisse in einer vorhandenen Datenbank speichern oder mit FrontPage eine neue erstellen. Jedes Mal, wenn ein Website-Besucher ein Formular sendet, hängt FrontPage Ergebnisse an die Datei an, die beim nächsten Öffnen der Datei angezeigt werden können. Sie können beispielsweise ein Gästebuch für Website-Besucher einrichten und die Ergebnisse in einer HTML-Datei speichern und einen Link zu dieser Datei erstellen, damit Website-Besucher sehen können, was andere geschrieben haben. Wenn Sie die Ergebnisse in einer XML-Datei speichern, können Sie die Ergebnisse in FrontPage verwenden oder sie in eine beliebige Anwendung exportieren, die XML-Daten unterstützt, z. B. Office Excel 2003. Jedes Mal, wenn ein Website-Besucher ein Formular sendet, wird automatisch eine E-Mail-Nachricht gesendet an die angegebene Adresse mit den Ergebnissen dieses Formulars.

    Sie können auch benutzerdefinierte Skripte verwenden, um Formularergebnisse zu verarbeiten. Beim Veröffentlichen einer Website werden alle Dateien und Ordner, aus denen die Website besteht, vom ursprünglichen Speicherort an einen bestimmten Speicherort kopiert. In Microsoft FrontPage veröffentlichen Sie eine Site, um sie Besuchern verfügbar zu machen, eine Sicherungskopie der Site zu erstellen und eine zuvor veröffentlichte Site zu aktualisieren. Normalerweise erfolgt die Erstellung von Websitedateien und -ordnern auf Ihrem lokalen Computer. Sobald eine Site erstellt wurde, wird sie im Internet oder lokalen Intranet veröffentlicht, sodass Besucher ihre Webseiten mit einem Webbrowser anzeigen können. Manchmal müssen Sie eine Kopie einer Website erstellen und diese Kopie an einem bestimmten Ort auf Ihrer Festplatte oder Ihrem Netzlaufwerk speichern. Das Microsoft FrontPage-Veröffentlichungstool bietet eine praktische Möglichkeit, diese Kopie zu erstellen. Beim Aktualisieren von Dateien oder Ordnern auf einer Website verwendet FrontPage spezielle Begriffe, um zwischen Quell- und Zielsites zu unterscheiden. Die lokale Website ist die in FrontPage geöffnete Quellwebsite und die Remotewebsite ist die Zielwebsite, auf der Sie veröffentlichen.

    Die Remote-Website-Ansicht ermöglicht die bidirektionale Veröffentlichung, sodass Sie Dateien problemlos zwischen Remote- und lokalen Standorten verschieben können. Dies ist am nützlichsten, wenn Sie einen zuvor veröffentlichten Knoten aktualisieren. In der Ansicht „Remote-Website“ werden in den Bereichen „Lokale Website“ und „Remote-Website“ Symbole mit Beschreibungen angezeigt, die den Dateiveröffentlichungsstatus anzeigen. In kollaborativen Arbeitsumgebungen können mehrere Autoren für die Aktualisierung lokaler und Remote-Websites verantwortlich sein. Microsoft FrontPage vergleicht Dateien auf der lokalen Website mit veröffentlichten Dateien auf der Remote-Website. Im Folgenden werden Fälle beschrieben, in denen Sie möglicherweise lokale und Remote-Versionen von Dateien synchronisieren müssen.

    Wenn auf der lokalen Website eine neuere Version der Datei gefunden wird, erfolgt eine Synchronisierung, um die lokalen und Remote-Websites zu aktualisieren (es sei denn, Sie geben manuell andere Aktionen an). Sie können sich auch für die Veröffentlichung von einer Remote-Site auf einer lokalen Site entscheiden. Wenn Sie Dateien mithilfe der Remote-Site-Ansicht synchronisieren, werden möglicherweise Dateien von der Remote-Site auf die lokale Site heruntergeladen. Wenn ein Angreifer Dateien auf einem Remote-Host platziert, ist möglicherweise auch der lokale Host gefährdet. Stellen Sie vor dem Synchronisieren von Dateien sicher, dass nur vertrauenswürdige Benutzer Zugriff auf die Remote-Site haben.

    Microsoft Corporation, der Ersteller dieses Programms, setzt sich dafür ein, die Sicherheit Ihrer persönlichen Daten zu erhöhen. Zu diesem Zweck nutzen wir verschiedene Technologien und Verfahren, um personenbezogene Daten vor unbefugtem Zugriff, unbefugter Nutzung und Offenlegung zu schützen. Microsoft kann diese Datenschutzerklärung nach eigenem Ermessen aktualisieren. Jedes Mal, wenn eine solche Aktualisierung erfolgt, ändert sich das Aktualisierungsdatum oben in der Erklärung. Eine aktualisierte Datenschutzerklärung wird im nächsten Service Pack (SP) für Microsoft Office FrontPage Resources 2003 enthalten sein. Durch die fortgesetzte Nutzung von Microsoft Office FrontPage Resources 2003 erklären Sie sich mit dieser Datenschutzerklärung und allen Aktualisierungen einverstanden. Microsoft freut sich über Ihre Kommentare zu dieser Datenschutzerklärung.



    Freunden erzählen
    Twitter
    Gerät mit...
    Nächster Artikel
    Lesen Sie auch
    Bürosoftware für ein Tourismusunternehmen. Automatisierungsprogramm für eine Selbstreise eines Reisebüros
    Bürosoftware für ein Tourismusunternehmen. Automatisierungsprogramm für eine Selbstreise eines Reisebüros
    2023-10-23 00:05:22
    VKontakte: Eine schnelle Passwortwiederherstellung ist nicht verfügbar
    VKontakte: Eine schnelle Passwortwiederherstellung ist nicht verfügbar
    2023-10-22 00:02:31
    Autoclicker für Maus und Tastatur Der Download von Autoclicker ist sehr schnell
    Autoclicker für Maus und Tastatur Der Download von Autoclicker ist sehr schnell
    2023-10-22 00:02:31
    Klassenkameraden arbeiten nicht!
    Klassenkameraden arbeiten nicht!
    2023-10-22 00:02:31