Startseite So erstellen Sie eine Titelseite. Erstellen von Webseiten mit FrontPage. Bedienfeld „Betriebsmodi“.
Das Bild zeigt das Programm Microsoft FrontPage 2003 (1995-2003). Der Editor verfügt über eine russische Benutzeroberfläche und russische Hilfe. Gewicht 113 MB.
Aus Wikipedia:
1995 – Microsoft FrontPage 1.1
1997 – FrontPage 97 (2. Version)
1997 – FrontPage Express 2.0
1998 – Microsoft FrontPage für Macintosh
1998 – FrontPage 98 (3. Version)
1999 – FrontPage 2000 (9. Version)
2001 – Microsoft FrontPage 2002 (10. Version)
2003 – Microsoft Office FrontPage 2003 (11. Version)
FrontPage wurde 2003 eingestellt und durch Microsoft-Programme wie ersetzt Microsoft Office SharePoint Designer Und Microsoft Expression Web.
Das Microsoft FrontPage-Programm ist einfach und logisch und verfügt gleichzeitig über großartige Funktionen.
Für diejenigen, die mit Microsoft Office Word vertraut sind, wird das Erscheinungsbild von FrontPage nichts Neues sein. Die Menüleiste und Symbolleisten ähneln denen in Word, die meisten Befehle sind identisch.
Auch das Arbeiten in FrontPage (im visuellen Modus) ist grundsätzlich dasselbe wie das Arbeiten in Word.
FrontPage verfügt über vier Betriebsmodi: Designer (Erstellen einer Seite im visuellen Modus), Code (Erstellen von Seitencode), Anzeigen und einen Modus zum Aufteilen des Programmfensters in Code und Anzeigen.
Im visuellen Modus kann FrontPage mit allen Einstellungen Text formatieren (und alle Rechtschreibfehler Ihrer Schule mit einer roten Linie hervorheben), Bilder, Tabellen, Links, Rahmen, Formulare und vieles mehr einfügen.
Im Codemodus ist FrontPage viel schwächer und guten Code-Editoren unterlegen; viele Funktionen des visuellen Modus sind hier nicht verfügbar (diese Funktion ist im Allgemeinen in kombinierten Editoren enthalten, mit Ausnahme von Dreamweaver). Sie können eine Webseite im Codemodus erstellen, es ist jedoch ratsamer, diesen Modus zu verwenden, um im visuellen Modus erstellten Code zu bearbeiten oder zu korrigieren.
Der große Vorteil des Programms ist seine russische Benutzeroberfläche, Hilfe sowie eine große Anzahl an Schulungsmaterialien zu FrontPage in russischer Sprache.
Zu den Nachteilen des Programms gehört, dass das Programm nicht schnell ist – das Öffnen dauert lange und die Ausführung einiger Befehle ist etwas träge. Manchmal ergreift der Redakteur unangemessene Initiative und tut möglicherweise etwas, was Sie nicht wollten.
Wenn FrontPage beim Erstellen von Textmaterial im visuellen Modus normalerweise sauberen Code erzeugt, kann es bei anderen Vorgängen dazu führen, dass eine Menge unnötiger Dinge auf die Seite gelangen. Dieses Problem kann teilweise durch den im Editor verfügbaren benutzerdefinierten HTML-Code-Optimierer gelöst werden.
Das Programm kann nicht als absolut zuverlässig angesehen werden; manchmal kommt es zu unerwarteten Fehlfunktionen. Und es funktioniert nicht besonders gut; FrontPage 2003 ähnelt einem großen Mechanismus, in dem etwas klappert, wackelt und verrutscht.
Doch viele Benutzer haben sich an die Unzulänglichkeiten gewöhnt und FrontPage ist immer noch weit verbreitet.
Im Internet gibt es viele Tutorials für FrontPage. Hier sind einige:
FrontPage Express
FrontPage Express (1995 - 1997, Gewicht 4,3 MB) – kleines, schnelles und schönes Programm. Seine Funktionalität ähnelt einem Editor wie NVU. Es ist eine schlanke Version von FrontPage.
Oben sehen Sie eine Zeichnung der FrontPage Express-Symbolleiste.
Der Editor hilft Ihnen bei der Gestaltung Ihrer Überschriften und bei der Auswahl verschiedener Schriftarten, Größen, Stile und Farben. Es hilft Ihnen, Bilder, Videos, Hintergrundgeräusche, Sonderzeichen, Animationen, Listen, Java-Applets, Creeper, Formulare, Links, Tabellen usw. in Seiten einzufügen.
Obwohl die Seite im Editor im visuellen Modus erstellt wird und es keine Möglichkeit gibt, den Code zu bearbeiten, erweist sich der Ausgabecode als recht sauber, ohne unnötige Einschlüsse.
Heute ist FrontPage Express bereits etwas veraltet. Beispielsweise gibt es keinen integrierten Browser zur Vorschau der erstellten Seite, es erfolgt keine Arbeit mit Stylesheets (der Editor reagiert überhaupt nicht auf Stylesheets) usw.
Laden Sie FrontPage herunter- aus den Archiven im Internet
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, so dass die Microsoft-ähnliche Benutzeroberfläche von FP, die der Word-Benutzeroberfläche sehr ähnlich ist, nichts Besonderes sein wird Schwierigkeiten bei der Arbeit.
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 beträgt. 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 ihn 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 |
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);
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 Bild 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 den Ladevorgang stoppen, lange bevor die Seite mit der unerwünschten Grafik fertig geladen ist, und spart so Zeit, 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 burgunderroten 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 die Eingabetaste mehrmals 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.
Mit Microsoft FrontPage für Windows 10 können Sie Websites erstellen, ohne HTML lernen zu müssen. Sie müssen lediglich den erforderlichen Text auf der Projektseite platzieren und Bilder an den entsprechenden Stellen platzieren. Die Entwicklung von Plugins und Effekten ist ohne den Einsatz komplexer Dienstprogramme oder spezieller Skripte möglich.
Die Anwendung verfügt über eine Reihe von Tools für die Interaktion mit der Site. Integrierte Vorlagen werden verwendet, um wichtige Internetseiten oder Inhalte im Allgemeinen zu erstellen. Der Einsatz professioneller Gestaltungstechniken und Textstile ist möglich. Es gibt eine Reihe von Möglichkeiten, Ihren individuellen Stil zu verwirklichen. Wir empfehlen, Microsoft FrontPage für Windows 10 auf Russisch ohne Registrierung und SMS von der offiziellen Website herunterzuladen.
Programminformationen- Lizenzfrei
- Entwickler: Microsoft
- Sprachen: Russisch, Ukrainisch, Englisch
- Geräte: PC, Netbook, Laptop (Acer, ASUS, DELL, Lenovo, Samsung, Toshiba, HP, MSI)
- Betriebssystem: Windows 10 Home, Professional, Enterprise, PRO, Enterprise, Education, Home Edition (Updates 1507, 1511, 1607, 1703, 170
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 Betrieb in den 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.
Ein Programm, mit dem Sie die Grundprinzipien der Gestaltung von Internetseiten ganz einfach verstehen können und das über eine große Auswahl an zusätzlichen Tools zum Erstellen komplexer Internetseiten und Portale verfügt.
Kurz über das Microsoft FrontPage-Programm
Dies ist ein leicht zu erlernender und praktischer Web-Editor zum Entwerfen, Vorbereiten und Veröffentlichen von Websites. Dank der Integration in die MS Office-Produktfamilie, einer vertrauten Benutzeroberfläche und einer Fülle von Vorlagen ermöglicht das Programm auch unerfahrenen Benutzern, die mit den Grundlagen der Arbeit in MS Word vertraut sind, die Arbeit schnell zu meistern. Gleichzeitig kann FrontPage nicht als Lösung für „Dummies“ bezeichnet werden: Das Programm bietet umfangreiche Funktionalität und vielfältige Tools zur Optimierung von Internetseiten.
Anzumerken ist, dass der Name Microsoft FrontPage bis 2003 existierte, dann um neue Funktionen ergänzt und der Name der Software selbst geändert wurde. FrontPage wurde 2007 in Microsoft Expression Web und 2010 in Microsoft Office SharePoint Designer umbenannt. Tatsächlich wurden den neuen Versionen einige Ergänzungen hinzugefügt, das grundlegende Erscheinungsbild des Programms blieb jedoch erhalten.
Grundlegende Programmtools
Gesamtansicht des Microsoft FrontPage-Programms
Microsoft FrontPage hat viele Gemeinsamkeiten mit MS Word-Tools, daher sind viele der Schaltflächen und Menüregisterkarten ebenfalls intuitiv, was den Seitenerstellungsprozess erleichtert. Viele Menschen wissen bereits, wie man einfachen Text eingibt und formatiert, Tabellen in Microsoft Word erstellt und das gleiche Prinzip gilt für die Bearbeitung einer Seite in FrontPage.
Die Abbildung rechts zeigt eine Gesamtansicht des Programms mit einem Standardsatz an Werkzeugen, mit denen Sie eine Seitenvorlage mit Text, Links und Bildern erstellen können. Gehen Sie zur Registerkarte „Ansicht“, dann zur „Symbolleiste“ und stellen Sie sicher, dass „ Standard", "Formatierung" Und " Tische", diese Tools reichen aus, um nur eine Seite zu erstellen. Achten Sie unten auf die Registerkarten „Designer“, „Code“ und „Ansicht“ – das sind drei verschiedene Modi, in denen Sie immer sehen können, wie die Seite, die Sie erstellen, aussieht wie.
- Im Designer werden alle Bearbeitungen eingegeben, Texte eingegeben und formatiert, Bilder eingefügt, Links erstellt, Hintergrund- und Schriftfarben auf die gleiche Weise wie in Microsoft Word geändert.
- Im Reiter „Code“ können Sie den sogenannten HTML-Code einsehen. HTML ist die Standard-Auszeichnungssprache für Dokumente im World Wide Web. Die meisten Webseiten werden mit HTML erstellt. In dieser Registerkarte können Sie die Seite auch bearbeiten, Sie müssen jedoch diese Auszeichnungssprache kennen. Anfänger sollten jedoch alle Änderungen im Konstruktor vornehmen und alle Änderungen an HTML erfolgen automatisch.
- Im Reiter „Ansicht“ können Sie direkt im Browser (z. B. Internet Explorer) sehen, wie die Seite aussieht.
Detaillierte Beschreibungen anderer Menüs, Schaltflächen und Funktionen von Microsoft FrontPage finden Sie in der Hilfe des Programms. Drücken Sie dazu die Taste „F1“.
Erstellen einer Vorlage für Seiten in FrontPage
Einfügen der Haupttabelle im Editor
Um eine einfache Vorlage zu erstellen, müssen Sie also eine Tabelle mit drei Blöcken einfügen. Drei Blöcke sind ein einfacher Standard: Der obere Block ist für den Site-Namen, der zweite Block für Site-Navigationslinks und der dritte Block für Text, Bilder und andere Informationen auf der Seite. Der Einfachheit halber können Sie weitere Tischblöcke einfügen, aber es ist Geschmackssache, wie, wie viele und welche Größe diese Blöcke herstellen. Es gibt eine andere Möglichkeit, Blöcke zu erstellen, nicht durch das Erstellen von Tabellen, sondern durch das Einfügen sogenannter „div“-Elemente in Seiten und das Zuweisen bestimmter Stile. Diese Methode ist jedoch nicht für neue Webmaster geeignet und es kann ein separater Artikel darüber geschrieben werden.
- Um eine Tabelle einzufügen, gehen Sie zur Registerkarte „Tabelle“ > „Einfügen“ > „Tabelle“ und füllen Sie die Felder aus, wie in der Abbildung rechts gezeigt. Sie können zwar eigene Parameter eingeben, diese Tabelle hat jedoch eine feste Breite und ist auf 100 % der Bildschirmfläche gestreckt. Dadurch wird die Tabelle kompakt im Browser angezeigt.
- Dann müssen Sie alle drei Zellen anpassen, da sie nach dem Einfügen die gleiche Höhe haben. Klicken Sie mit der rechten Maustaste auf die oberste Zelle und gehen Sie zu „Zelleneigenschaften“, geben Sie im Höhenfeld bedingt „150“ ein und aktivieren Sie das Kontrollkästchen „in Punkten“, d. h. Die Zellengröße beträgt 150 Pixel. Im selben Menü können wir die Hintergrundfarbe der Zelle auswählen und durch Klicken auf das Menü „Stil...“ können Sie weitere Zelleneinstellungen vornehmen, beispielsweise die Farbe und Größe des Zellenrands auswählen Experimentieren Sie damit und sehen Sie sich das Ergebnis an. In der Zelle selbst können Sie den Namen der Site eingeben.
- Als nächstes bearbeiten wir die zweite Zelle, die für Site-Navigationslinks gedacht ist. Wir stellen die Breite auf ca. 40 Pixel ein, das wird ausreichen, und auch andere Einstellungen, wie die Hintergrundfarbe und die Ränder, passen wir nach Ihrem Geschmack an. Als nächstes schreiben wir die Namen der Links selbst, getrennt durch vertikale Linienzeichen oder ein anderes Zeichen (Sie können sie unten anzeigen, indem Sie die gesamte Vorlage herunterladen). Wählen Sie den Test aus und drücken Sie die mittlere Ausrichtungstaste, genau wie in MSWord. Auf die gleiche Weise können Sie Schriftart, Schriftgröße und andere Texteinstellungen ändern.
- Wir haben auch die letzte Zelle aufgebaut. Es ist für den Haupttext gedacht, wo Sie einen Begrüßungstext eingeben können.
- Schließlich können Sie auf die Registerkarte „Datei“ > „Eigenschaften“ gehen, wo Sie den Namen der Site eingeben und den allgemeinen Hintergrund der Seite sowie andere allgemeine Einstellungen ändern können
Die Vorlage ist nun fertig. Es ist das Gerüst für alle weiteren Seiten der Website. So sieht die Seite im HTML-Code aus:
So erhalten wir die Vorlage für die Seite
< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = „text/html; charset=windows-1251“> < title >Name der Site < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Name der Site < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >heim | < b >Seite 2 | < b >Seite 3 | < b >Seite 4 | < b >Seite 5 | < b >Kontakte < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Text der Homepage. Hier können Sie einen Begrüßungstext einfügen und kurz schreiben, worum es auf der Seite geht.
Dieser HTML-Code kann direkt im Editor im Reiter „Code“ eingefügt werden und schon sieht man die fertige Vorlage. Es kann an Ihre eigenen Bedürfnisse angepasst und bearbeitet werden. An dieser Stelle ist zu erklären, dass der Haupttext dort, wo er eingefügt wird, und damit er nicht in der Nähe der Felder liegt, in das „div“-Tag eingerahmt wird, mit einer Einrückungseinstellung, wie im Beispiel gezeigt.
Zusätzliche Vorlagen
- Sie müssen auch wissen, dass es im FrontPage-Programm und anderen ähnlichen Programmen Standardvorlagen gibt, die zum Erstellen von Seiten verwendet werden können; diese lassen sich leicht bearbeiten und Sie können jede Vorlage an Ihre Bedürfnisse anpassen. Um eine Standardvorlage auszuwählen, gehen Sie auf die Registerkarte „Datei“ > „Erstellen…“ und wählen Sie im sich öffnenden Fenster „Andere Seitenvorlagen“ aus. Dort können Sie eine beliebige Vorlage auswählen.
- Es gibt eine zweite Möglichkeit: Laden Sie die gesamte Vorlage aus dem Internet herunter. Es gibt viele Websites, die einen solchen Service anbieten. Vorlagen können entweder kostenpflichtig oder kostenlos sein. Nachdem Sie diese oder jene Vorlage heruntergeladen haben, können Sie sie im Programm bearbeiten, mit den erforderlichen Inhalten füllen und den Stil dieses oder jenes Elements ändern.
Verwenden Sie Standardtabellen- und Themenlayouts
Microsoft FrontPage bietet gute Tools für vorgefertigte Tabellenlayouts und Themen für die Website-Erstellung
Sie müssen wissen, dass Microsoft FrontPage über einen Standardsatz an Tabellenlayouts und -themen verfügt, die Ihnen dabei helfen können, die Kunst der Erstellung normaler Seiten oder Visitenkartenseiten zu erlernen. Und so gibt es oben rechts ein Dropdown-Menü (siehe Bild rechts, das auch das Ergebnis der Verwendung von Tabellenlayouts und Designthemen zeigt), durch Anklicken erscheint ein Menü, in dem Sie „Layout“ auswählen müssen Tabellen und Zellen“ und dann werden unten viele verschiedene Tabellenlayouts angezeigt, die Sie nach eigenem Ermessen und Geschmack auswählen können. Dadurch haben Sie die Möglichkeit, die Tabelle selbst manuell zu erstellen.
Wenn Sie also Ihren Text, Ihr Logo und Ihre Links in die Tabellenzellen eingeben oder einfügen, können Sie im selben Menü das Menü „Thema“ auswählen, in dem Sie verschiedene Themen für das Design der Seite, der Links und der Seite auswählen können Hintergrund und vieles mehr. Diese Gelegenheit ist gut für diejenigen, die gerade erst lernen, wie man Internetseiten erstellt, und spiegelt den Prozess der Erstellung einer Website recht anschaulich wider. Mit anderen Worten: In Microsoft FrontPage können Sie mit verschiedenen Einstellungen experimentieren und deutlich sehen, wie sich eine bestimmte Seite verändert. Hier können Sie einen Rat geben: Studieren Sie alle Funktionen des Programms und scheuen Sie sich nicht, dieses oder jenes Menü zu nutzen, da jedes Tool seine eigene Eigenschaft und seinen eigenen Zweck zum Erstellen einer vollwertigen Seite hat
Fügen Sie ein Bild ein und erstellen Sie Links zu Seiten
Für unerfahrene Webmaster ist es wichtig zu wissen, wie man Bilder in eine Seite einfügt und Links zu anderen Seiten erstellt. Anstelle des Textes des Site-Namens können Sie beispielsweise ein Bild des Site-Logos einfügen. Klicken Sie dazu zunächst in das Feld, in dem Sie ein Bild einfügen möchten, klicken Sie dann ganz oben auf die Registerkarte „Einfügen“ > „Zeichnung“ > „Aus Datei“, wählen Sie das gewünschte Bild aus und klicken Sie anschließend auf „Einfügen“. das Bild auf der Seite erscheinen soll. Durch einen Rechtsklick auf das Bild gelangen Sie zu einem Menü mit weiteren Bildeinstellungen. Wichtig ist, dass sich alle Bilder in einem streng definierten Ordner für alle Bilder befinden.
Um zu anderen Seiten der Website zu gelangen, müssen Sie Links erstellen, über die Benutzer alle Seiten der Website besuchen können. Dazu müssen Sie den gewünschten Text für den Link auswählen und auf die Registerkarte „Einfügen“ > „Hyperlink“ gehen. Im sich öffnenden Menü müssen Sie die Seite angeben, zu der der Link erstellt werden soll, und auf „OK“ klicken. . Im selben Fenster gibt es weitere Einstellungen für Links, beispielsweise ob der Link in einem neuen Fenster geöffnet werden soll oder nicht. Im Prinzip können Sie dies auch selbst studieren.
Abschluss
Im Kern sind diese Editoren einander ähnlich und verfügen über ähnliche Funktionen und Menüs. Wenn Sie die Grundeinstellungen beherrschen, können Sie problemlos Websites in anderen Editoren erstellen. Wenn Sie diese Prinzipien beherrschen, können Sie zu einer komplexeren Methode des Website-Designs übergehen – der Verwendung des sogenannten CSS. Was es ist und wie man ein Website-Design bearbeitet, können Sie im Artikel über CSS nachlesen.
Der Nachteil dieser „Vorlagen“-Methode besteht darin, dass jede Seite separat auf Basis der erstellten Vorlage erstellt werden muss. Wenn, wie bei der Erstellung von Websites mithilfe sogenannter Engines, keine separate Seitengenerierung erforderlich ist, werden diese beim Hinzufügen von Inhalten automatisch generiert
Wenn Sie Fragen zum Artikel oder zur Verwendung solcher Programme zur Erstellung von Websites haben, können Sie diese im Diskussionsthread unseres Forums stellen.
