Hinweise:

• Durch Austauschen des Arbeitsspeichers geht die Garantie verloren!
• Der EEE PC 701 unterstützt nur DDR2 Ram mit einem Takt von bis zu 400Mhz.
• Man sollte besser nicht die Kontakte berühren, da dies eventuell eine statische Entladung verursachen kann!

So geht’s

Zunächst wird das Netbook vom Netzteil gekappt und anschließend auf die Rückseite gedreht, diese sollte so aussehen:

Die beiden Schrauben lassen sich recht einfach mit einem kleinen Kreuzschraubenzieher entfernen, nun wird die Klappe geöffnet. Hier sieht man den alten Arbeitsspeicher (RAM), die beiden Haken lassen sich am besten umgehen, wenn man sie vorsichtig mit dem Schraubenzieher zur Seite schiebt, danach lässt sich der Arbeitsspeicher ohne Probleme entfernen. Der neue Arbeitsspeicher wird nun einfach in den Schacht eingesetzt und mit dem Haken abgesichert, das Ergebnis könnte z. B. so aussehen:

Nun muss nur noch die Klappe geschlossen werden und die beiden Schrauben an ihre alten Positionen gesetzt werden, danach kann das Netbook einfach eingeschaltet werden. Um zu sehen ob alles geklappt hat sollte man einfach mit der Taste „F2“ in das Bios gehen und sehen ob dort 2048MB, bzw. 1024MB bei 1GB vermerkt ist. Sollte es Probleme geben merkt man das normalerweise am mehrmaligen Piepsen, dann ist entweder der Arbeitsspeicher zu locker oder defekt.

Lesezeichen

Warum war diese Seite solange außer Betrieb?

Ich hatte sehr viele Aufträge zu erledigen und praktisch kaum noch Zeit. Die Freizeit die ich hatte, habe ich verwendet um OpenWolf weiter zu programmieren. Gleichzeitig habe ich auch noch einige neue und interessante Dinge gelernt und werde mich nun wieder stärker mit dieser Website befassen.

Was gibt es neues?

OpenWolf

Zuerst einmal das wichtigeste: OpenWolf hat riesige Fortschritte gemacht. Mittlerweile sind praktisch alle Features nahtlos eingebaut. Multsprachenunterstützung, Themes und das Erstellen neuer Seiten funktioniert wirklich super. Ebenfalls wurde die Installation schon fast fertig gestellt. Das einzige was noch Probleme macht, ist die Pluginfähigkeit. Die OOP Befehle lassen sich ohne Probleme ausführen. Allerdings lassen sich die Plugins im Moment nur vereinzelt einsetzen, was natürlich noch verändert wird. Interessant sollten auch die GUI Funktionen sein, man kann somit für den Admin Bereich mit nur wenigen Befehlen grafische Plugins schreiben.

Anfangs ging ich von einer Release im März aus, dies kann ich leider nicht einhalten. Ich werde aber versuchen, dass der Beta Test etwa Mitte April starten wird.

Neue Kategorien

Es wird nun auch zwei neue Kategorien geben: Einmal Visual Basic .net und noch eine Netbooks Kategorie. Damit ist diese Website nicht mehr komplett auf die Themen Design und Internet beschränkt, sondern auch mit Themen wie Softwareentwicklung und dem Arbeiten mit Hardware aktiv.

Autoren gesucht

Ich suche noch weitere Schreiber welche die selben Interessen haben. Dabei ist es egal wie häufig Artikel geschrieben werden, das ganze kann nach Lust und Laune erfolgen. Wer interessiert ist, schreibt am besten einfach eine E-Mail. Es ist aber zu bedenken, dass diese Arbeit frei ist, sie wird also nicht bezahlt werden!

Vielen Dank für das Interesse und Lesen dieser Meldung!

Lesezeichen

Was ist Pixlr?

Es ist eine Online Anwendung mit der sich Bilder bearbeiten lassen, d. h. man kann direkt im Browser Bilder bearbeiten – also auch jederzeit unterwegs. Das Programm benutzt auch ein eigenes Format mit dem sich die Bilder später weiterbearbeiten lassen.

Welche Features hat Pixlr?

Online Bildbearbeitung? - Pixlr macht´s möglich!

Zunächst einmal ist die Oberfläche wirklich genial – eine Art Mischung aus Photoshop und Gimp Interface, d. h. fast jeder findet sich hier gut zurecht. Außerdem ist das Programm Multisprachenfähig und hat bereits beinahe jede erdenkliche Sprache einprogrammiert. Die Ebenenunterstützung ist ebenfalls genial – Ebenenstile, Ebeneneigenschaften und Ebenenmasken werden vollständig unterstützt. Zudem gibt es sogar Filter oder auch Gradiationskurven.

