Webdesigner-Blog 

Die neuen Tags von Htlm 5 sind wirklich klasse.

Das weltweite Standardisierungskonsortium W3C gibt auf seiner Seite einen Überblick über die Entwicklung des Html 5 Standards

Hier werden auch die neuen Html 5 Tags aufgeführt, die für uns Webentwickler so wichtig sind. Hier eine kurze Zusammenfassung der wichtigsten Neuerungen:

—————————————————————————

<article> verweist auf einen externen Artikel
<audio> bindet Audioelemente ein z.B. Musik
<canvas> erlaubt mithilfe von z.B. javascript ein Zeichen-/Mal-Bereich
<command> Gibt einen Ausführknopf an, wie z.B. einen Radiobutton, Checkbox oder normalen Knopf
<datalist> Gibt eine Dropdownliste an
<details> Hier kann man weiter Details zu einem bestimmten Dokument oder Teil eines Dokuments eintragen
<embed> Definiert externen interaktiven Content oder Plugin
<header> Gibt eine Einleitung für eine Sektion oder Seite an<hgroup>Gruppiert Überschriften ( H1 bis H6)
<footer> Definiert ein Footer
<keygen> Zeigt einen generierten Schlüssel/Passwort an
<marked> Definiert markierten Text
<meter> Definiert Abmessungen
<nav>Definiert Naviagation-Links
<output> Zeigt Ausgaben an (z.B. Ausgaben eines Skripts
<section> Definiert eine Sektion (z.B. ein Kapitel)
<progress> Zeigt den Fortschritt einer Aufgabe an.
<source> Verweist auf Quellenangaben
<summary> Wird innerhalb des Detail-Tags für einen Zusammenfassung der Detailinformationen verwendet.
<time> definiert Zeit
<video> definiert ein Video z.B. Movie-Clip oder Videostream.

Falls ich mich vertan habe oder etwas fehlt, dann bitte einfach ein Kommentar hinterlassen. Danke.

Falls sich mal jemand wundert, warum Äs, Üs, Ös, ßs usw. als Fragezeichen auf der Webseite dargestellt werden, dann möchte ich ihm hiermit sagen, dass nicht der richtige Zeichensatz eingestellt ist. Entweder nicht im Document (Meta-Tag: Charset) oder nicht im Server (meistens ist dies der Fall, wenn das Meta-Tag: Charset versagt bzw. nicht greift: z.B.:
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″> )

Mann sollte also das Meta Tag einfügen oder den Server anders konfigurieren.
Falls man das nicht möchte, kann man zur Not die Zeichen per Hand umwandeln. Hier die UTF-8 Zeichnentabelle der wichtigsten deutschen Zeichen:

ä:  &auml;
Ä:  &Auml;

Ö:  &Ouml;
ö:  &ouml;

ß:  &szlig;

Ü:  &Uuml;
ü:  &uuml;

“:  &quot;

&:  &amp;

§:  &sect;

©:  &copy;

®:  &reg;

>:  &lt;

<:  &gt;

Mit dem Seekattention-Plugin können Webdesigner und Webmaster teile der Webseite per Knopfdruck hervorheben. Den Effekt kennt man vielleicht vom Lightbox-Effekt, wo auf Knopfdruck ein Bild vergrößert wird und der rest der Webseite ausgeblendet wird.

Mit dem Seekattention-Plugin können Textpassagen, Bilder, Links, Zellen und Eingabefelder hervorgehoben werden.

Einfach Knopf drücken und schon liegt der Focus auf diesen Bereichen der Webseite, wie z.B. auf einem Link.

Mehr über das Plugin (Demos, Download des Javascripts, Instalation etc. ) erfährt Ihr hier

Viele unter uns Seos, Webmastern und Webdesignern haben lange darauf gewartet.
Tests mehrerer SMOZ-Members haben ergeben, dass Google tatsächlich angefangen hat JavaScript zu spidern.

Nachdem bekannt wurde das Flash von Google gespidert werden kann, kommt jetzt die nächste Wahnsinnsnachricht.

Es bleibt abzuwarten, was weitere Test ergeben, damit jeder Webmaster, Seo und Webdesigner wissen kann, was zu beachten ist, damit der Googlebot JavaScript am besten spidert.

Falls jemand JavaScript benutzt, um Google vor dem spidern abzuhalten, könnte jetzt versuchen JS in eine externe Datei zu speichern und per Robot.txt die Indexierung der externen Datei verbieten.

Matt Cutts ist für die meisten Seos der wichtigste Mann, den er ist der Chef, der bei Google Webspam bekämpft.

Hier die wichtigen Seo-Punkte des Interviews:

- Kleinere Firmen, die gerade erst starten sollten sich auf Nischen in dem Markt konzentrieren. Z.B. eine Schuhfirma kann sich auf Schuhe in Übergrößen konzentrieren. Auf dieser Basis kann diese dann später die Seite ausbauen.

- Kleine Webseiten können mit verschiedenen Versionen experimentieren, um zu sehen was besser ankommt.

- Webmaster sollten das Google Webmastertool verwenden um Statistiken auszuwerten, Fehler zu indentifizieren oder einen Antrag auf erneute Prüfung stellen (nachdem man Fehler beseitigt hat, die zur Abstrafung führten)

-  Google bewertet unterschiedliche Länder unterschiedlich. In Deutschland spielt es z.B. eine Rolle das mehrere Worte zusammengesetzt sind, die im Englischen getrennt stehen. Auch die unterschiedliche Rechtschreibung spielt eine Rolle.

- Google achtet verstärkt auf Spamreports
http://www.google.com/contact/spamreport.html

Die andern Passagen des Interviews war eher Smalltalk und nicht so relevant für Seos und professionelle Webdesigner.

Dreamweaver CS4 steht fast in den Startlöchern.  Die Software von Adobe ist der beliebteste Webpageeditor bzw. das populärste Web-Authoring-Tool unserer Zeit. Es ist eigentlich viel mehr als ein WYSIWYG-Web-Editor, den es umfasst viele Multimediaanwendungen. Mit Dreamweaver CS4 kann man Webseiten entwerfen, erstellen und verwalten.  Webdesigner, Programmierer und Anwendungsentwickler lieben Dreamweaver. Kurzum: Die meisten Webdesignagenturen arbeiten mit Dreamweaver.

Dreamweaver CS4 ist im Moment noch Beta, aber die Aussichten auf eine gelungenes Projekt, das bald herauskommt, sehen nicht schlecht aus.

Wichtige Neuerungen im Überblick:

1. Mit “Live View” kann man jetzt das Webdesign unter realen Browser-Bedingungen testen.

2. Man kann jetzt Photoshopfiles (PSD) einbinden, um damit verlustfreies Skalieren zu ermöglichen.

3. Dreamweaver CS4 zeigt externe Codes (CSS, JavaScript, PHP, oder XML),  in einer Topbar, die das Dokument beeinflussen. Fehler können so schneller behoben werden.

4. Das Userinterface erlaubt direkten Zugriff auf Photoshop, Illustrator und Flash.

5. Leichterer Export der Webseiten in gesicherte PDF-Dateien ist jetzt möglich.

6. Das Userinterface kann jetzt noch leichter angepasst werden.

7. Das Layout von Dreamweaver CS4, wurde bezüglich den anderen Softwarelösungen von Adobe, wie z.B. Adobe Photoshop angepasst.

8. Es gibt jetzt einen verbesserter Ajax und Javascriptsupport.

9. Der Umgang mit CSS ist jetzt noch verständlicher.

Fazit: Neuere Versionen von Dreamweaver CS4 haben sich bislang immer gelohnt, auch wenn der Preis nicht immer der Niedrigste ist.

Downlaod der Betaversion von Dreamweaver CS4

Spekulationen zufolge soll die Vollversion (Fertigversion) Dreamweaver CS4 Ende dieses Jahres bzw. Anfang nächsten Jahres herauskommen.