html | WordPress & Webwork

Der Tag (Schlagwort) "html"

Hier sind alle Beiträge aufgelistet, die mit html verschlagwortet sind.

Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (2)

Von Vladimir am 05. 09. 2011 um 15:05

Nach dem du im ersten Teil dieser Artikelserie die Entwicklungs- und Testumgebung eingerichtet und dich mit ihr vertraut hast, geht es nun darum das erste Kindle-Dokument zu erstellen.

Erstelle eine leere HTML-Datei und füge dort ein Grundgerüst ein:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
  <title>Titel deines E-Books</title>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="author" content="Dein Name" />
</head>
<body>

</body>
</html>

Ich persönlich habe im konkreten Fall mit XHTML 1.0 transitional gearbeitet. Du kannst mit der strict-Variante arbeiten, auf HTML 4 oder 5 ausweichen oder komplett auf den Doctype verzichten. Ich habe mich dennoch für einen Doctype entschieden, man muss sich ja nicht unnötigerweise eine Fehlerquelle verschaffen, auch wenn sie nur hypothetischer Natur sein könnte. (weiterlesen…)

Kommentare (5)

Hinweis:
WordPress 3.3 für Admins & Webmaster (pdf)
Ausdruckbar, Volumenlizenzen zu sehr fairen Preisen.

Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (1)

Von Vladimir am 04. 09. 2011 um 17:26

KindlePreviewer im Einsatz Wie ich es bereits im Artikel Amazon Kindle: unser erstes WordPress-E-Book versprochen habe werde ich hier auf perun.net beschreiben, wie man lediglich mit einem Text- bzw. HTML-Editor Dokumente und E-Books für Amazon Kindle erstellt.

Doch bevor du loslegst musst du ein paar Vorbereitungen treffen und die Entwicklungsumgebung einrichten.

Die Vorbereitung

Um Dokumente und E-Books für Kindle zu erstellen benötigt man keine teure Entwicklungsumgebung … im Grunde genommen muss man kein Cent extra Geld ausgeben, wenn man es nicht möchte.

Folgende Komponenten sind notwendig: (weiterlesen…)

Kommentare (10)

Hinweis:
Kostenloser WordPress-Newsletter
Wöchentl. Newsletter zu WordPress und verwandten Themen

HTML und CSS: Dokus und Referenzen

Von Vladimir am 19. 06. 2011 um 14:54

Welche Werte sind für die CSS-Eigenschaft text-transform erlaubt, welche Pseudo-Klassen und -Elemente gibt es, welche Browser unterstützen display: inline-block; oder wie ging das noch mal mit float und clear? … für die Beantwortung solcher Fragen eignen sich weniger die Blogs als vielmehr Websites, die dem chronologischen Aufbau nicht unterworfen sind.

Hier folgen einige meiner Meinung nach wichtige Dokumentationen und Referenzen zu HTML und CSS. In der Liste finden sich sowohl deutsche, wie auch englischsprachige Projekte. (weiterlesen…)

Kommentare (2)

Hinweis:
WordPress 3.3 für Autoren & Redakteure
Der schnelle und unkomplizierte Einstieg auf 45 DIN-A4-Seiten

WordPress: dynamische meta-Description

Von Vladimir am 05. 04. 2011 um 14:19

Das meta-Element ist ein leeres Element und entfaltet seine "Wirkung" erst in Verbindung mit zwei Attributen: name* und content. Mit dem Wert des Attributs name bestimmt man die "Funktion" des Elements und mit content wird der dazugehörige Inhalt ausgeliefert. Hier ein Beispiel für die Seitenbeschreibung:

<meta name="description" content="Ein tolles Weblog" />

Die Seitenbeschreibung, also die meta-Description nutzen die Suchmaschinen gerne als Beschreibungstext für das jeweilige Suchergebnis. Hier ein Beispiel: (weiterlesen…)

Kommentare (14)

HTML und CSS: lange Wörter in den Griff bekommen

Von Vladimir am 10. 02. 2011 um 15:42

Die deutsche Sprache ist dafür bekannt dass sie einige lange Wörter hat. Hier nur zwei Beispiele:

Unionsfraktionsvizevorsitzender
Donaudampfschiffahrtsgesellschaftskapitän

Es gibt noch längere Beispiele, aber wir wollen hier nicht schon am Anfang das Pulver verschießen. Hat man viel Fläche zur Verfügung, dann machen solche Wörter kein Problem, aber in eingerückten Kommentarbereichen oder Infoboxen kann das schon problematisch werden. Ist das Wort breiter als die Box, dann wird die Breite der Box im Normalfall ignoriert und das Wort ragt raus: (weiterlesen…)

Kommentare (7)

Conditional Comments und die Performance

Von Vladimir am 06. 06. 2010 um 13:49

So wie es ausschaut sind die Conditional Comments (CC) schlecht für die Performance einer Website. Im Artikel Conditional comments block downloads beschreibt der Autor, wie die Conditional Comments den parallelen Download weiterer Komponenten blocken.

Das heißt, der Browser wartet und tut so lange nichts, bis der Teil, der im CC referenziert bzw. eingebaut ist, abgearbeitet wird … so ähnlich wie bei einem Javascript. Das ist auch der Grund warum man die Javascripte nach Möglichkeit im Fußbereich der Website einbinden soll.

Die Lösung des Problems: man verzichtet auf die CC zu Gunsten von CSS-Hacks oder man baut vor den anderen CC einen leeren CC ein.

Kommentare (10)

Gastartikel: Drei Dinge, für die man bereits jetzt mit HTML5 (im jedem Browser) gebrauchen kann

Von Vladimir am 31. 05. 2010 um 11:27

Dieser Gastartikel stammt von dem geschätzten Webwork-Kollegen Peter Kröner. Vielen Dank dafür.

HTML soll im Jahre 2022 fertig sein – das erzählt man sich jedenfalls. Jene die dies verbreiten verzichten meist darauf, "fertig" näher zu definieren. Fakt ist nämlich: Viele Aspekte von HTML5 kann man heute schon verwenden.

Und obwohl HTML5 vor allem darauf ausgerichtet ist, neue komplizierte Javascript-APIs für dynamische Webanwendungen bereitzustellen, ist auch für Otto Normalwebworker einiges an brauchbaren neuen Features an Bord. Drei schöne HTML5-Aspekte, die jeder gebrauchen kann und die ohne zu Tricks, Hacks, und Internet-Explorer-Sonderbehandlungen auskommen, möchte ich kurz vorstellen. (weiterlesen…)

Kommentare (13)

Archiv: «« 1 2 3 »»