Meine Meinung:

Genial ist das Programm auf jeden Fall und schön schnell auch. Dennoch ziehe ich normale Programme die nicht online laufen vor.

Lesezeichen

Erste Schritte

1. Eine Datei mit dem Namen “robots.txt” im Stammverzeichnis erstellen.
2. Die Datei öffnen
3. Die nächsten Schritte befolgen

Schauen wir uns doch einmal eine typische “robots.txt” an:

Beispiel 1

# Alle Robots ausschließen
User-agent: *
Disallow: /images/
Disallow: /include/js/
Disallow: /include/css/

Mit User-agent: * wird festgelegt das die folgenden Ordner von allen Robots ausgeschlossen werden sollen.

Der Befehl Disallow: sagt den Robots welche Ordner für sie tabu sind.

Wenn ein # vor einem Text steht, ist der Text ein Kommentar und wird von den Robots schlichtweg ignoriert.

Beispiel 2

# Google hätte hier keine Rechte
User-agent: google
Disallow: /

# Alle anderen Robots haben eingeschränkte Rechte
User-agent: *
Disallow: /images/
Disallow: /include/js/
Disallow: /include/css/

Mit Disallow: / sperrt man die ganze Seite. Gibt man aber Disallow ohne Befehl an ist die ganze Seite freigegeben!

Hier wird das ganze noch einmal in einer Tabelle dargestellt:

Das ist eine ganz klare Aussage mit der sich das oben von selbst klären sollte. Einfach mit User-agent die Robots einbeziehen und mit Disallow ihnen sagen, was sie dürfen und was nicht. Das ist ganz einfach, aber Vorsicht! Neben Disallow gibt es auch den Befehl Allow, diesen beherrschen allerdings nicht alle Robots und deswegen sollten sie nur den Befehl Disallow nehmen. Achten Sie auch darauf das die “robots.txt” immer klein geschrieben wird, sonst gibt es nur unnötige Probleme.

Das war dann auch schon alles, mehr gibt es über die “robots.txt” wirklich nicht zu wissen!

Lesezeichen

Erste Schritte

1. Eine Datei mit dem Namen “sitemap.xml” und UTF-8 Codierung im Stammverzeichnis erstellen.
2. Die Datei öffnen
3. Die nächsten Schritte befolgen

Schauen wir uns erst einmal den Aufbau einer typischen Sitemap an:

Beispiel 1 – Klassische Sitemap

Wer schon ein bisschen HTML Kenntnisse gesammelt hat, sollte mit dem Aufbau des Dokumentes bereits ein wenig vertraut sein. Am Anfang folgt die Deklaration für XML, das ist logisch, denn die Sitemap ist immer eine .xml Datei. Anschließend wird der sogenannte urlset Tag gesetzt, über xmlns= wird angegeben welche Version die Sitemap besitzt. (Aktuell v.0.9) Nun werden die url Tags gesetzt, hier liest die jeweilige Suchmaschine die Informationen aus um die Links und deren Informationen zu sammeln. Hier ist die einzige wichtige Angabe der loc Tag, dieser enthält nämlich den Link. Innerhalb des url Tags können aber auch noch viele optionale Angaben gemacht werden, dazu aber später mehr.

Schauen wir uns unser Grundwissen über die Sitemap doch noch einmal in einer Tabelle an:

Beispiel 2 – Professionelle Sitemap

Hier sind jetzt jede Menge optionaler Begriffe hinzugekommen, diese geben der Suchmaschine genauerer Angaben über die jeweiligen Links und sind nützlich um die Seiten besser von der Wichtigkeit her zu unterteilen.

Die optionalen Angaben in einer Tabelle

XML – Das ist zu beachten

Sonderzeichen richtig formatieren

In XML müssen alle Sonderzeichen in der Unicode Schreibweise geschrieben werden, hier eine Tabelle der wichtigsten Zeichen:

UTF-8 Codierung

Ein XML Dokument muss UTF-8 codiert sein, keine Sorge, das kann man sogar im Windows Editor beim abspeichern einstellen. Hier ein Bild dazu:

So speichern Sie in UTF-8.

Das war alles was es zu den Sitemaps zu wissen gibt, viel Spaß bei der Erstellung einer eigenen Sitemap!

Lesezeichen

Internet Explorer

