|
Webmaster Tipps: Gestaltung und Programmierung (Seite 2)
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.
„SEO? Mache ich doch schon. Content ist King, Mobile First, Backlinks... Kann ich das Thema nicht endlich abhaken?“, werden sich einige Leser jetzt fragen. Dabei ist eine richtig gute SEO-Strategie in Zukunft wichtiger denn je und für jede SEO Agentur eine immer größere Herausforderung. Denn die Grundlagen von SEO bezüglich Überschriften, Links und Bildern kennt tatsächlich inzwischen so ziemlich jeder Unternehmer.
Das bedeutet aber auch,... Weiterlesen...
Ein Array ist eine spezielle Form einer Variable, die gleich mehrere Inhalte aufnehmen und einzeln wieder abrufen kann. Sie lässt sich nicht nur einfach anlegen und mit Daten füllen, sondern auch einfach wieder leeren: Entweder einzeln oder direkt in einem Stück.
Javascript Array anlegen und füllen
var arr = ["eins", "zwei", "drei"];
Alternativ lässt sich der Array auch so anlegen:
var arr = new Array("eins", "zwei", "drei");
... Weiterlesen...
Für jegliche Projekte im World Wide Web ist eine gute Landingpage durch nichts zu ersetzen. Gleichzeitig stellen sich viele die Frage, auf welche Punkte bei der Erstellung genau zu achten ist. Hier in diesem Ratgeber wollen wir die wichtigsten Tipps unter die Lupe nehmen, mit denen sich starke Leads erreichen lassen. So steht einem hohen Traffic für die gesamte Webseite schon bald nichts mehr im Wege.
Was ist eine Landingpage?
Bevor wir näher da... Weiterlesen...
Eine einfache IF-Abfrage ist mit Perl von der Syntax etwas anders als bei anderen Programmiersprachen: Während Javascript und PHP die Syntax "else if" und PHP zusätzlich auch noch "elseif" unterstützen, ist Perl hier etwas eigen: Wer die genaue Syntax nicht kennt, bekommt eine Fehlermeldung: Perl akzeptiert nur genau eine Variante für die fehlerfreie Ausführung der IF Abfrage.
Javascript IF/ELSE Syntax:
if(a == 1) {
...
} else... Weiterlesen...
Transparenter iFrame - Dafür ist er praktisch: Mit einem transparenten iFrame kann man den Inhalt einer anderen Webseite in die aktuelle Seite einbetten. Ein vorhandenes Hintergrundbild der eigentlichen Webseite ist dabei weiter zu sehen: Da der iFrame mit dieser Methode transparent, also ohne Hintergrundfarbe, ist, sieht man die unten liegende Webseite durch.
Hat diese Webseite ein Hintergrundbild (oder andere hinter dem iFrame liegende Elemente), si... Weiterlesen...
UnBounce ist ein praktischer, aber oft wenig flexibler Editor für einfache Webseiten und Landingpages: Damit lassen sich einzelne Seiten mit wenig Aufwand zusammenklicken und anschließend veröffentlichen. Aktiviert man die mobile Ansicht, unterscheidet UnBounce zwischen Desktop-Computern und mobilen Geräten wie einem Smartphone und einem Tablet: Man kann hier für beide Größen auch komplett unterschiedliche Seiten anlegen.
Oft möchte man aber wis... Weiterlesen...
Mit dem CSS Attribut "transition" lassen sich weiche Übergänge und auch CSS Animationen erzeugen: Durch die CSS Transition werden Zwischenwerte zwischen zwei Zuständen berechnet und angezeigt. Mit dem Attribut "visibility" geht das aber nicht: Visibility kann nur "visible" oder "hidden" sein: Es gibt keine Zwischenwerte.
Um trotzdem ein sanftes Ein- und Ausblenden den Elementen per CSS Transition zu ermöglichen, muss man statt dem Attribut "visibili... Weiterlesen...
Um die Listen-Punkte oder Bullet-Points einer <ul> Liste einzufärben, muss man auch die Textfarbe der Liste ändern. Möchte man dies nicht, kann man mit CSS eigene, andersfarbige Listen-Punkte definieren: Mit dem Befehl "li::before" definiert man ein Element, dass vor dem <li> Element angezeigt wird: Dies ist ein Listen-Punkt, dessen Farbe und Größe man per CSS definieren kann.
Damit nicht zwei Bullet-Point Punkte angezeigt werden, muss ... Weiterlesen...
Ein Hintergrundbild muss nicht zwingen ein schönes Foto sein, das tatsächlich im Hintergrund angezeigt wird: Stattdessen lässt sich mit der CSS Eigenschaft "background-image" auch ein Button erstellen: Dies ist zum Beispiel ein klickbares DIV Element, dass statt einem IMG Bild ein Hintergrundbild enthält.
Das muss aber nicht zwingend den ganzen Bereich ausfüllen, sondern kann auch als ein Icon mittig in dem Element platziert werden: Das ist mit ein... Weiterlesen...
Wer Webseiten mit HTML und CSS programmiert, kennt das Problem bestimmt: Wenn man die Größe eines Elements mit "width" und "height" angibt, werden die Werte für den Rahmen "border" und den Innenabstand "padding" noch hinzu addiert. Das kann oft störend sein, wenn man eine feste Breiten- oder Höhen-Vorgabe hat. Wer trotzdem nicht auf padding und border verzichten möchte, kann einen einfachen Trick nutzen.
Box Sizing: Padding und Border von ... Weiterlesen...
iFrames sind praktische kleine Erfindungen in HTML: Damit lassen sich Inhalte von einer anderen Seite auf der aktuellen Seite anzeigen. Das zeigen wir zum Beispiel in diesem Smart Home Artikel: Während auf dem Bildschirm die Übersicht des Smart Home Servers angezeigt wird, sorgen kleine iFrames oben links und rechts dafür, Datum und Uhrzeit anzuzeigen.
<iframe name="zwei" id="zwei" src="zwei.html"></iframe>
Ein iFrame sollte einen Name... Weiterlesen...
Die HTML Tags für Audio- und Video besitzen eigentlich ein Attribut für die Lautstärke: Mit "volume" lässt sich die Lautstärke zwischen 0.1 und 1 festlegen: Dieses Attribut wird aber zur Zeit von keinem Browser unterstützt. Das macht aber nichts: Die Lautstärke von Audio- und Video-Inhalten einer Webseite lässt sich auch per Javascript steuern!
Tipp: So baut man Audio-Elemente und Musik in die Webseite ein!
Dazu greift man direkt auf die ... Weiterlesen...
Statt einem transparenten oder halbtransparentem Hintergrundbild kann man mit CSS auch eine mehr oder weniger stark transparente Hintergrundfarbe mit background-color wählen: Die verdeckt dann ein Hintergrundbild nur leicht: So ist sowohl der Hintergrund als auch Text im Vordergrund noch zu erkennen.
Statt der sonst üblichen RGB-Werte im HEX-Format gibt man diese als RGBA an: Neben den drei RGB-Farbwerten gibt der letzte Wert die Transparenz an. Dies ... Weiterlesen...
SymLinks, auch Soft-Links oder symbolische Links genannt, sind eine praktische Funktion unter Linux: Wie die Verknüpfung unter Windows oder der Alias unter macOS verweisen sie auf eine Datei oder ein Verzeichnis: Das hilft, um nicht gleiche Kopien von Daten an mehreren Stellen zu haben.
Einen Symlink erstellt man ganz einfach: Hierbei ist es egal, ob es sich um einen Link auf eine Datei oder ein Verzeichnis handelt:
ln -s /media/pi/USB/text.txt text... Weiterlesen...
Bei den Dateinamen von Webseiten, bei Bildern oder verlinkten Dokumenten gibt es einige Regeln zu beachten: Da der Webmaster nicht weiß, auf welchem Betriebssystem der Nutzer die Webseite später anschaut, sollte man Sonderzeichen vermeiden.
Das ist auch schon auf dem Webserver wichtig: Dateien mit Umlauten und Sonderzeichen, die unter Windows funktionieren, können auf dem Linux Server Probleme verursachen. Dateinamen lassen sich aber auch für die Such... Weiterlesen...
|
|
» Top Tipps: Diese Tipps sind heute beliebt
Meist gelesene Tipps:
Irfanview auf deutschDas praktische Bildprogramm Irfanview gibt es auch auf deutsch: Dazu lässt si... (101956x gelesen)
© Computerhilfen.de (18217x gelesen)
|
|