Verschiedene Tipps & Tricks für Webworker - Seite 1

• Zeilenumbruch nach Form-Tag verhindern
  Nach jedem Form-Tag packt der Internet Explorer einen Zeilenumbruch auf die Seite.
  Dies können Sie verhindern, indem Sie in das Form-Tag die Style-Anweisung. style="display:inline" einfügen.
  
  Beispiel: <form style="display:inline">...</form>
  

• Vergessen Sie die Auflösung!
  Solange wir als Webdesigner am Bildschirm arbeiten, kann uns die Auflösung tatsächlich egal sein. Der Mythos, Webdesign werde mit 72dpi betrieben, ist leider ein Irrglaube und hält sich bis heute noch relativ tapfer. In Wirklichkeit aber spielt die Auflösung keine Rolle – sie ist nur für die Ausgabe im Druck wichtig. Ausschlaggebend beim Screendesign sind ausschließlich die Pixelmaße in Breite und Höhe.
  
  
• So bringen Sie Kontrast ins Bild: Gradationskurven!
  Weiche Gradation lässt Landschaftsaufnahmen häufig zu flau erscheinen. Starker Kontrast dagegen kann bewirken, dass klassische Porträts unnatürlich aussehen. Sie können die Gradation aber nachträglich anpassen. Das professionelle Werkzeug dafür heißt Gradationskurven (Bild - Einstellungen - Gradationskurven). Um einen neuen Punkt zu setzen, klicken Sie auf die diagonale Linie. Wenn Sie die hellen Elemente noch etwas heller und die dunklen noch dunkler machen, verstärken Sie den Kontrast. Umgekehrt können Sie die Lichter ein bisschen abdunkeln und die Tiefen aufhellen, dadurch wird das Bild weicher.
  
  

• MySQL und Timestamp-Werte
  Wenn Sie ein Feld mit dem Datentyp TIMESTAMP erstellen, sollten die einzugebenden Werte eher als nummerischer Wert wie als Zeichenkette spezifiziert werden, und 14, 12, 8 oder 6 Zeichen lang sein. Definieren Sie hingegen ein Datum als Zeichenkette, sollte es zumindest 6 Zeichen lang sein. Der Grund dafür ist, dass ein Datum wie 98-12 oder 98, welches Sie für Dezember 98 oder das Jahr 1998 halten, von MySQL mit Null-Werten für Tag bzw. Monat und Tag bedacht wird. Das würde dazu führen, dass das von Ihnen eingegebene Datum ungültig und dem Feld ein NULL-Wert zugewiesen würde. Daher sollten Sie nicht vergessen ein Datum immer mit Jahr, Monat und Tag zu definieren, auch wenn Sie nur an dem Wert des Jahres oder des Jahres und des Monats interessiert sind.
  

• Notation für ER-Modelle
  Es gibt verschiedene Arten, wie Beziehungstyps-typen in einem ER-Diagramm abgebildet werden. Die ursprüngliche Notation für ER-Modelle ist die Chen-Notation (https://de.wikipedia.org/wiki/Chen-Notation). Sie wurde von der Min-Max-Notation abgelöst, weil Erstere nur eingeschränkte Aussagen zu einer Beziehung erlaubt. Die wohl am meisten genutzte Notation ist die Min-Max-Notation. Bei ihr wird für jeden an einer Beziehung beteiligten Entitätstyp ein geordnetes Paar mit einem Minimal- und einem Maximalwert angegeben. Auch die Verwendung der UML-Notation ist für ER-Modelle möglich. Möchten Sie mehr dazu erfahren, wie Sie selbst ein Chen ER-Diagramm erstellen können, dann könnte Ihnnen die Software Edrawsoft weiterhelfen. Dort erfahren Sie genaueres zum Thema, mit vielen Anleitungen und Vorlagen, Spassfaktor inclusive. So erstellen Sie ein Chen ER-Diagramm
  

• Ein Eingabefeld mit einer Linie unten
  Einen besonderen Effekt erzielt man mit einem Eingabefeld das unten nur einen schmalen Rahmen hat, der als Hilfslinie beim schreiben dient.
  
  
  
  <input type=text style="border: #EFEFEF 1px solid;
  border-bottom: #000000 1px solid; background-color: #efefef;">
  

• Ein p-Tag formatieren (oder gleichartige)
  Auch ein p-Tag lässt sich mal eben für verschiedene Anlässe schnell formatieren:
  z.B.  <p style="margin-left: 20px;">
  
  oder etwas ausführlicher, falls man eben mal ne ganz bestimme Gröszlig;e, Zeilenhöhe oder Schriftart braucht:
  <p style="margin-top:30px;font-size:80%; line-height:155%">...</p>
  und ohne Absatz:
  <span style="margin-top:30px;font-size:80%;line-height:155%">...</span>
  

• Hervorhebung durch Markierung mit Querstrichen
  Eine Textpassage lässt sich auch mit dünnen Strichen ober- und unterhalb des jewiligen Abschnittes gut hervorheben. Die Unterstreichung eines Textes lässt sich einfach mit dem CSS-Parameter 'text-decoration:underline;' erzeugen. Zudem gibt es aber auch den Parameter "overline", der eine Linie über den jeweiligen Text Text zeichnet. Und per CSS lassen sich beide Parameter gleichzeitig zuweisen:
  
  .markierung (text-decoration: underline overline;)
  
  Man braucht den Text lediglich in eine <span>-Klammer zu setzten und der Klammer die CSS-Klasse zuweisen.
  
  
  
• Tipps für ein Sticky-Menü mit CSS- und JavaScript
  

  So fügen Sie ein Sticky-Menü mit CSS- und JavaScript ihrer Seite hinzu

  Überall tauchen CSS- und JavaScript-Sticky-Menüs auf. Das beliebteste Muster ist ein horizontales Menü, das nur dann bedingt am Ansichtsfenster „haftet“, wenn der Leser beginnt, vertikal über das Menü zu scrollen. Der Vorteil eines solchen Musters ist leicht zu erkennen, da es nur bei Bedarf erscheint, also eingesetzt wird und die ansonsten die Existenz des Menüs minimiert. Es gibt hier zwei Möglichkeiten, wie Sie Ihrer Site ein solchen Sticky-Menü hinzuzufügen. Sie können das hier detailliert nachbauen und downloaden.

  
  

• On-Page-Optimierung
  Hier handelt es sich um Massnahmen auf der zu optimierenden Website (dem Webauftritt im eigentlichen Sinne). Ein wichtiger Faktor hierbei ist z.B. ein für Ihre Produkte und Dienstleistungen tatsächlich relevanter Seiteninhalt, inkl. URL, Seitentitel und Beschreibungen (Stichwort: Title, Description, Content). Das klingt trivial, ist es aber nicht, da hier auch das Suchverhalten (Suchvolumen) der User berücksichtigt werden muss. Ferner sind eine Vielzahl technischer Details entscheidende Voraussetzungen für Ihren Erfolg. Es gibt grob geschätzt an die 200 socher Faktoren oder Aspekte, die zu berücksichtgen sind um einen guten Teil erfolgreicher Optimierung abzudecken.