www.BuntesWeb.de - Computer & Internet

Das Homepage-Handbuch speziell für blutige Anfänger

Webdesign - Wir erstellen eine Beispielhomepage

Das Layout - Abschlussarbeiten

4.1. Ein Wort zu Schriftarten und Schriftgrößen

Sie haben es sicher schon bemerkt. Wir haben uns bei dieser Beispielhomepage überhaupt nicht um die Schriftart gekümmert. Auch die Schriftgrößen lassen wir unbeachtet. Die überlassen wir nämlich ganz dem Betrachter bzw. dessen Grundeinstellungen im System und im Browser.

Der Hauptgrund dafür liegt in der Tatsache, dass reines HTML (ohne CSS) keine Seitengrundeinstellung für Schriftart oder Schriftgrößen vorsieht. Wir müssten jedem Absatz oder jeder Textzeile ein Textformat zuordnen, wofür Namo WebEditor auf das veraltete <font>-Tag zurückgreifen würde. Jede nachträgliche Veränderung dieser Parameter würde später enorm viel Mühe und Zeit kosten. Daher sollte man die Schriftformate besser global für eine ganze Seite bzw. für die gesamte Homepage festlegen. Dafür käme aber CSS zur Anwendung. So lange Namo WebEditor und andere WYSIWYG-Editoren diese nicht von Haus aus verwenden, bleibt diese Technik den fortgeschrittenen Homepage-Bastlern vorbehalten. Dieses Handbuch wendet sich aber an die absoluten Anfänger.  Daher beschränken wir uns nur auf die individuelle Farbgebung und belassen den Textso, wie es das System des Betrachters in seinen Grundeinstellugen vorgesehen hat.

Näheres zum Thema Textformatierung lesen Sie ggf nochmal im Kapitel Grundelemente; der Text nach.

4.2. Feinschliff

Nachdem wir unser Projekt in seiner endgültigen Farben- und Formengebung vor uns sehen, stellen wir noch ein paar Schönheitsfehler fest. Diese bügeln wir noch aus oder optimieren sie, bevor wir das Layout zur weiteren Verwendung freigeben.

Und zwar stören mich die sichtbaren Tabellenrahmen. Um die loszuwerden bearbeiten Sie die Tabelleneigenschaften und wählen Sie jeweils die Rahmenstärke Null. Dazu ein Tipp: Mit den Iframes in den Tabellen ist es sehr schwierig, die Tabelle im Editor auszuwählen. Meist erwischt man das Iframe. In Namo WebEditor müssen Sie mit dem Mauszeiger von links kommend ganz vorsichtig auf den Tabellenrand zu fahren, bis der Mauszeiger sich in einen schwarzen Pfeil oder in eine Hand verwandelt. In dem Moment führen Sie einen Rechtsklick aus. Aus dem Kontextmenü können Sie dann auswählen, was Sie tun möchten. Also in unserem Falle "Tabelleneigenschaften" und dann bei Rahmen die Stärke von 1 auf 0 ändern.

Nun stört mich auch der fehlende Abstand zwischen dem Banner und der Navigationszeile. Wir fügen daher in die Tabelle des Banners einfach noch eine Tabellenzelle unterhalb des Banners ein. Das geht mit Namo WebEditor so:
Klicken Sie auf das Banner. Damit wird das Banner ausgewählt, gleichzeitig befindet sich die Schreibmarke aber nun auch in der gewünschten Tabellenzelle.
Wählen Sie aus dem Hauptmenü: Tabelle - Zeilen oder Spalten einfügen:

Wählen Sie "Zeilen einfügen", Anzahl: eine; Einfügeposition unterhalb der aktuellen Zeile.
Namo WebEditor erzeugt somit eine Tabellenzeile unterhalb des Banners und fügt ein Leerzeichen ein. So ist es genau richtig.

  

4.3. Vorlage speichern und fertig

Mit dieser Vorlage (siehe Beispielseite 10) bin ich jetzt ganz zufrieden. - Sie nicht? Dann nehmen Sie doch ruhig noch ein paar Änderungen vor. Probieren geht über Studieren und Übung macht den Meister. Nachdem die Vorlage dann Ihren Bedürfnissen entspricht, beenden wir unsere Bauarbeiten daran und speichern sie ein letztes mal unter dem Namen "vorlage.htm" ab.

Die Navigationszeile ist natürlich noch nicht verlinkt. Ebenso verhält es sich mit der Fußzeile, wo sich der Link zum Impressum befinden soll. Darum kümmern wir uns erst, wenn die entsprechenden Seiten vorhanden sind.

Von jetzt an verwenden wir diese Vorlage als Grundgerüst für jede neue Seite, die wir erstellen. Dazu aber mehr im nächsten Kapitel, wo wir die eigentliche Homepage erstellen und mit Inhalten füllen.

Lesen Sie weiter >>>  Inhalte erstellen

Seitenanfang || www.BuntesWeb.de - Startseite | Stichwortverzeichnis | Impressum