Website-Entstehung von noeli-a-res
Hier bitte nur die Fortschritte und kurze Anmerkungen, Diskussionen im anderen Thread.
-------------------------
Hallo zusammen,
wie bereits geschrieben, möchte ich sehr gern eine Website erstellen, die den heutigen Webstandards entspricht und ein modernes Outfit zeigt - ich hoffe dabei auf Eure Unterstützung.
Für mich bedeutet das, von der alten Denkweise (u.a. layouten mit Hilfe von unsichtbaren Tabellen) Abschied zu nehmen und zu versuchen, Inhalt und Design strikt zu trennen.
Das Konzept (Inhalt und Grundstruktur) soll von der vorhandenen Seite im Großen und Ganzen übernommen werden.
Grundstruktur:
[Blockierte Grafik: http://img690.imageshack.us/img690/2186/strukturl.jpg]
Als Quelltext-Editor werde ich das im Seminar empfohlene Programm Scriptly benutzen.
Ich beginne mit der Startseite. Im Scriptly erzeuge ich eine neue HTML-Datei und schreibe den kompletten Text der Startseite zwischen die Tags <body></body>.
Das ist der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>MerMax</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Private Seite von Mer & Max, den Polarhunden Ares & Noelia, ihr Zuhause am Niederrhein - mit vielen Fotos" />
<meta name="author" content="MerMax" />
<meta name="keywords" content="MerMax,Niederrhein,..." />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!-- Inhalt Kopfbereich -->
Die MerMax-Seite
<!-- Inhalt Menü -->
Mer & Max
Haus & Hof
Wald & Feld
Hund & Wolf
Reisen & Events
Impressum
Kontakt
Gästebuch
Start
<!-- Inhalt Untermenu -->
N.E.W.S.
Das ist neu hier:
<!-- Inhalt Fußbereich -->
© 2010 by MerMax
mermax@mermax.de
<!-- Inhalt Textbereich -->
THEMENÜBERSICHT
Mer & Max
Wer oder was steckt dahinter - Eine kurze Vorstellung
Haus & Hof
Das Zuhause von Mer & Max
Wald & Feld
Das unmittelbare Drumherum
Hund & Wolf
Ares und Noelia - wilde Hunde oder zahme Wölfe?
Reisen & Events
Wo es uns alle schon einmal hinverschlägt!
</body>
</html>
Alles anzeigen
Das Ergebnis im Browser:
[Blockierte Grafik: http://img202.imageshack.us/img202/8102/browservorschau.jpg]
War das richtig so? Und wie jetzt weiter? Die Textbereiche in DIV-Container packen? Oder hätte ich die DIV-Container als erstes festlegen müssen?
LG, noeli-A-res