html-lernen.de

SQLite ist eine Bibliothek, die Datenbanken erzeugt und steuert. Die Daten werden in einer Datei abgespeichert und können somit einfach zwischen verschiedenen Computern, Systemen kopiert werden. SQLite ist sehr variabel und kann auf mobilen Geräten mit wenig RAM Speichern genauso genutzt werden wie auf großen Servern.

Vorteile von SQLite

• SQL Datenbank mit
• Tabellen
• Views (Ansichten)
• Index
• Trigger
• Datenbank speichert Informationen in eine Datei
• Die Datenbank Datei kann zwischen 32 Bit und 64 Bit Systemen kopiert werden
• Die Datenbank funktioniert bei Big-Endian und Little-Endian Systemumgebungen
• Die SQLite Bibliothek ist bei voller Funktionalität ca. 300 KB klein
• Kann in Handys, MP3 Player und anderen mobilen Geräten genutzt werden
• Wird durch eine große Entwicklergemeinde unterstützt

Fazit für SQLite:
Die Open Source Datenbank SQLite ist die meistgenutzte Datenbank. Für das W3C und die Whatwg dient SQLite als Referenz für die Web SQL Database. Dies wird von Google und weiteren großen Unternehmen unterstützt, um für mobile Anwendungen eine gemeinsame, kompatible Plattform zu haben.

SelfHTML ist ein häufig genutztes Nachschlagewerk für die Webseiten Erstellung. Seit längerem werden die SelfHTML Webseiten nicht mehr gepflegt. Als Nachfolger hat das SelfHTML Team ein Wiki gewählt. Das SelfHTML Wiki ist unter der Adresse

http://wiki.selfhtml.org/wiki/Startseite

erreichbar.

Der HTML Editor Adobe Dreamweaver wird gerne für Webdesign verwendet, weil das Programm die Webseite beim Bearbeiten so darstellt, wie sie später im Browser aussieht.

Aptana Studio hat seine Stärke bei der Entwicklung von Web 2.0 Anwendungen. Aptana basiert auf dem Open Source Editor Eclipse und unterstützt PHP, CSS, Javascript, Java, Phython und HTML. Es werden die Entwicklungsumgebungen mobiler Geräte von Apple und Nokia unterstützt.

Dreamweaver und Aptana Studio gemeinsam nutzen

Aus diesem Grund werden oft beide Programme verwendet. Seit kurzem gibt es in Aptana die Möglichkeit den Dreamweaver aufzurufen. Damit kann der Dreamweaver zur Erstellung der Webseite und von Formularen für Web2.0 Anwendungen verwendet werden.

Das Aptana Studio übernimmt die Einbindung von Datenbanken. Durch die gute Unterstützung von PHP- und Javascript, inklusvive eines Debuggers, können professionelle Webseiten erstellt werden. Aptana bietet zusätzlich Unterstützung von Cloud-Technologie und mit Jaxer wird der einzige Webserver mit serverseitiger Javascript Unterstützung angeboten.

William Edwards Deming lebte von 1900 bis 1993 und wird von Experten als Vater der Qualitätsbewegung angesehen. Er entwickelte die prozessorientierte Sicht bei Vorgängen im Sinne der Qualitätssicherung von Unternehmen. Deming geht davon aus, das jeder Mitarbeiter mit Qualität zu tun hat.

Die Demingsche Reaktionsspirale

Reaktionskette nach Deming

Die Reaktionskette lässt sich wie die PDCA Methode bei Internet Präsentationen anwenden.Dazu gehört eine Analyse der Webseite und des Betriebs der Webseite.

Allgemein

• Wie stehen sie im Verhältnis zu anderen Wettbewerbern?
• Welche Ressourcen können Sie einsetzen?

Analyse der Webseite

• Welche Anforderungen haben Ihre Kunden?
  • Was entspricht bei den Webseiten nicht den Anforderungen?
  • Erstellen Sie Liste der nicht erfüllten Anforderungen
  • Sortieren Sie die Liste nach Wichtigkeit und Umsetzbarkeit
