easycredit von der TeamBank


Sedo - Domains kaufen und verkaufen das Projekt compiclub.de steht zum Verkauf Besucherstatistiken von compiclub.de etracker Web-Controlling statt Logfile-Analyse

Legen wir los!

Ordnung ist das halbe Leben

Das fertige Projekt wird später aus einer Vielzahl von Dateien bestehen. Und diese fühlen sich am wohlsten, wenn man sie in Ordner packt.

Erstellt mit einem Rechte-Maus-Klick einen "Neuen Ordner" auf Eurem Desktop und benennt ihn "projekt"
Im Ordner "projekt" erstellt bitte die Ordner
"includes"(dazu später mehr, im PHP-Teil),
"img" (der ist für Bilder, engl=images) und
"css" (der ist für die CSS-Dateien, logisch).
Jetzt geht Ihr in den Ordner "css" und erstellt dort den Ordner "cssimg"
(Bilder, die wir nur für das Design der Seite benötigen).

Hier noch ein Bild um die Struktur zu verdeutlichen:


hier seht Ihr die Ordnerstruktur, wie sie auch bei Euch sein sollte


Damit später alle Verweise und Bezüge stimmen, muss Eure Ordnerstruktur genauso aussehen.

Aufgepasst!Achtet bitte unbedingt darauf, dass Ihr bei der Vergabe von Ordner- und Dateinamen keine Umlaute, Sonderzeichen, oder Großbuchstaben verwendet. Das erspart uns später viele Stunden der Fehlersuche. Idealerweise vergebt Ihr kurze, einprägsame Namen, die auch etwas über den Inhalt der Datei / des Ordners verraten. Gewöhnt es Euch am besten direkt von Anfang an an.

Die erste Seite...

Begebt Euch nun in unser "Stammverzeichnis", also den Ordner "projekt". Klickt mit der rechten Maustaste ins Leere und dann anschließens auf "Neu" und "Textdokument". Vergebt diesem neuen Dokument den Namen "index.html" Warum es so wichtig ist, dass siese unsere erste Datei index heisst und nicht etwa "neu" oder "juhu" werde ich Euch später noch erklären.

Nachdem Ihr die Datei umbenannt habt dürfte sich das Symbol der Datei geändert haben in das Internet-Explorer-Logo, falls Ihr diesen Browser als Standard definiert habt. Wenn das nicht so ist, schlage ich vor, dass Ihr das nachholt, damit wir alle mit den selben Programmen arbeiten.


das "Icon" der Datei hat sich nach der Umbenennung geändert in ein Internet-Explorer-Logo

Dies ist der Inhalt des Ordners "projekt".

Jetzt doppelklickt die gerade neu erschaffene "index.html". Durch die Endung ".html" erkennt der Internet-Explorer, dass es sich hierbei um eine Web-Datei handelt und öffnet diese. Was Ihr nun seht ist eine vollkommen leere Webseite mit weißem Hintergrund.

Fügt diese gerade aufgerufene Seite zu Euren Favoriten hinzu, damit Ihr sie schnell wieder aufrufen könnt um die Zwischenergenisse zu betrachten. Oben links inder Ecke des Internet-Explorers Findet Ihr ein Stern-Symbol mit dem man Seiten "zu Favoriten" hinzufügen kann.


TeleBid.de smava - Kredite von Mensch zu Mensch

Ein Browser ist ein reiner Betrachter von Webseiten, mit dem wir nichts an der Tatsache ändern können, dass der Hintergrund weiß ist und sonst keine Inhalte da sind. Zum Editieren, also ändern unserer "index.html" benötigen wir einen Text-Editor. Dieser wird bei Windows direkt mitgeliefert. Am besten Ihr klickt einfach mit der rechten Maustaste auf die Datei und dann auf "öffnen mit" und wählt den "Editor" aus. Jetzt sehen wir warum der Internet-Explorer nur eine weiße Seite anzeigt - es steht ja auch überhaupt nix drin! :-)


mit der rechten Maustaste ins Kontext-Menue und dann den Editor auswählen

Mit dem Editor können wir die Seite nun bearbeiten

<<< zurück II weiter >>>

  1. Grundsätzliches zu HTML und anderen Websprachen
  2. Softwareempfehlungen für das Projekt
  3. Web-Ordnerstruktur anlegen
  4. Textformatierung, Fettschrift, Kursivschrift und Co.
  5. Struktur geben mit TAGs. Überschriften, Absätze und Aufzählungen
  6. Links, Zeilenumbrüche und Linien erstellen
  7. Links und Co. im Dokument integrieren
  8. HTML-Dokument für das Internet vorbereiten / HEAD - Bereich, Titel
  9. Metatags Teil 1. WICHTIG!
  10. Metatags2 + BODY
  11. Dokumententyp Deklaration Zeichentyp
  12. Umlaute im HTML-Dokument richtig darstellen
  13. Erste Schritte mit CSS. Body formatieren.
  14. CSS 2. Teil. Schriftgröße, Schriftart, Schriftfarbe; BODY zentrieren
  15. Mit CSS Überschriften und Horizontale Linien formatieren

TeleBid.de

smava - Kredite von Mensch zu Mensch

redvision.de - Dein Erotikshop für Toys u. Dessous