Webmaster Tipps: Gestaltung und Programmierung (Seite 13)

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

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...

Im Internet haben sich zwei Animationsformate durchgesetzt: Das Flash-Format und GIF89a. Dabei gilt: Die optimalsten Animationen haben nur eine geringe Dateigröße und können daher auch bei langsamen Internetverbindungen noch schnell geladen werden Am besten sollten die Animationen unter 200KB bleiben, mehrere MB zum Download sollte man den Besuchern besser nicht zumuten. Flash Um Flash - Animationen zu erstellen, braucht man ein paar Zusatzprog... Weiterlesen...