Webmaster Tipps: Gestaltung und Programmierung (Seite 13)

Der Webmaster Bereich gibt Tipps und Hilfen zu den Themen HTML, PHP und Javascript. Für andere Programmiersprachen haben wir neben dem Webmaster-Forum auch ein Programmier-Forum.

Grafikformate im Vergleich: GIF, JPG, WebP und PNG – Grafiken für’s Web

Für Webmaster sind vor allem drei verschiedene Grafikformate interessant. Die Formate GIF (Dateiendung ".gif"), JPEG (Dateiendung: ".jpg") und PNG (Dateiendung: ".png"). GIF steht dabei für GIF Graphic Interchange Format, ein für Onlinedienste entwickeltes Format mit 256 Farben. JPEG (kurz für Joint Picture Experts Group) wurde später vor allem für Fotos mit vielen Farben entwickelt. Das PNG Format (Portable Network Graphics) unterstützt sow... Weiterlesen...

Randgenau Positionierung am Browserfenster

Wenn man Text oder Bilder direkt am linken Browserrand beginnen lassen möchte, muss man zuerst den Standard-Browserrand ausschalten. Dies funktioniert mit den allerdings veralteten Attributen "topmargin=0 leftmargin=0 marginheight=0 margingwidth=0" im body-tag, oder per CSS. Das sieht dann so aus: <body topmargin="0" leftmargin="0" marginheight="0" margingwidth="0"> Heute sollten solche Angaben allerdings per CSS definiert werden. Dies... Weiterlesen...

URL Weiterleitung oder Seite neuladen: Seiten laden mit HTML, PHP und Javascript

Um die Besucher automatisch zu einer anderen Seite weiterleiten zu lassen oder die aktuelle Seite in einem bestimmten Intervall ständig neu zu laden (Reload), hat der Webmaster verschiedene Möglichkeiten. Die am häufigsten verwendeten URL Weiterleitungen werden dabei mit HTML (als Meta-Element direkt im HEAD-Bereich der Seite), Javascript oder PHP realisiert. Seiten-Redirect: Weiterleitung zu anderer Seite Bei der Javascript-Variante muss... Weiterlesen...

Gute Links, schlechte Links

Ergänzt man den Link um das Title-Attribut, erscheint ein kleiner Hilfetext, der den Link beschreiben kann. So weiß der Besucher auf jeden Fall, wohin er gelangt. Beispiel Link <a href="https://www.computerhilfen.de" title="Zu Computerhilfen.de">Link</a> ... Weiterlesen...

sleep(): Wartezeit mit PHP

Manchmal muss man ein Script kurz anhalten - zum Beispiel um eine Ausgabe zu kontrollieren, auf verschiedene Aktionen des Servers zu warten, oder einfach um bei einem Hacker-Versacht nach fehlerhafter Anmeldung den Besucher kurz warten zu lassen. Dies geht schnell und einfach mit dem Befehl sleep(anzahl_sekunden); ... Weiterlesen...

CSS Formulare: Eigene Buttons gestalten

Mit CSS Style Sheet Befehlen oder Grafiken lassen sich neben den Formularfeldern auch langweilige Absende-Buttons etwas aufpeppen und an das Gesamt-Design der Website, des Blogs oder des Online-Shops anpassen. Standardbutton: <input type="submit" value="Absenden"> Mit zusätzlicher Grafik: <input type="submit" value=" Absenden" style="background-image:url(fragezeichen.gif); background-repeat: no-repeat; backgrou... Weiterlesen...

CSS Formulare: Gegen das Standard-Grau

Das Einheitsgrau im Formulardesign muss nicht sein, denn mit CSS und zusätzlich auch Grafiken sind dem Webdesigner mächtige Möglichkeiten gegeben, um einzelne Elemente der Seite per Style Sheet zu beeinflussen. Hier zeigen wir, wie man die Eingabefelder von Formularen verschönert - das geht aber auch mit dem Submit-Button! <input type="text" value="Standard-Formular"> Mit dem Zusatz style="border: 1px solid black" lässt sich schon ... Weiterlesen...

Sichere Seiten: Passwortschutz mit PHP und Javascript

