if1.net-schulbuch.deEine Seite im Internet selbst erstellen
Dieses Kapitel darf auf keinen Fall als Tutorial zur Etwicklung von Webseiten verstanden werden. Das Ziel ist vielmehr, an einem exemplarischen Beispiel deutlich zu machen, aus welchen Bausteinen eine Internetseite entstehen kann. Dabei werden keine vorgefertigten Bausteine und Tools verwendet, sondern Alles Schritt für Schritt selbst mit Hilfe eines Texteditors entwickelt. Geeignete Texteditoren für diesen Zweck sind Notepad++ (Windows), Brackets (Mac OSX) oder Geany (Linux), die am Ende dieser Seite vorgestellt werden.
Die Schritte des Projekts:
- Eine auf dem Monitor sichtbare Internetseite ist im ersten Schritt strukturiert durch die Seitenbeschreibungssprache HTML (Hypertext Markup Language).
- Durch hinzufügen von CSS (Cascading Style Sheets) werden die Strukturelemente formatiert.
- Die Seitenstruktur wird mit Inhalten gefüllt
- Ein Impressum ist vorgeschrieben und darf nicht fehlen
- Die in der Struktur vorgesehene Seitenleiste wird mit Inhalt gefüllt
- Die in der Struktur vorgesehenen Buttons erhalten eine Funktion.
Das Projekt ist die Entwicklung einer Einladungsseite für eine Geburtstagsfeier, eine Strandparty, ein Wanderevent, eine Radtour, eine Musikveranstaltung oder ein Seminar über ein beliebiges Thema. Genausogut könnte die Idee als Anzeige für den Verkauf eines beliebigen Objektes verwendet werden.
Im erläuternden Text werden der Zweck oder der Grund für die verwendeten HTML- oder CSS-Elemente benannt. Informationen zur Syntax oder weiteren Attributen werden nicht umfassend gegeben. Die den Elemntnamen hinterlegten Links sind mit 
gekennzeichnet und verweisen auf Seiten des SelfHTML-Wiki im Internet.
Dieses Wiki gibt Einführungen zu HTML-, CSS- und JavaScript-Elementen, die in unterschiedlichen Anwendungszusammenhängen erläutert werden. Zu allen Elementen existieren Kurz-Referenzen, die die Syntax und mögliche Parameter zusammenfassen. Darüber hinaus sind ein Glossar und mehrere sehr nützliche Tutorials integriert.
Erleben Sie, wie eine Webseite entsteht. LOS GEHT's 
"Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.
Based on the powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. By optimizing as many routines as possible without losing user friendliness, Notepad++ is trying to reduce the world carbon dioxide emissions. When using less CPU power, the PC can throttle down and reduce power consumption, resulting in a greener environment."
"Ein moderner, quelloffener Code-Editor, der Webdesign versteht.
Mit tollen visuellen Tools und Unterstützung für Präprozessoren ist Brackets ein moderner Editor, der es dir leicht macht, im Browser zu designen. Er wurde von Vornherein für Web- und Frontend-Entwickler entwickelt."
"Geany is a text editor using the GTK+ toolkit with basic features of an integrated development environment. It was developed to provide a small and fast IDE, which has only a few dependencies from other packages. It supports many filetypes and has some nice features."