Der Browser aus dem Hause Microsoft wird in vielerlei Hinsicht kritisiert. Mittlerweile verfügt er aber zum Glück auch über Features, wie sie von anderen Browsern längst vorher unterstützt wurden. Wer möchte, dass die meisten Websites ohne Probleme angezeigt werden, sollte ihn besser meiden. Wichtig bei diesem Browser ist es vorallem immer die neueste Version installiert zu haben. Seit Version 8 ist auch die Windows 7 Integration sehr gut!

Apple Safari

Er ist ein sehr aufgeräumter Browser mit einigen Features, die andere Browser von Haus aus nicht bieten. Der edle Look und eine gute Windows 7 Unterstützung, sowie eine gute Websitedarstellung machen ihn zweiffelslos zu einem guten Browser. Dennoch kommen Benutzer der Windows Version einfach zu kurz. Unter Mac´s ist er aber definitiv ein wichtiger Bestandteil und ein herrvorragender Browser.

Google Chrome

Er ist der derzeit schnellste Browser und bietet ein sehr platzsparendes Design. Die Darstellung von Websites ist ebenfalls sehr gut. Mittlerweile werden auch Plugins unterstützt. Einziger Manko: Google spioniert durch diesen Browser, was nicht sehr toll ist!

Opera

Ein Browser der jahrelang eher ein Geheimtipp war und erst seit einiger Zeit sehr beliebt geworden ist. Er beeinhaltet eine perfekt designte und durchdachte Oberfläche und hat eine perfekte Websitedarstellung, auch die Features sind sehr schön und nützlich. Dieser Browser unterstützt sogar Sprachsteuerung und kann mit dem passenden Addon Texte vorlesen.

Mozilla Firefox

Er ist eigentlich eine gute Mischung aus den oben genannten Browsern. Er ist schnell, stabil, sicher und hat eine gute Darstellung von Websites. Er ist enorm beliebt, was er vorallem seiner Pluginfähigkeit zu verdanken hat. Wem das Design zu langweilig ist, der holt sich einfach ein neues. Wer aus Firefox ein Multifunktionsprogramm machen will, der holt sich einfach die passenden Plugins. Gerade für Entwickler ist Firefox nahezu unverzichtbar.

Lesezeichen

1. Schleifen

Sie sind in vielen Programmiersprachen sehr wichtige Bausteine. Haben Sie z. B. schon Erfahrungen mit der WENN Funktion aus Excel, ist dies ist nichts anderes als eine vereinfachte Schleifenfunktion. Eine Schleifenfunktion ist ein Teil, der immer wieder durchlaufen werden soll, bis die Bedingung erfolgt ist. Klingt zwar kompliziert, aber das ist es wirklich nicht!

Die IF Schleife

Die IF Schleife ist die Standardschleife, wenn hier die Bedingung zutrifft werden neue Befehle ausgeführt, man kann auch mit ELSE und ELSEIF andere Bedingungen durchführen falls die vorherige Bedingung nicht zutraf.

Das Grundkonstrukt:

if (Bedingung WIE Bezeichnung) {

Neue PHP Befehle…

}

Um das ganze noch zu vereinfachen, einmal das obere Beispiel in einem Satz:

Wenn die Bedingung gleich Bezeichnung ist, dann sollen die folgenden PHP Befehle ausgeführt werden.

Erläuterung:

Unter Bedingung könnte eine Variable stehen oder eine Text in Anführungsstrichen. Für WIE gibt es verschiedene Möglichkeiten:

== (Der Text / Die Variable ist gleich Bezeichnung)

<= ( Der Text / Die Variable ist gleich oder ist kleiner als Bezeichnung)

>= ( Der Text / Die Variable ist gleich oder ist größer als Bezeichnung)

< ( Der Text / Die Variable ist kleiner als Bezeichnung)

> ( Der Text / Die Variable ist größer als Bezeichnung)

Die Bezeichnung könnte wieder ein Text oder eine Variable sein.

Noch ein Beispielskript zum Verdeutlichen der IF Schleife:

<?php

$zahl = 5;

if ($zahl == 5) {

echo ‘Die Zahl ist 5.’;

}

else {

echo ‘Die Zahl ist nicht 5!’;

}

?>

In diesem Beispielskript wird überprüft ob die Variable $zahl gleich 5 ist, wenn ja wird ein Text ausgegeben das die Bedingung zutrifft, wenn nein, dann wird ein Text ausgegeben der sagt das die Bedingung nicht zutrifft (ELSE Befehl).

WHILE Schleife

