Hilfe beim (Re)Design von www.wudsn.com
Hilfe beim (Re)Design von www.wudsn.com
von Jac » Fr 9. Sep 2011, 17:04
Hallo,
Ich möchte gerne meine
http://www.wudsn.com Seite umbauen, sodass ich leichter Teil des Inhalts ändern kann.
Im Moment steckt fast alles in einer großen HTML Datei "content.html".
Das ist inzwischen recht unübersichtlich geworden (ca. 200k) und langsam beim editieren.
- Ich habe ein simples Web Paket bei 1&1 und keine Anhnung von PHP oder ähnlichen, und bin mit HTML recht zufrieden.
- Gibt es eine Möglichkeit, das ganze ohne Frames in mehrere Files zu splitten?
Jeder Vorschlag ist willkommen.
Grüße, Peter.
Re: Hilfe beim (Re)Design von www.wudsn.com
von skriegel » Fr 9. Sep 2011, 21:43
Am einfachsten wäre vielleicht ein simples php-include, ich habe mal schnell was gebastelt. Recht hässlich, aber es geht ja ums Funktionsprinzip:
http://skriegel.de/jac/Die Hauptdatei ist die "index.php":
- Code: Alles auswählen
<!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="en" lang="en">
<head>
<title>JAC! Test</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="./favicon.ico" />
</head>
<body>
<?php include 'jac1.html'; ?>
<?php include 'jac2.html'; ?>
<?php include 'jac3.html'; ?>
</body>
</html>
Mit der Zeile "<?php include 'jac1.html'; ?>" können andere Dateien eingebunden werden. In diesem Fall folgende:
jac1.html:
- Code: Alles auswählen
<h1>Unterdatei jac1.html</h1>
<h2>Stinknormales HTML</h2>
jac2.html:
- Code: Alles auswählen
<title>JAC! Test</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="./favicon.ico" />
jac3.html:
- Code: Alles auswählen
<h1>Unterdatei jac3.html</h1>
<div class="leftbox">Und hier eine css-Klasse Namens "Leftbox"</a>
Geht bestimmt auch anders und schicker und doller. Aber so funktioniert es recht einfach, man benötigt aber PHP.
Re: Hilfe beim (Re)Design von www.wudsn.com
von Jac » Fr 9. Sep 2011, 22:09
skriegel hat geschrieben:... man benötigt aber PHP.
hmm, was heißt das genau? Muss da etwas auf den Server installiert werden? Wie kann ich rausfinden, ob mein web Paket das hat?
Re: Hilfe beim (Re)Design von www.wudsn.com
von HiassofT » Fr 9. Sep 2011, 22:35
Hallo Peter!
Wenn der Hoster den Apache verwendet und server-side-includes erlaubt (bzw es erlaubt SSI per .htaccess einzuschalten), kannst Du das einfach so im HTML File lösen:
- Code: Alles auswählen
<!--#include virtual="teil2.html" -->
Genauere Infos dazu gibt's in der Apache Doku:
http://httpd.apache.org/docs/2.2/howto/ssi.htmlso long,
Hias
Re: Hilfe beim (Re)Design von www.wudsn.com
von skriegel » Fr 9. Sep 2011, 22:41
Jac hat geschrieben:skriegel hat geschrieben:... man benötigt aber PHP.
hmm, was heißt das genau? Muss da etwas auf den Server installiert werden? Wie kann ich rausfinden, ob mein web Paket das hat?
Das bedeutet einfach nur, dass der Server PHP-Skripte ausführen können muss. Testen ist ganz einfach:
Lade eine Datei hoch, die auf ".php" endet und folgenden Inhalt hat:
<?php phpinfo(); ?>
Lade die Datei hoch und rufe Sie auf (mit komplettem Namen). Also in meinem Beispiel:
http://skriegel.de/jac/phptest.phpWenn es bei Dir so ähnlich aussieht, hast Du PHP. Wenn nicht, siehst Du statt der Infos den Quellcode der Datei.
Re: Hilfe beim (Re)Design von www.wudsn.com
von Jac » Sa 10. Sep 2011, 09:45
Yippiieh!
http://www.wudsn.com/test.phpDann werd' ich mal anfangen zu basteln. Und gibt es irgendeine Möglichkeit das dann noch vernünftig lokal zu testen? Oder brauche ich dann einen lokalen Web Server?
Re: Hilfe beim (Re)Design von www.wudsn.com
von atarixle » Sa 10. Sep 2011, 10:14
Dafür bräuchtest du dann einen lokalen Server. Entweder du nimmst dieses XAMPP, wo gleich alles dabei ist. Oder du machst es wie ich und richtest dir eine virtuelle Maschine ein, auf der ein kompletter Web-Server läuft (ich hab debian 6.0).
XAMPP ist für die ersten Versuche gut geeignet, eine VM ist aber ausbaufähiger, weil du über die von XAMPP vorgegebenen Möglichkeiten hinaus auch andere Dienste testen kannst.
Re: Hilfe beim (Re)Design von www.wudsn.com
von Jac » So 11. Sep 2011, 02:02
Hi,
Hab die oberste Ebene & den Tab "Home" in einzelne Dateien gesplittet. Das o.g. Include funktionier aber irgendwie nicht. Bei einer Datei habe ich auch den !DOCTYPE block drumgeschrieben, ändert aber nix.
http://www.wudsn.com/index.htmlhttp://www.wudsn.com/content.htmlhttp://www.wudsn.com/content-home.htmlhttp://www.wudsn.com/content-home-news.htmlHelp?!
- Code: Alles auswählen
<!--include "home_tab" -->
<?php include 'content-home.html'; ?>
<!--include "ide_tab" -->
<?php include 'content-ide.html'; ?>
<!--include "productions_tab" -->
<?php include 'content-productions.html'; ?>
Re: Hilfe beim (Re)Design von www.wudsn.com
von skriegel » So 11. Sep 2011, 03:16
Ist das die Datei, welche die Unterseiten aufruft? Die MUSS auf .php enden. Also "index.php". Ist die Endung .html, werden alle PHP-Aufrufe ignoriert. Die Index.php funktioniert genau wie die Index.html, also einfach die .html weglassen, damit sicher die .php interpretiert wird.
Edit: Ja, sehe es gerade. Also: Umbenennen in Index.php, dann löppt dat.
Re: Hilfe beim (Re)Design von www.wudsn.com
von Jac » So 11. Sep 2011, 11:25
Ich sag nur: Die Schei..e geht!
http://www.myvideo.de/watch/4118439/Vid ... e_ScheisseDanke! Wenn ich damit durch bin, kann ich das ganze bestimmt leicht erweitern, dass nicht gleich alles geladen wird.
Müssen die inkludierten Files bestimmte Header haben (encoding/doctype/head/body) ?
Weil: Aktuell sehe ich keine Umlaute, aber wenn ich "<?xml version="1.0" encoding="UTF-8" ?>" reinschreibe
kommt "Parse error: syntax error, unexpected T_STRING in /homepages/41/d280969378/htdocs/wsb5290694401/content-home-impress.php on line 1".
Re: Hilfe beim (Re)Design von www.wudsn.com
von HiassofT » So 11. Sep 2011, 13:26
Jac hat geschrieben:Müssen die inkludierten Files bestimmte Header haben (encoding/doctype/head/body) ?
Nein, im Gegenteil. Der Header darf nur im "Haupt-File" drin sein, die inkludierten Files werden 1:1 übernommen. Damit das im Gesamten ein korrektes HTML File ergibt, darf da nichts zusätzlich drin stehen. Pass' auch auf, daß in den Files kein <html>, <head>, ... drin steht, je nach Browser/HTML-Parser kann das zu seltsamen Ergebnissen führen.
so long,
Hias
Re: Hilfe beim (Re)Design von www.wudsn.com
von skriegel » So 11. Sep 2011, 13:57
HiassofT hat geschrieben:Jac hat geschrieben:Müssen die inkludierten Files bestimmte Header haben (encoding/doctype/head/body) ?
Nein, im Gegenteil. Der Header darf nur im "Haupt-File" drin sein, die inkludierten Files werden 1:1 übernommen. Damit das im Gesamten ein korrektes HTML File ergibt, darf da nichts zusätzlich drin stehen. Pass' auch auf, daß in den Files kein <html>, <head>, ... drin steht, je nach Browser/HTML-Parser kann das zu seltsamen Ergebnissen führen.
Jetzt wo Du es sagst... Hatte ich gar nicht drauf geachtet, aber ich habe mein Beispiel oben mal schnell korrigiert. Nicht, dass ich wieder an allem Schuld bin...
Re: Hilfe beim (Re)Design von www.wudsn.com
von atarixle » So 11. Sep 2011, 20:32
Sinnvoll wäre es, alle Files, die nicht zum direkten Aufruf durch den Web-Browser gedacht sind, in einem von außen nicht erreichbaren Verzeichnis zu speichern, z.B.
-text1.html
-text2.html
-www-Ordner/
--index.php
In der index.php includest du dann die Dateien mit <?php include "../text1.html" ?>
Re: Hilfe beim (Re)Design von www.wudsn.com
von Bernd » Di 13. Sep 2011, 23:52
Wer sich mit html und php auskennt, der wird alles andere links liegen lassen, das Erlernen ist nicht gerade einfach und braucht seine Zeit....
Die fehlt mir deshalb benutze ich Web to date von Data Becker. Die Vollversion ist mit 200€ nicht gerade billig,
macht aber alles was ich mir Wünsche, selbst eigene html Seiten können integriert werden. Designwechsel ist mit nur
zwei Klicks möglich, Videos können direkt mit unterschiedlichen Formaten eingebunden werden -> Player ist integriert.
Die Seiten lassen sich beliebig mischen - Bilder Text Videos usw. Bislang kenne ich kein Programm mit dem man so schnell zum Ergebnis kommt.
Hier kann man den Funktionsumfang sich anschauen, auch diese Webseite wurde damit erstellt.
Viele Grüße,
Bernd
Re: Hilfe beim (Re)Design von www.wudsn.com
von Jac » Mi 14. Sep 2011, 20:57
Danke für die Tipps. Habe den ersten Split in Includes online gestellt nachdem ich die Files mit recode auf UTF8 gebracht hatte. Nun scheint's zu laufen.
Unterordner habe ich nicht gemacht, da ich zunächst die Minimallösung fahre (ohne lokalen Web Server) und so die Dateien direkt im Browser testen kann (relative Pfade zu den Images usw. stimmen, nur das Stylesheet fehlt). Damit bin ich erst mal glücklich und werde heute Abend mal noch weiter splitten.