• Welche Technologie wird verwendet?
  • Ist die Technologie zeitgemäß?
• Welche Ressourcen sind dazu notwendig?

Analyse des Entwicklungsprozess

• Wie sind die Prozesse?
• Wo gibt es wieviel Verbesserungspotential bei den Abläufen?
• Wie gliedern sich die Kosten?

Dies ist eine Auswahl von Fragen von vielen weiteren, die während des Verbesserungsprozesses auftauchen werden.

Joomla bietet durch flexible Erweiterungsmöglichkeiten durch Module. Eines davon ist das Wetter Modul. Damit kann die Wetterinformation von http://www.wetter.com auf das Joomla CMS gebracht werden.

Nach der Installation kann in dem Parameterformular die Postleitzahl eingegeben werden. Bei dem Typ der Orts-ID bitte “DEPLZ” eingeben. Es stehen 5 verschiedene Designs zur Auswahl.

Bei der Erstellung von Webseiten wird durch die Style Guides das Webdesign festgelegt. Die festgelegten Regeln werden dann mit HTL und Cascading Style Sheets ( CSS ) umgesetzt. An verschiedenen Stellen muss eine Definition von Farben angegeben werden, wie zum Beispiel bei der Hintergrundfarbe einer Webseite.

Webseite mit definierter Hintergrundfarbe in HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hintergrundfarbe einstellen mit HTML</title>
</head>

 <body background="#ccccff">

 Der Berufene hat kein eigenes Herz.
 Er macht das Herz der Leute zu seinem Herzen.
 Zu den Guten bin ich gut,
 zu den Nichtguten bin ich auch gut;
 denn das Leben ist die Güte.
 Zu den Treuen bin ich treu,
 zu den Untreuen bin ich auch treu;
 denn das Leben ist die Treue.
 Der Berufene lebt in der Welt ganz still
 und macht sein Herz für die Welt weit.
 Die Leute alle blicken und horchen nach ihm.
 Und der Berufene nimmt sie alle an als seine Kinder.

Laotse
</body>
</html>

Mit dem Attribut background wird die Farbe eingestellt. Bei Webseiten wird die additive Farbmischung angewendet. Daher werden die Farben der Webseite aus den Grundfarben Rot, Grün und Blau zusammengesetzt und RGB Farbmischung genannt.

Da Computer Digital funktionieren gibt es keine stufenlose Farbmischung, sondern pro Grundfarbe 256 Farbstufen. Somit stehen bei drei Grundfarben ca. 16,7 Mio. Farben zur Verfügung.

Wenn alle drei Grundfarbe den Wert 0 haben, dann hat die Webseite einen schwarzen Hintergrund. Rot, Grün und Blau haben die volle Farbintensität bei 255. Somit wird bei dieser Einstellung der drei Grundfarben ein weisser Hintergrund angezeigt.

Farbwahl mit dem Hexadezimalsystem

Computer können nicht gut mit unserem Dezimalsystem arbeiten. Daher wird das Hexadezimalsystem verwendet.

Dezimal

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

Hexadezimal

0

1

2

3

4

5

6

7

8

9

A

B

C

D

E

F

Wir benutzen im Hexadezimalsystem 2 Stellen um die 256 Stufen pro Grundfarbe einstellen zu können.

Farbe

Rot

Grün

Blau

Attribut "background"

69

ff

69

#69ff69

00

00

cc

#0000cc

ff

66

66

#ff6666

Hier ein Beispiel mit dem kompletten Tag <body background=”#ff6666″>…</body>

Der Farbauswahl wird immer das Nummernzeichen # vorangestellt. Damit wird die hexadezimale Angabe der Farbwerte gekennzeichnet.

Webseite mit definierter Hintergrundfarbe in HTML und CSS

Heute werden Cascading Style Sheets ( CSS ) zur Trennung von Inhalt und Design genutzt. Dann sieht der Quellcode folgendermassen aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hintergrundfarbe einstellen mit HTML und CSS</title>

