HTML5 – Hilfe und Tipps im Bereich HTML5 – 21 Jahre Autozubehör Versandhandel / EDV-WEB Dienste

E. Mucke Ludwigsburg – Seit 1999 Dienstleistungen für EDV, PC Office, Internet und Webdesigner Dienstleistungen

Infos zu HTML 5

Das World Wide Web Consortium (W3C) hat am 28. Oktober 2014 die fertige HTML5-Spezifikation („W3C Recommendation“) vorgelegt.

HTML5 führt das Konzept eines Browserkontextes ein: in jedem Browserkontext wird ein Dokument geladen bzw. weitere Browserkontexte (im Fall von Frames) erzeugt. Zu den Bestandteilen eines Browserkontextes gehören großteils JavaScript-Objekte, die zuvor keinem Standard angehörten, z. B. das History-Objekt, in dem die Abfolge der besuchten Webseiten gespeichert wird. Dadurch wird versucht, das Verhalten der Browser zu vereinheitlichen und einer gemeinsamen Definition zu unterwerfen.

HTML5 Kompatibilität – Bestehender Inhalt muss weiterhin unterstützt werden. Neue Elemente der Sprache dürfen den bestehenden Inhalt nicht negativ beeinflussen.

HTML5 Verwendbarkeit – Neue Funktionen sollen echte Probleme lösen, und dies vorrangig für Autoren, dann Browserhersteller und zuletzt der „reinen Lehre“ dienend; Funktionen jedoch, die bereits einen bestimmten Zweck erfüllen, sollen nicht neu erfunden werden.

HTML5 Dokument-Objekt (DOM) – in dieser Version wird die Sprache formal nicht mehr als SGML-Dokumententyp definiert, dadurch kommt die Sprache den Erfordernissen der Programmierung stärker entgegen. Es werden zahlreiche neue, an der Praxis orientierte Elemente eingeführt, die es erlauben, Webseiten semantisch ordentlicher zu strukturieren.

Beispiele:

Grundgerüst einer HTML-Seite

Um nun richtig anfangen zu können, beginnen Sie mit einer Textdatei, die Sie mit der Endung .html abspeichern. Sie hat folgenden Inhalt:

Beispiel: für eine sehr einfache HTML-Datei

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Beschreibung der Seite (erscheint in der Titelzeile des Browsers)</title>
  </head>
  <body>
    <p>Dieser Text wird im Browserfenster angezeigt.</p>
  </body>
</html>

Wenn Sie beim Anblick dieser HTML-Datei denken: „Das ist aber schön bunt!“ – und vielleicht sogar ein wenig enttäuscht sind, dass es bei Ihnen nicht so aussieht, keine Sorge! So oder so ähnlich sieht es aus, wenn eine HTML-Datei von einem richtigen HTML-Editor, also einem speziellen Programm zur Anzeige von HTML-Dateien, dargestellt wird. Die einzelnen Bestandteile einer HTML-Datei, die Sie im Laufe dieses Kurses erst noch kennenlernen werden, sind damit zur besseren Unterscheidung farblich gekennzeichnet.

Quelle: SELFHTML

HTML5 – DOM – Ein Browser analysiert ein HTML-Dokument und erstellt daraus im Arbeitsspeicher das Document Object Model, also eine Repräsentation dieses Dokuments, auf die man beispielsweise mit JavaScript zugreifen kann.

Aus diesem Dokument

<!DOCTYPE html>
<html>
  <head>
    <title>Beispiel</title>
  </head>
  <body>
    <h1>Beispiel</h1>
    <p>Das ist ein <a href="demo.html">einfaches</a> Beispiel.</p>
    <!-- dies ist ein Kommentar -->
  </body>
</html>

entsteht dieses DOM:

├─ DOCTYPE: html
└─ html
   ├─ head
   │ ├─ #text: ↵
   │ ├─ title
   │ │  └─ #text: Beispiel
   │ └─ #text: ↵
   ├─ #text: ↵
   └─ body
      ├─ #text: ↵
      ├─ h1
      │  └─ #text: Beispiel
      ├─ #text: ↵
      ├─ p
      │  ├─ #text: Das ist ein
      │  ├─ a href="demo.html"
      │  │  └─ #text: einfaches
      │  └─ #text: Beispiel.
      ├─ #text: ↵
      ├─ #comment: dies ist ein Kommentar
      └─ #text: ↵

Quelle: SELFHTML

egbert mucke wordpress arbeiten fuer firmenhomepage und blog

Auftragsabwicklung:

Es gibt 6 Ausrichtungen unserer Dienstleistungen:

MS Office Anwendungen erstellen von der Datenbank bis zur PowerPoint Präsentation, Excel und Word Makros erstellen.
Open Office Anwendungen von der Datenbank bis zur Präsentation, Base und Calc Makros erstellen.
Grafikdesign / Webdesign Anwendungen für Homepage und Webshop erstellen.
Hilfe beim Aufbau einer Cloud und verschiedenen Sozialen Netzwerke wie Twitter, Google+, XING.
WordPress Beratung und Arbeiten. Alles zum Thema Installation, Blog, Beiträge, WordPress Werkzeuge, Plugins und mehr.
SEO Arbeiten für Homepage und Webshop, Optimierung Ihrer Webseite im Bereich Keywords, Seiteninhalte, Schreibstil und Struktur.

Bei Aufträge, Anwendungen wie Makros, Vorlagen im Office Bereich, einer Access Datenbank, einer Grafik oder Homepage Erstellung, kann diese Auftragsabwicklung in den meisten Fällen ohne Hausbesuch erfolgen. Eine Ausarbeitung per Telefon, Mail, Fax, Brief – Homepage Erstellung können Sie jederzeit über Ihren Browser verfolgen. – Erstellte Office Anwendungen werden per Mail übermittelt oder auf Ihre Cloud hochgeladen.

Preise, Bezahlungen: Alle Arbeiten werden, wenn nicht ein Komplett Angebot vorliegt auf Stundenbasis abgerechnet.

Stundensatz 29,90 Euro incl MwSt
9,90 Euro Anfahrtskosten ab 2 Arbeitsstunden im kompletten Landkreis Ludwigsburg (z.B. Bietigheim, Ditzingen, Kornwestheim, Marbach, Remseck, Sachsenheim, Vaihingen Enz).
12,90 Euro Anfahrtskosten ab 3 Arbeitsstunden im Landkreis Esslingen, Fellbach, Landkreis Heilbronn, Landkreis Böblingen, Lauffen am Neckar, Stuttgart, Landkreis Rems Murr (Waiblingen), Winnenden.