In diesem Fall kann man von der typischen Schleifenfunktin sprechen: Die Befehle werden solange ausgeführt, bis die Bedingung erfüllt ist.

Beispiel:

<?php

$zahl = 0;

while($zahl < 50) {

echo $zahl.‘<br />’;

$zahl++;

}

?>

Hier werden solange Zahlen ausgegeben und hochgezählt, bis die Variable $zahl höher als 50 ist.

Die DO-WHILE Schleife

Diese Schleife ist nichts anderes als die While Schleife, allerdings wird die Schleife mindestens einmal durchlaufen, da die Bedingung hier am Ende steht. Die Schleife sieht so aus:

do {
echo ‘Durchgang Nr. ‘.$zahl.’<br />’;
} while ($zahl < 50);

Die FOR Schleife

Sie enthält bereits am Anfang Anweisungen, womit Befehle in der Schleife evt. unnötig werden können, oder man weniger Text benötigt.

for ($i=0; $i<10; $i++) {

}

Die erste Anweisung wird nur einmal ausgeführt man kann hier z. B. eine Variable definieren. Die zweite Anweisung ist die Bedingung und die Dritte wird jedes mal ausgeführt, solange die Schleife durchläuft. Natürlich werden auch Befehle in den geschweiften Klammern regelmäßig ausgeführt.

2. Formulardaten verarbeiten

Nun kommen wir zu einem Abschnitt der interessantesten und vielfältigsten PHP Funktionen – Formularfunktionen.

Vorbereiten eines Formulares

Erstellen Sie eine HTML Datei mit einem <form> Element, dieses bekommt das Attribut “action” welches auf ein PHP Skript weiterleitet. Zusätzlich benötigen wir noch ein <input> Element des Types “submit” und ein Textfeld mit dem ID und name Attribut “feld”.

Die “POST” Methode

Erstellen Sie eine PHP Datei auf die das HTML Dokument leiten soll. Hier schreiben Sie folgendes kleines Skript:

<?php

$eingabe = $_POST['feld'];

$ergebnis = $eingabe / $eingabe;

echo ‘Die Zahl ‘.$eingabe.‘ ergibt durch sich selbst geteilt ‘.$ergebnis;

?>

Mit diesem simplen Skript kann man eine Zahl in ein Textfeld eingeben und bekommt dann die Quadratzahl, dass funktioniert natürlich nicht wenn man einen Text eingibt, aber das spielt im Moment keine Rolle.

Über den Befehl POST kann man auf jede ID im Formular zugreifen und herausfinden was dort eingegeben wurde, im Grunde lässt sich alleine mit dieser Information bereits einiges anstellen.

Die GET Methode

Sie ist im Grunde nicht sehr viel anders, allerdings werden die Informationen der URL angehängt. GET benötigt man z. B. für dynamische Navigationen. Gut erkennen kann man so etwas z.B. an einer WordPress Installation ohne Permalinks.

Ende von Teil II

Im nächsten Teil werden Sie lernen, wie man ein voll funktionsfähiges Kontaktformular erstellt und wie man mit PHP Dateien verwalten kann.

for ($i=0; $i<10; $i++) {
    // mach was mit $i, wobei $i von 0 bis 9 läuft
}

Lesezeichen

Die Seitenköpfe der letzten Jahre

HTML 4.1 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.1 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.1 Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
        "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5

<!DOCTYPE html>

Was gibt es sonst noch zu beachten?

Grundsätzlich sollte man die “Strict” Variante bevorzugen, da diese mehr nach dem W3C (World Wide Web Consortium) tickt. Ansonsten sollte man natürlich auch immer die neuesten Standards voll unterstützen, ein ausgewechselter Seitenkopf macht da normalerweise nicht viel aus!

Lesezeichen

1. Was sind “browserspezifische Eigenschaften”?

Mit diesen Stylesheets lassen sich Websites noch um nützliche Features erweitern, meistens sind das Features welche die neuesten CSS Eigenschaften imitieren sollen. Allerdings lassen sie sich nur auf den Browser verwenden, welche diese auch aktiv unterstützen.

2. Was hält eigentlich das W3C davon?

Das W3C (World Wide Web Consortium) äußert sich nicht weiter zu diesen Eigenschaften, aber die Validatoren interpretieren diese CSS Eigenschaften nicht, was auch nicht weiter verwunderlich ist.

3. Und was gibt es so für Eigenschaften?