<!-- Farbeinstellung mit CSS -->
<style type="text/css">
 body { background-color:#ccccff; }
 </style>

</head>

 <body>

 Der Sinn erzeugt.
 Das Leben nährt.
 Die Umgebung gestaltet.
 Die Einflüsse vollenden.
 Darum ehren alle Wesen den Sinn
 und schätzen das Leben.
 Der Sinn wird geehrt,
 das Leben wird geschätzt
 ohne äußere Ernennung, ganz von selbst.

Also: der Sinn erzeugt, das Leben nährt,
 läßt wachsen, pflegt,
 vollendet, hält,
 bedeckt und schirmt.

Laotse

 </body>
</html>

Dies ist eine von drei Möglichkeiten, die CSS bietet.

Reine Webfarben

Wenn Gif Grafiken auf farbige Hintergründe gesetzt werden, dann gibt es je nach Browser Version einen Farbsaum wenn die  gleiche Farbe in der Grafik verwendet wird. Dann sieht das Design unprofessionell aus!

Dies kann durch die Nutzung von sogenannten reinen Webfarben vermieden werden. Reine Webfarben sind alle Farben deren Hexadezimal Wert pro Stelle durch 3 teilbar ist. Bei beidenDiese Zahlen haben in der Tabelle oben einen hellblauen Hintergrund. Zudem muss bei beiden Stellen des Farbwerts die gleiche Zahl stehen.

Beispiel:

1. Grundfarbe Rot
2. Auswahl von “3″ aus der Tabelle.
3. Ergänzung auf zwei Stellen = “33″
4. Grundfarbe Grün
5. Auswahl von “c” aus der Tabelle
6. Ergänzung auf zwei Stellen = “cc”
7. Grundfarbe Blau
8. Auswahl von “f” aus der Tabelle
9. Ergänzung auf zwei Stellen = “ff”
10. Zusammensetzen der Farbe R+G+B = “#33ccff”

Die Ursache für dieses Phänomen ist die Tatsache, dass jedes Betriebssystem 40 Farben für eigene Zwecke nutzt. Somit bleiben 216 Farben bei 8 Bit Grafiken übrig. Teilt man nach dem obigen Schema die Hexadezimal Zahlen dann werden 216 Farben ausgewählt.

Farbtabelle der 216 reinen Webfarben

Nach 14 Jahren Erfahrung bei der Prüfung von HTML, Cascading Style Sheets (CSS) gibt es nun den Nachfolger W3C Unicorn. Der neue Dienst kann nicht nur HTML und CSS prüfen, sondern prüft auch Webseiten für mobile Geräte und RSS-Feeds.

Damit richtet sich W3C Unicorn  an

• Server Administratoren, die einen eigenen Unicorn Service aufbauen wollen
• Entwickler, die die neuen Services nutzen oder weiter entwickeln wollen
• Nutzer, die Ihre Webseiten prüfen wollen

Die Unicorn Benutzeroberfläche steht in 20 Sprachen zur Verfügung.

Ein hilfreiches Modul für das CMS Joomla 1.5 ist Google Maps.  Mit diesem Modul können Sie Ihren Standort anzeigen lassen. Zudem können Kategorien mit Markern angelegt werden. Registrierte Benutzer können Ihren Standort mit Hilfe von PLZ, Ort und Land eintragen und anzeigen lassen.

Nach dem Download  des Moduls Google Maps entpacken Sie zuerst die Datei.

Inhalt der gepackten Datei Google Maps für CMS Joomla

• die Basis Komponente für Google Maps
• ein Sidebar-Modul
• ein MiniMap Modul
• ein Yahoo-Search Modul
• ein Geocoder-Plugin für die Community

Informationen zur Installation finden Sie im help Ordner der Komponente. Zu Nutzung der Google ist eine Anmeldung bei Google Maps erforderlich.

Nach der Installation in Joomla