Die einfachsten Möglichkeiten, die Daten einer Webseite mit Passwort zu schützen, bestehen aus PHP oder Javascript-Lösung. Javascript-Passwortschutz: <script language="JavaScript"> var passwort = "Geheim"; var eingabe = window.prompt("Bitte Passwort eingeben",""); if(eingabe != passwort) { alert("Falsches Passwort!"); } else { document.location.href="geheim.htm"; } </script> Dieses Beispiel findet sich so oder �... Weiterlesen...

Zufallsbilder: Mit PHP zufällig ein Bild laden

Oft ist der Aufwand für täglich aktuelle Seite einfach nicht möglich. Um den Besuchern trotzdem mit jedem neuen Laden der Seite etwas neues zu bieten, helfen zufällig geladene Bilder genauso. Eins von drei Bildern wird hier zufällig ausgewählt und dann angezeigt. Ob das ein wechselndes Logo, ein Banner oder ein Hinweis ist, bleibt dabei dem Webmaster überlassen. In dieser Konfiguration müssen die drei Bilder die Namen bild1.jpg, bild2.jpg und b... Weiterlesen...

Bildgröße mit PHP bestimmen und ausgeben

Wer bei Bildern gleich die Bildgröße mit den Attributen height und width für jedes Bild mit angibt, sorgt für fehlerfreies (valides) HTML und hilft den Seitenaufbau zu beschleunigen. Ist ein Bild noch nicht geladen, wird der Platzhalter so gleich in der richtigen Größe angezeigt. Damit die nun aber immer aktuell ist, selbst wenn das Bild geändert wurde, kann man das Bild statt mit HTML mit diesem PHP Schnipsel einbauen: <?php $datei="bild.... Weiterlesen...

Hilfreiches Formular, optisch aufgewertet

Mit CSS, den Cascading Style Sheets, lässt sich dem Besucher helfen, und das angeklickte Eingabefeld optisch hervorheben. Der Internet Explorer 6 kommt damit aber nicht zurecht, er braucht etwas Javascript für den gleichen Effekt. Mozilla und Opera verstehen die CSS Eigenschaften hover und focus nämlich nicht mehr nur ausschließlich bei Links, auch bei Formularen können diese hier genutzt werden. Wird per Style-Definition das Input-Feld optisch etw... Weiterlesen...

Webseite per Klick zu Favoriten hinzufügen

Um eine Seite per Link zu den Lesezeichen des Internet Explorers (Favoriten genannt) hinzuzufügen, genügt dieser kurze Code: <a href="javascript:window.external. AddFavorite('https://www.computerhilfen.de/', 'Computerhilfen.de')"> Zu Favoriten hinzufügen</a> Zu Favoriten hinzufügen ... Weiterlesen...

Als Startseite setzen

Der Internet-Explorer ermöglicht es den Besuchern, die aktuelle Webseite als Browser-Startseite zu definieren. Dafür muss nur ein Link mit diesem Quellcode angeklickt werden: <a href="#" onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage('https://www.computerhilfen.de');"> Diese Seite als Startseite</a> Diese Seite als Startseite ... Weiterlesen...

WWW-Domain-Name: Wie registriere ich den?

Beim Aufau der eigenen Webseite oder eines eigenen Weblogs kommt in der Regel schnell der Wunsch nach einem eigenen Domain-Namen auf: Dann ist die Webseite nämlich nicht mehr nur unter www.provider.de/kunden/2005/meyer erreichbar, sondern auch etwa unter www.mein-name.de. Beim Registrieren des Domain Namens kann man in der Regel zwischen verschiedenen Optionen wählen: Entweder möchte man nur den eigenen Namen inkl. einem Email-Dienst nutzen, damit man e... Weiterlesen...

Erste Schritte zum eigenen Internetauftritt – Was ist zu beachten?

Ein eigener Internetauftritt des Vereins, der Clique oder der eigenen Person wird heutzutage immer selbstverständlicher. Mit ca. 7.8 Millionen regestrierten Domains in Deutschland (Stand Juni 2004) ist Deutschland einer der führenden Länder der eigenen Internetauftritte. Doch wie bekomme ich auch als Privatanwender eine einigermaßen ansehnliche Website? Welche Schritte sind notwendig und was ist zu tun? Weiterlesen im Forum ... Weiterlesen...

Webmaster Tipps: Gestaltung und Programmierung (Seite 13)

Meist gelesene Tipps:

Webmaster