tutorials
  Bilder und Text
 
"

Texte und Bilder auf einer Seite

Der Editor hat sich im neuen Design geringfügig geändert - aber die Arbeitsschritte sind gleich, so auch die Piktogramme des Editors:



Es gib drei Möglichkeiten eine Seite mit Bildern und Text zu gestalten:

1. Vorlagen:

Hierzu muß eine neue Seite ersellt werden, da auf vorhandenen Seiten - bei der Anwendung von Vorlagen im Nachhinein alles gelöscht wird.
Dann klickt mann auf den Vorlagen-Assistenten im Editor - siehe Bild
ein Bild

hierauf öffnet sich das Fenster mit den Vorlagen:



ein Bild

Hier kann man eine Vorlage auswählen - dann öffnet sich wieder ein Fenster.


ein Bild

Hier kann man durch klicken mit der rechten Maustaste auf das noch nicht vorhandene Bild das kleine Fenster - dort klickt man auf Bild Eigenschaften - daraufhin öffnet sich wieder ein Fenster:


ein Bild


Jetzt muß man den Bildlink haben - den findet man unter Bildeigenschaften - hier nochmal nachzulesen - dort steht auch die Bildgröße - dies alles einfügen - das Bild fügt sich dann automatisch ein - auf OK klicken und die Seite mit Bild und Text ist fertig.


2. Alles in eine Tabelle einfügen

Auch wieder im Editor - bei dieser Variante auf das Tabellen-Symbol klicken:


ein Bild

Dann öffnet sich das Fenster, indem man die Tabelle konfigurieren kann:


ein Bild

Die Größe, Spalten und Reihen werden festgelegt - man kann auch gleich eine Zentrierung festlegen. Dann auf OK klicken und die Tabelle ist im Editor,


ein Bild

Jetzt einfach am gewünschten Punkt in die Tabelle klicken und die Bilder eifügen - am besten sieht es aus, wenn alle Bilder die gleiche Größe haben. Dann können Sie daneben den Text eingeben.

ein Bild

Dann die Seite editieren. MAn kann auch im Quellcode den Tabellenrand auschalten in dem der Befehl
border="1" auf 0 gestellt wird.

Noch ein Trick sollen Codes in die Tabelle eingefügt werden - schreibt man am besten - einen Text in die Tabelle zB. Code 1 - Bild 1 - Text kann man gleich reinschreiben - dann sieht man im Quelltext, wo Code 1 steht - Code 1 markieren wir mit der Maus und fügen mit STRG V den vorher gespeicherten Code ein.

2. Durch HTML - Programmierung




<img src="BILDLINK.jpg" style="float:left" alt="" />Der Text neben der Grafik


  Der Text neben der Grafik








Das sieht dann so aus.
 
 
Aktualisieren # Diese Seite Drucken ein Bild Zurück Vor ein Bild ein Bild ein Bild nur IE

Impressum | Rechtliche Hinweise | News

© success4you , Tutorials-Area 2007

 
 
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
http://www.bambusratte.com/taf.php?%20bgcolor=c5c5c5&txtcolor=000000&anrede=s&site=http:tutorials-%20area.de.tl&bgpic=http:img.webme.com/pic/t/tutorials-area/tutback2.gif&nametaf=Tell-A-Friend