Facebook Twitter Gplus RSS

Das Grundlagen Tutorial: HTML

Ausgestellt am 6. Mai 2012

Im Folgenden werden die Grundlagen von HTML erklärt. Dies ist Teil einer Serie die Grundlagen von verschiedenen Auszeichnungssprachen und Programmiersprachen vermittelt. Bitte beachten Sie, dass das Tutorial über mehreren Seiten geht. Am Ende jeder Tutorial Seite finden Sie die Links zu den weiteren Seiten des Tutorials.

Was ist HTML?

HTML ist die Abkürzung für Hypertext Markup Language. Anders als sehr oft behauptet ist HTML keine Programmiersprache, sondern eine Auszeichnungssprache. HTML bildet die Basis von Webseiten. So wie alle Auszeichnungssprachen kann HTML nur Informationen darstellen, jedoch nicht berechnen, verändern, speichern usw. Die Webbrowser lesen den HTML Code ein und erfahren so, wie eine Webseite aussehen soll.

 

HTML 5 - Die Zukunft des Webs

HTML 5 - Die Zukunft des Webs (Bild: W3C)

 

Was braucht es für die Entwicklung mit HTML?

Für die Entwicklung von HTML genügt bereits ein einfacher Texteditor. Zur Übersichtlichkeit ist aber, auch für reines HTML, ein Editor mit Syntaxhighlighting ratsam.
Die einzelne Bestandteile von HTML werden durch das Syntaxhighlighting verschiedenfarbig hervorgehoben. Das hilft den Code schneller aufzunehmen und zu verstehen. Ein empfehlenswerter Editor ist Notepad++. Reiner HTML Code wird in .html Dateien, teilweise auch in .htm Dateien gespeichert. Für das Testen des Codes ist jeder Browser geeignet, öffnen Sie dafür ihre .html oder .htm Datei einfach in einen Browser. Außerdem sollten Sie etwas Geduld mitbringen und nicht erwarten, dass Sie gleich eine perfekte Website erstellen. Read more…

 
Pages: 1 2 3 4

Der große Browser Benchmark Test

Ausgestellt am 13. März 2012

Sobald es von Browser neue Testversionen gibt, werden sie meistens sofort ausgeführt, um einen Vergleich aufstellen zu können: Die Rede ist von Browser Benchmarks.

Was sind Browser Benchmarks?

Benchmarks sind Tests, die die Leistung der Browser in der Unterstützung von Webstandards sowie der Rendering-Schnelligkeit testen. Es gibt auch Benchmarks, bei denen beides, also die Schnelligkeit und die Seitendarstellung, getestet werden.

 

Welche Benchmarks gibt es?

Bei unseren Tests haben wir die bekanntesten Benchmarks berücksichtigt. Der SunSpider Benchmark testet ausschließlich die Geschwindigkeit beim Ausführen von reinem Javascript. Mozilla’s Kraken Benchmark und Google’s V8 testen ebenfalls das Tempo beim Abarbeiten von Javascript. Während Acid3 und HTML5test.com ausschließlich die Unterstützung der Webstandards (bzw. den zukünftigen) überprüfen, testet Peacekeeper als einziger Benchmark in unseren Test beides.

Read more…

 

Vorschau auf den Firefox 11

Ausgestellt am 16. Februar 2012

Seit Mozilla auf den sogenannten Rapid-Release-Zyklus umgestellt hat, erscheint alle sechs Wochen ein neuer Firefox Release. Die nächste anstehende Version trägt inzwischen die Nummer 11.

Unter anderen kommen neue Funktionen für Entwickler hinzu, die die Arbeit erleichtern sollen.

 

 

Der Page Inspector stellt Websiten in 3D dar. Dabei kann man die Verschachtlungen von den Webinhalten betrachten sowie Elemente, die außerhalb des sichtbaren Bereiches sind, sehen. So wird zum Beispiel eine Tabelle innerhalb eines div’s “höher” angezeigt.

Die zweite neue Funktion ist der Style Editor, mit dem man CSS-Dateien direkt in Firefox bearbeiten kann und gleichzeitig werden die Änderungen in Echtzeit angezeigt. So kann man sofort erkennen, wie sich Bearbeitungen auswirken, anstatt in einen externen Editor die Dateien zu bearbeiten, speichern (evtl. noch auf einer Webspace hochladen) und die gesamte Website in Firefox zu aktualisieren.

Eine technische Neuerung ist die Unterstützung von SPDY (gesprochen “Speedy”). SPDY wurde von Google entwickelt und soll wesentlich schneller als HTTP sein. Gleichzeitig unterstützt es SSL für eine verschlüsselte Übertragung und der Umstieg auf diesen Protokoll soll ganz einfach möglich sein. Das http:// Präfix soll dabei übrigens bestehen bleiben. SPDY ist Teil von Google’s Strategie das Internet schneller zu machen. Im Moment gibt es noch Fehler in der Umsetzung für Firefox weshalb es noch unklar ist ob die Implementierung rechzeitig bis zum Release von FF 11 fertig wird.

Firefox 11 wird nach der offiziellen Roadmap am 23. März veröffentlicht. Erfahrungsgemäß lässt sich die fertige Version aber auch schon 1-2 Tage zuvor downloaden.

 

HTML5 Game: Cut the Rope

Ausgestellt am 12. Februar 2012

Cup the Rope ist ein Spiel aus dem Hause ZeptoLab bei dem es darum geht ein kleines grünes Wesen namens “Om Nom” mit Süßigkeiten zu füttern. Dabei hängen die Süßigkeiten an Seilen, die man so durchtrennen muss, dass die Süßigkeiten genau zu den Wesen fallen, damit es diese fressen kann. Das Spiel ist erhältlich für iOS und Android.

Cut the Rope

Cut the Rope (Quelle: http://cuttherope.ie)

Da es so natürlich noch zu leicht wäre, gibt es einige Hindernisse, wie zum Beispiel die Zacken (siehe oben) an denen das Bonbon zerbricht, wenn es diese berührt. Umso mehr Sterne man mit dem Bonbon unterwegs mitnimmt, umso glücklicher wird das kleine Monster. Dem entsprechend gibt es auch mehr Punkte für das Level.

Die iOS Ausgabe des Spieles kostet im App Store 0,79€ und die Android Ausgabe 0,68€. Seit neustens gibt es auch eine kostenlose Online-Version, die man direkt im Browser spielen kann. Ganz ohne Hintergedanke haben dies die Entwickler aber nicht kostenlos bereitgestellt. Unter cuttherope.ie ist die Browserausgabe erreichbar.

Anhand der URL-Adresse kann man sich es schon ableiten: Das Ganze ist Werbung für den Internet Explorer 9. Es gibt aktuell drei “Boxen” mit jeweils 9 Level. Die ersten zwei Boxen lassen sich mit jedem HTML5 fähigen Browser spielen. Die dritte Box hingegen lässt sich nur mit dem Internet Explorer 9 spielen und das auch nur, wenn man die Website an der Taskleiste angepinnt hat.

Es soll also eine Werbung sein die zeigt, was mit dem Internet Explorer 9 alles möglich ist. Mit anderen Browser geht es natürlich auch, aber das ist ein “unwichtiges Nebendetail”. Trotz allem ist es eine Werbung, die Spaß macht.

 
© Go DEV - Lizenz soweit nicht anders vermerkt: CC BY-SA 3.0
credit