Für Firefox oder Safari werden vor allem die neuesten CSS Eigenschaften in abgewandelter Form unterstützt, wie z. B. abgerrundete Ecken oder Schatten mit Weichzeichner. Opera hingegen lässt z. B. bestimmte Druckerfunktionen besser unter Kontrolle stellen. Wer googelt findet sehr schnell gute Ergebnisse.

4. Persönliche Meinung

Ich finde diese Eigenschaften grundsätzlich “ganz nett”, heutzutage können diese nahezu bedenkenlos eingesetzt werden. Man sollte allerdings nicht übertreiben und Ressourcenfresser wie Schatteneffekte besser ganz weglassen!

Lesezeichen

1. Grundgedanken

Gerade wenn man sich am Anfang wenig Gedanken macht kann man später Probleme haben, besonders die Seitenstruktur ist für Anfänger wichtig. Man muss sich gut zurechtfinden und einfach auf seine Dateien zugreifen können. Eine eventuelle Struktur könnte so aussehen:

[Verzeichnis]

Bilder
Skripte
Sontiges
…

Eine gut durchdachte Struktur ist die Grundvorraussetzung für barrierefreies Arbeiten. Auch wenn man später selbst Webdesigner werden will ist eine gute Struktur sehr wichtig für die Kunden, falls diese einmal selbst etwas ändern möchten.

2. Welche Technologien kommen zum Einsatz?

Das ist ebenfalls eine entscheidende Frage, heutzutage sollte jeder mindestens HTML und CSS verwenden, damit sollten den meisten auch kaum Steine in den Weg gelegt werden, denn die beiden Technologien sind recht einfach zu erlernen und werden auch im Laufe des Tutorials behandelt. Ansonsten gibt es noch PHP für dynamische Websiten oder JavaScript für Effekte und AJAX (Asynchroner Datenaustausch). Was man in welchem Maß verwendet kann jeder für sich entscheiden, Profis sollten aber alles beherrschen. Merke: Mit JavaScript sollte man immer am Sparsamsten umgehen.

3. Die passende Domain

Wenn die ersten Ideen und Grundgedanken entstanden sind, wird es Zeit sich um eine Domain zu kümmern, dabei sollte man folgendes beachten:

• Passt der Name der Domain zum Thema meiner neuen Internetseite?
• Ist der Name einfach zu merken und unkompliziert?
• Passt die Domainendung (z. B. de für Deutschland)

Die Domain bedeutet nicht nur, die Seite wiederzufinden sondern ist ebenso wichtig für Suchmaschinen. Sie sollte sehr weise gewählt werden!

4. Wo sollte ich meine Seite hosten?

Das ist ebenfalls einer der ganz wichtigen Überlegungen, man kann hier jede Menge Geld sparen wenn man sich ein bisschen mehr Zeit bei der Suche nimmt. Es gibt gute Einzelhoster die nur sehr wenig kosten, für größere Projekte empfiehlt sich allerdings auch ein Hoster mit vielen Features, für diese Website wird z.B. Host Europe verwendet. Host Europe ist übrigens eine klare Empfehlung, 1&1 ist für die meisten Privatprojekte viel zu teuer und Strato ist ein bisschen zwischen Host Europe und 1&1.

Man sollte sich am besten auch vorher alles genau durchlesen um das beste Hosting Angebot zu erhalten. Wichtige Fragen sind z. B. “wird PHP unterstützt?” “Stehen Datenbanken zur Verfügung?” und “Was wird im Vergleich zu anderen geboten?”.  Möchte man z..B. WordPress installieren und alles Features nutzen muss der Server sogenannte “HTACCESS” Dateien unterstützen.

5. Den Hoster gefunden – Was jetzt machen?

Nun heißt es, falls noch keine Domain eingerichtet wurde, erst einmal eine zu beantragen. Zudem muss ein sogenannter FTP Account eingerichtet werden. Mit diesem ist es möglich Dateien hochzuladen, damit diese auch online abgerufen werden können. Anschließend benötigt man ein passendes Programm, wer Firefox verwendet sollte das Addon “FireFTP” verwenden, ansonsten gibt es noch Alternativen wie z. B. “Filezilla” oder “WS_FTP“.

Nun sollten alle wichtigen Grundeinstellungen übernommen sein. Ihr verfügt nun über eine gute Domain und einen FTP Account mit dem ihr auch Dateien hochladen könnt. Sehr schön, ihr habt die wichtigsten Anfangsschritte erfolgreich zur Tat umgesetzt.

Teil I Ende

Im nächsten Teil werdet ihr lernen, wie ihr mit HTML und CSS ein Layout entwerft und es mit euren Inhalt füllt.

Lesezeichen