Gestaltungs -Tipps für Ihre Webvisitenkarte
Wir helfen mit guten Tipps bei der Gestaltung Ihrer Webvisitenkarte. WQer mit HTML noch nicht so fit ist, findet hier eine gute Hilfe.
Ergänzende Hinweise:
Wenn Sie auf den Zeilenumbruch Einfluss nehmen wollen, dann geben Sie an der gewünschten Stelle den Befehl
-->: "<br>" ein. Beispiel: 'meine Homepage<br> ist neu'; nach "meine Homepage" folgt in der neuen Zeile "ist neu". Um den Zeilenumbruch nach Ihren Wünschen ausrichten zu können, werden Sie anfangs etwas probieren müssen, es aber dann schnell in den Griff bekommen. Entsprechendes gilt für den doppelten Zeilenumbruch "<p>".
Bitte achten Sie darauf, vor oder nach der Einfügung eines <html-Befehls> auch einen Leerschritt einzufügen,
damit Ihr Text nicht zusammengezogen wird; Beispiel: 'meine<b>Homepage</b>' zeigt an: "meineHomepage"; richtig ist: 'meine <b>Homepage</b>' oder auch 'meine<b> Homepage</b>' = "meine Homepage".
Der Laufbandtext in Ihrer Betriebswebseite kann bis zu 255 Zeichen lang angelegt werden. Als Zeichen gelten -
wie Ihnen aus der SMS-Versendung bekannt - auch Leerschritte- und Füllzeichen.
Bitte fügen Sie keinen Text mit "Anführungszeichen" ein, weil hierdurch die eingegebene Textzeile nicht vollständig
wiedergegeben wird.
Wichtig: Bitte kopieren Sie in die Texteingabefelder für die Bearbeitung der Betriebswebseite k e i n e mit einem html-Programm (Dreamweaver, Frontpage u.a.) vorgefertigten Texte mit oder ohne Tabellenstrukturen ein. Hierdurch wird das html-fähige php-Format Ihrer Betriebswebseite "zerschossen" und unbrauchbar.
Ohne weiteres können Sie Ihre Texte in einem Ascii-Editor (Note-, Wordpad, Homesuite u.a.) vorbereiten und den Entwurfstext dann in die betreffenden Bearbeitungsfelder einkopieren und anschließend ausrichten.
Es gibt natürlich noch weitaus mehr Möglichkeiten; die hier aufgeführten Befehlszeichen reichen aber aus, Ihrer Betriebswebseite eine individuelle Note geben zu können.
Wir wünschen Ihnen viel Spaß bei der Gestaltung Ihrer persönlichen Betriebswebseite!
Ihr Team vom handwerkermarkt
support@handwerkermarkt.de
Haftungshinweis
Wir haben die vorstehenden Tipps mit Sorgfalt zusammengestellt und geprüft. Gleichwohl bitten wir um Verständnis, dass wir für die Richtigkeit und das jeweilige Ergebnis der einzelnen Tipps keine Haftung übernehmen.
[copyright© by handwerkermarkt, Düsseldorf 2008]
| 1. Wie kann ich Schriften verändern und Links einfügen? | |
| 1.1 Die Schriftarten: | |
| Schriftgrößen werden in Punkt (Pkt) angegeben, z.Bsp.: | 8, 10, 12, 14 Pkt. |
| HTML hat die Größenbezeichnungen / Zahlenwerte: | "1" (= 8 Pkt); "2" (10 Pkt.); "3" (12 Pkt); "4" (14 Pkt.) |
| Beispiel für die hier verwendete, aktuelle Schriftgröße: | "2" |
| verwendete, aktuelle Schriftstärke = Standard | fett = fett |
| Die (hier verwendete) Schrifttype ist: | "Verdana" |
| Weitere gängige Schrifttypen: | "Times New Roman" , "Arial" |
| Beispiel für die hier aktuelle Schriftfarbe: | "black" |
| Beispiel weiterer Schriftfarben: | rot = "red" , grün = "green" , blau = "blue" , schwarz = "black" , gelb = "yellow" , grau = "gray" |
| Die aktuelle Schriftausrichtung ist Standard: | Kursiv = "kursiv" |
| 1.2 Die Schreibeweisen in HTML: | |
| Wenn Sie Text eingeben, können Sie einzelne Buchstaben/Worte oder auch zusammenhängende Worte verändern. Die Befehle werden jeweils in <eckiger Klammer> vorangestellt und am Ende mit dem Zeichen "/" in </eckiger Klammer> wiederholt. | |
| > Beispiele: | Schreibweise: |
| Farbänderung (font color) Größenänderung (font size) Schriftänderung (kursiv) Schriftänderung (fett) Unterstreichen (u) Änderung Schrifttyp (Arial) Zeilenumbruch-Befehl (break) = doppelter Zeilenumbruch = | <font color="Farbe">Wort</font> <font size="Zahlenwert">Wort</font> <i>Wort</i> <b>Wort</b> <u>Wort</u> <font size="Zahlenwert" face="Arial">Wort</font> <br> <p> |
| > Veränderungs-Beispiele: | Schreibweise - hier in fett hervorgehoben -: |
| Änderung eines Buchstabens, Beispielswort: Homepage | Ho<font color="red">m</font>epage |
| Änderung des ganzen Wortes; Beispielswort: Homepage | <font color="green">Homepage</font> |
| Änderung von zwei und mehr Worten; Beipielsworte: Meine Homepage | <font color="red">Meine Homepage</font> |
| Änderung Farbe, Schriftstärke und Fett-Schrift, Beispielswort: Homepage | <font color ="blue"><b>Homepage</b></color> |
| dasselbe kursiv: Homepage in Fett-Schrift | <font color="blue"><b><i>Homepage</i></b></color> |
| dasselbe in größerer Schriftart: Homepage in Fett-Schrift und kursiv und 12 Pkt.-Schrift | <font color="red" size="3"><b><i>Homepage</i></b> </color> (Schreibweise in einer Zeile) |
| 2. Einfügen von Hyperlinks: | Schreibweise: |
| 2.1 allgemein: Beispiel eine Webadresse einfügen: | http://www.domainadresse.de |
| Beispiel eine Mailadresse einfügen: | mailto:name@domainadresse.de |
| 2.2 fortgeschritten: Sie wollen eine Web- oder Mailadresse hinter ein Wort legen ? | |
| > lfd. Text: ... meine Webadresse ist neu ... | ... meine<a href="http://www.domainadresse.de" target="_blank">Webadresse</a> ist neu ... |
| Ergebnis: ... meine Webadresse ist neu ... | die aufgerufene Webseite wird in einem neuen Browserfenster geöffnet |
| > lfd. Text: ... meine Mailadresse ist neu ... | ... meine<a href="mailto:name@domainadresse.de"> Mailadresse</a> ist neu (Schreibweisen in einer Zeile) |
| Ergebnis: ... meine Mailadresse ist neu ... | Ihr Mailprogramm wird automatisch aufgerufen |
| 2.3 Sie wollen ein Bild einfügen ? - Beispiel: Einfügung des hm-logos mit Bezeich- nung - Hinweis: der Link steht in einer zusammen- hängenden Zeile | <img border="0" src="http://www.handwerkermarkt.de/ portal/gfx/frame_bannerl.gif" alt="hm_logo" width="124" height="63"> |
| Sie wollen einen aktiven Link hinter Ihr Bild legen ? - Beispiel: aktiver Link hinter dem hm-logo | <a href="http://www.handwerkermarkt.de"><img border="0" src="http://www.handwerkermarkt.de/ portal/gfx/frame_bannerl.gif" align="left" alt="hm_logo" width="124" height="63"> |


