Scripte sind z.b kleine Programme die automatisierte Aufgaben erledigen.

Ein Beispiel für sogenannte Script Sprachen ist PHP (Hypertext Preprocessor). Mit PHP ist es möglich spezielle Internetseiten mit grösseren Funktionen (Programmabläufe) zuerstellen.

Ein weitere Programmiersprache ist Java-Script (die in HTML-Dateien “Markup-Sprache” eingebunden werden kann).

Um z.b mit PHP zu arbeiten benötigt man einen Server(xampp für den Heimbedarf) oder ein günstiges (Webhosting Paket).

Eine gut strukturierte`s Scripte Archiv sowie Community für Anfänger gibt es bei PHP Resource

Open Source, das bedeutet offener Quelltext o.a Code (”Freie Software”) die man lernen, benutzen, verändern und kopieren darf.

In gemeinsamer Arbeit ist es möglich fehler oder Sicherheitslücken schneller zu finden und besser zu beheben.

Weitere wichtige Information gibt es bei wikipedia.org

Eine vielzahl von Open Source Programmen finden man im Webportal SourceForge.net

App`s (in engl. Kurzform für Application`en ,das grammatische Geschlecht ist im Sprachgebrauch variabel) ist im Allgemeinen jede Form von Anwendungsprogrammen.

Interessante sogenannte Mini Web App`s (Webanwendungen) im Widget Stil, die Informationen liefern und nützlich sind wie z.B einen

• Online Wecker (Sinnvoll für Ebay Auktion)
• Online Mehrwertsteuerrechner
• Online Stoppuhr
• Online Würfel
• Chat Abkürzungen
• Online Taschenrechner
• Online Rabattrechner
• Online Zinsrechner
• Bankleitzahlensuche
• Online Color Picker
• Online IP Adresse

findet man auf http://www.miniwebapps.de Die Mini Web App´s sind kostenlos und können direkt vom Browser ausgeführt werden.

Eine grössere Sammlung verschiedener Icons
gibt es auf der Seite von iconfinder.net

Hier kann man gezielt nach Icons Suchen
Bei Icon Finder gibt es eine vielzahl verschiedener Icons sowohl für den privaten Gebrauch als auch für den Kommerziellen Gebrauch dabei ist auf die License zu achten.

Bei Icon Finder gibt es desweiteren eine komplette Galerie Übersicht.

Ein Content-Management-System (kurz auch “CMS”) ist ein Inhaltsverwaltungssystem mit dem es möglich ist, die Inhalte einer Homepage einfacher zu bearbeiten und pflegen. Mit einem CMS kann man verschiedene Inhalte speichern, bearbeiten, sowie einfügen und sortieren.

Integrieren Sie Bilder, einfache Texte, Dokumente, Multimedia Daten und mehr.
Beispiele für serverseitige CMS sind Joomla, Drupal, TYPO3, Typolight, OpenCms usw.

Eine vielzahl weitere CMS Systeme gibt es bei http://php.opensourcecms.com

CMS Systeme

Joomla

Joomla ist ein CMS was für kleine und mittlere Internetauftritte völlig ausreicht.
Es ist ein freies CMS, das aus dem Open-Source-Projekt Mambo hervorgegangen ist.
Joomla bietet neben einen übersichtlichen Administrationsbereich viele Module sowie Templates die für Anfänger recht übersichtlich und einleuchtend sind.
Desweiteren lässt sich Joomla leicht installieren und bedienen.
Der Funktionsumfang lässt sich über Module erweitern.
Es verfügt über eine strikte Trennung von Layout/Design auf der einen Seite und Content/Inhalte auf der anderen.

Joomla Portale

1. http://www.joomla.org
2. http://www.joomla.de
3. http://www.joomla-grundlagen.de
4. http://www.joomla-downloads.de

Joomla Forum / Tutorials / Sicherheit

1. http://forum.joomla.org
2. http://www.joomlaportal.de
3. http://www.joomla-tutorials.de
4. http://www.joomlaportal.de/sicherheit.html

Erweiterungen / Templates / Demos

1. http://extensions.joomla.org
2. http://www.joomla24.com
3. http://www.joomlaos.de
4. Beispiel template 1.0
5. http://www.joomla-erweiterungen.de
6. http://www.joomla-downloads.de/
7. http://www.joomla24.com
8. http://www.joomlademo.de

Anleitungen / Bücher

1. http://www.joomla-downloads.de/anleitungen/installation
2. http://www.joomlabook.org
3. http://www.joomlabook.org

WordPress

Weitverbreitet und sehr beliebt bei Bloggern ist die Open Source Software WordPress.
WordPress begann als reines Blog Script und kann als CMS genutzt werden.
Durch die einfache Installation von WordPress werden “statische” Seiten interaktiv
und sind von jedem Arbeitsplatz mit Internetanschluß aus leicht zupflegen.
Wordpress ist wohl eins der bekanntesten Blog Scripte es basiert auf der Skriptsprache
PHP und benötigt eine MySQL-Datenbank. WordPress wird auch hier verwendet.

Wordpress Portale

1. http://wordpress.de
2. http://wordpress.org
3. http://wordpress.org/about/features
4. http://www.wordpress-deutschland.org

Wordpress Forum / Tutorials / Sicherheit

1. http://forum.wordpress-deutschland.org
2. http://www.wp-plugin-archive.de
3. http://www.wordpress-tutorials.de
4. http://www.wordpresstutorials.com
5. BlogsOptimieren
6. http://faq.wordpress-deutschland.org/wordpress-sicherer-machen

Erweiterungen / Templates / Demos

1. http://dev.wp-themes.org/browser
2. http://wpthemes.info/
3. http://www.templatesbrowser.com
4. Wordpress Plugins
5.http://www.cmscentral.de

Anleitungen / Bücher

1. www.wordpress-kurzanleitung.de
2. wordpress-anleitung.de
3. http://blogs-optimieren.de/wordpress-buch.php

Drupal

Ein weiteres grösseres CMS System ist Drupal.
Drupal wird häufiger bei User Plattformen (Social Software) verwendet dabei können mehrere
Personen miteinander kommunizieren und arbeiten. Drupal eignet sich für WEB 2.0 Anwendungen
auch hier werden Plugins, Module und Themes weiterentwickelt.

Drupal Portale

1. http://www.drupalcenter.de
2. http://drupal.org
3. http://drupalcamp.de

Drupal Forum / Tutorials / Sicherheit

1. www.drupalcenter.de/forum
2. www.drupal.org/forum
3. http://dtutorials.com/
4. www.drupalcenter.de/

Erweiterungen / Templates / Demos

1. http://drupal.org
2. http://drupal2u.com/
3. http://drupal.org/project/Themes
4. http://www.drupal.de/drupal-templates
5. http://demodrupal.com/
6. http://demo.opensourcecms.com/drupal
7. http://www.drupal.script-demo.net/

Anleitungen / Bücher

1. http://www.drupalcenter.de/handbuch
2. http://www.drupalcenter.de

Eine Homepage (engl. Heimseite) ist eine Seite im Internet, sie besteht aus verschiedenen Inhalten wie Texte, Grafiken, Animationen, Musik usw.

Die dazugehörige Seitenbeschreibungssprache im Internet (WWW) heißt HTML (Hyper Text Markup Language).
Die Sprache beschreibt den Aufbau eines Dokuments mit z.b Absätzen , Überschriften , Auszeichnungen, Links , z.B fett oder kursiv.

Zum erstellen eines Html- Dokuments benötigt man einen Editor (texteditor, notepad).

Seitenaufbau

Schritt 3

Als nächstes überlegen wir uns erstmal was für eine Seitennavigation wir erstellen wollen. Möchte ich eine vertikale oder eine horizontale Navigation erstellen.

Wie möchte ich meine Seite aufbauen mit Tabellen, Stylesheets, oder Frames?

Beispiele für eine Seitennavigation:

Beispiel 1Tabellen
Download ()

Beispiel 2Stylesheets
Download ()

Beispiel 3Frames
Download ()

Eine Homepage (engl. Heimseite) ist eine Seite im Internet, sie besteht aus verschiedenen Inhalten wie Texte, Grafiken, Animationen, Musik usw.

Die dazugehörige Seitenbeschreibungssprache im Internet (WWW) heißt HTML (Hyper Text Markup Language).
Die Sprache beschreibt den Aufbau eines Dokuments mit z.b Absätzen , Überschriften , Auszeichnungen, Links , z.B fett oder kursiv.

Zum erstellen eines Html- Dokuments benötigt man einen Editor (texteditor, notepad).

Aufbau und Struktur einer Homepage

Schritt 1

Als erstes sollte man wissen welches Konzept (Thematik) präsentiert werden soll, welche Navigation, Inhalte, Texte, Bilder usw.

Bei einem Friseursalon z.B wäre es sinnvoll einen Kamm oder eine Schere in einer auffälliger Position als Element zu integrieren.

Beispiel 1

Beispiel 2

Beispiel 3

Grundgerüst

Schritt 2

Wie fange ich an? Öffnen Sie ein beliebigen Editor. Gleich zu beginn einer Html- Datei sollte ein Dokumenttyp Deklaration DTD stehen (Html Sprachstandard).

Beispiel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Weitere Dokumenttyp Deklarationen und deren ausführliche Beschreibung finden sie auf www.selfhtml.de

Nachdem wir den Dokumenttyp ausgewählt haben kommt der einleitende Tag
gefolgt vom Head Bereich (Kopf) head dem Titel der Homepage (Titel) title und einem Body (Körper) body.
Beachten Sie das die einzelnen Tags auch wieder geschlossen werden.

Ein Anfangstag hat nur die spitzen Klammern: < >

Ein Endtag hat noch einen Schrägstrich: </ >

Hierzu nochmal ein kurzes Beispiel mit Bedeutung der Haupt Tags „“

<html> steht am Anfang jeder HTML-Datei
</html> steht am Ende jeder HTML-Datei
<head></head> der Kopf einer jeden Webseite
zwischen <title> und </title> schreibt man den Titel
der Seite
<body></body> hierzwischen kommt der Hauptteil der Homepage

Damit Ihre Homepage in diversen Suchmaschinen angezeigt werden kann, fügen wir noch sogenannte Meta-Tag Angaben hinzu.
Meta-Tags sind Informationen über einer Seite.

Beispiel der wichtigsten Angaben

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>Zeichensatz der Seite
<meta name=”description” content=”Beschreibung Ihrer Seite“>
<meta name=”keywords” content=”Inhalt der Seite in Stichworten“>
<meta name=”language” content=”de”> Sprache der Seite
<meta name=”robots” content=”index, follow”> Seite indizieren

INDEX=aktuelle Seite soll aufgenommen werden
FOLLOW=Links auf der Seite mitverfolgen und durchsuchen
ALL = INDEX und FOLLOW
NOINDEX =aktuelle Seite soll nicht aufgenommen werden
NOFOLLOW=Links auf der Seite werden nicht weiterverfolgt
NONE=keine Seite wird in den Index aufgenommen ( NOINDEX+ NOFOLLOW )

Damit wäre das Grundgerüst einer Seite fertig.
Nun soll die erste Textausgabe im Browser angezeigt werden.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Unsere erste Homepage</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<meta name=”description” content=”Beschreibung“>
<meta name=”keywords” content=”stichwort1, stichwort2“>
<meta name=”language” content=”de”>
<meta name=”robots” content=”index, follow”>
</head>
<body>
Erste Textausgabe
</body>
</html>

Weiter zu Schritt 3

Bald gehts los mit dem Bloggen.  Hier werden in Zukunft vor allem Themen Rund um die Homepage, Webdesign, Web, Grafik, Wissenswertes behandelt .  Ich wünsche allen Besuchern viel Spass auf dieser Seite.