Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

delle77 · 10.04.2010

Moin moin,
vor jetzt genau 10 jahren starteten wir mal eine kleine (inzwischen ~5GB) private Website, auf der wir ALLE Partybilder etc. für unseren Freundeskreis online stellten.

Nun ist es an der Zeit für eine Neugestaltung.

Problem - damals legten wir mit dem Freeware-Programm Bildergalerie (von Michael W. Kühn) eine Tabellenstruktur fest, die es nun zu ändern gilt.

Aber wie?

Wir sprechen hier von derzeit exakt 8097 html Seiten (OMFG)....

Struktur sieht wie folgt aus:

Code:

<body id="uebersicht">

<div id="vorschau"><table>
  <tr>
    <td><div class="bild"><a href="00-03-2000_03_07_19_23jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_19_23.jpg" width="100" height="75" alt="2000_03_07_19_23.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_19_47jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_19_47.jpg" width="100" height="75" alt="2000_03_07_19_47.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_20_25jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_25.jpg" width="100" height="75" alt="2000_03_07_20_25.jpg" title=""></a></div></td>
  </tr>
  <tr>
    <td><div class="bild"><a href="00-03-2000_03_07_20_26jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_26.jpg" width="100" height="75" alt="2000_03_07_20_26.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_20_27jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_27.jpg" width="100" height="75" alt="2000_03_07_20_27.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_20_31jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_31.jpg" width="100" height="75" alt="2000_03_07_20_31.jpg" title=""></a></div></td>
  </tr>
</table></div>
<div id="fusszeile">
  <div id="fusszeilenachoben"><a href="#uebersicht" class="Standard_rechts">nach oben</a></div>
</div>
</body>
</html>
<!-- Diese Seite wurde mit BilderGalerie V. 2.6.1 (www.mksoftware.de.vu) erstellt. -->

Hauptproblem ist wie gesagt die Anzahl der Spalten und Reihen.
Auf der neuen Seite möchten wir eine andere Aufteilung und auch evtl. Neuverlinkung zu neuer CSS-Datei (Feintuning).

Wie gehe ich hier am besten vor?

PS: Habe gerade gemerkt, daß das ein oder andere mal ein Buchstabe bei einigen Wörtern fehlt - das kommt nur durch den inzwischen zigmal über die Tastatur gelaufene Kaffee - also keine Panik

MyBad · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

Guten Morgen!

Bei den gewünschten Änderungen wird das, denke ich, mit einer Menge Arbeit verbunden sein. Denn die Spaltenanzahl oder gar den kompletten Aufbau der Tabellen per CSS zu verändern ist nicht möglich. Da ist nun Handarbeit und viel Zeit angesagt.

webarchitekt · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

Also, wenn die Seite eh neu erstellt bzw. überarbeitet werden soll, ist das doch über einen php-include einfach zu erledigen.

Du erstellst Dir ein Script, daß die Tabelle in neuer Form generiert und includest diese Datei in die gewünschten Seiten.

Dabei kannst Du gleich die Seiten dynamisieren und die Inhalte per variable einbinden.

delle77 · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

Im Prinzip wird nur ein neues Layout erstellt - der komplette Content bleibt bestehen und soll
halt neu in Form gebracht werden...

Handarbeit war mir schon klar - aber ich bin Fan des Minimalismus

O Gott - schon wieder PHP...

Mit dem Script ist das so 'ne Sache, das müsste ich ja dann auf jede einzelne HTML-Seite anwenden, die die Vorschaubilder-Tabelle haben.....

Ich würde es halt gerne gleich so anlegen, daß bei einer erneuten Layoutänderung die Zeilen und Spalten mit einem Klick geändert werden könnten.

Nach dem Motto: Heute machen wir mal 5 Spalten mit der Breite X und das ändere ich in nur einer Datei auf dem Server....funzt sowas?

Steve1405 · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

Also wenn ich das richtig verstanden habe, erstellt dieses Freeware-Programm fertige HTML-Dateien?

In meinen Augen würde es am meisten Sinn machen, ein Script zu schreiben, das die Bilder in den HTML-Dateien mit dem jeweiligen Anlass ausliest und in eine Datenbank speichert. Wie sind denn die Bilder angeordnet? Alle in einem Ordner mit dem Datum davor?

Frage ist jetzt noch, ob du PHP/Perl oder ähnliches kannst..

oxygen · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

@ webarchitekt
toll - jemand der ne gallerie aus tabellen hat - soll n script schreiben

@ delle
das stück quelltext

<td><div class="bild"><a href="00-03-2000_03_07_19_23jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_19_23.jpg" width="100" height="75" alt="2000_03_07_19_23.jpg" title=""></a></div></td>

kopierst du dir
und setzt es immer genau ans ende - vor <tr>
und tauschst nur die dateinamen aus
die "anzeige"html-datei kannst du dann auch einfach kopieren und passend zu den bildernamen umbenennen

wobei ich eher zu einem neuaufbau mit flacher herarchie raten würde
und mit einer trialversion (bridge o.a.) kannst du in sehr kurzer zeit deine galerie "neu" erstellen

delle77 · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

Ordnerstruktur, die das Programm komplett selbst erstellt:

Im obersten sind die großen Bilddateien.
im HTML-Ordner ist die Vorschautabelle und die einzelnen Großbildanzeigedateien.
Im vorschauordner die Vorschaubilder.

Hier Beispielcode aus einer Vorschautabellen-Html.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Diese Seite wurde mit BilderGalerie V. 2.6.1 (www.mksoftware.de.vu) erstellt. -->
<html>
<head>
  <meta name="generator" content="Michael Kuehns BilderGalerie (www.mksoftware.de.vu)">
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <meta name="date" content="2008-11-05">
  <meta name="author" content="Delle">
  <meta name="keywords" content="BilderGalerieMKSoftware">
  <link rel="stylesheet" type="text/css" href="../../../start_style.css">
  <link rel="SHORTCUT ICON" href="../../../favicon.ico">
  <title>Photos</title>
</head>
<body id="uebersicht">

<div id="vorschau"><table>
  <tr>
    <td><div class="bild"><a href="00-03-2000_03_07_19_23jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_19_23.jpg" width="100" height="75" alt="2000_03_07_19_23.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_19_47jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_19_47.jpg" width="100" height="75" alt="2000_03_07_19_47.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_20_25jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_25.jpg" width="100" height="75" alt="2000_03_07_20_25.jpg" title=""></a></div></td>
  </tr>
  <tr>
    <td><div class="bild"><a href="00-03-2000_03_07_20_26jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_26.jpg" width="100" height="75" alt="2000_03_07_20_26.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_20_27jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_27.jpg" width="100" height="75" alt="2000_03_07_20_27.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_20_31jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_31.jpg" width="100" height="75" alt="2000_03_07_20_31.jpg" title=""></a></div></td>
  </tr>
  <tr>
    <td><div class="bild"><a href="00-03-2000_03_07_20_34jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_20_34.jpg" width="100" height="75" alt="2000_03_07_20_34.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_22_08jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_22_08.jpg" width="100" height="75" alt="2000_03_07_22_08.jpg" title=""></a></div></td>
    <td><div class="bild"><a href="00-03-2000_03_07_22_54jpg.htm" target="00-03"><img src="_vorschau/mini-2000_03_07_22_54.jpg" width="100" height="75" alt="2000_03_07_22_54.jpg" title=""></a></div></td>
  </tr>
</table></div>
<div id="fusszeile">
  <div id="fusszeilenachoben"><a href="#uebersicht">nach oben</a></div>
</div>
</body>
</html>
<!-- Diese Seite wurde mit BilderGalerie V. 2.6.1 (www.mksoftware.de.vu) erstellt. -->

Hier Beispielcode aus einer Großbildansicht-HTML

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Diese Seite wurde mit BilderGalerie V. 2.6.1 (www.mksoftware.de.vu) erstellt. -->
<html>
<head>
  <meta name="generator" content="Michael Kuehns BilderGalerie (www.mksoftware.de.vu)">
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <meta name="date" content="2008-11-05">
  <meta name="author" content="Delle">
  <meta name="keywords" content="BilderGalerieMKSoftware">
  <link rel="stylesheet" type="text/css" href="../../../start_style.css">
  <link rel="SHORTCUT ICON" href="../../../favicon.ico">
  <title>Photos</title>
</head>
<body id="einzelbild">
<div id="navieinzelbild"><a href="00-03-2000_03_07_22_54jpg.htm">zur&uuml;ck</a><a href="javascript:window.close()">[Fenster schlie&szlig;en]</a><a href="00-03-2000_03_07_19_47jpg.htm">weiter</a></div>
<div id="grossbild">
    <img src="http://www.psd-tutorials.de/modules/Forum/2000_03_07_19_23.jpg" width="800" height="600" alt="2000_03_07_19_23.jpg" title="">
</div>

</body>
</html>
<!-- Diese Seite wurde mit BilderGalerie V. 2.6.1 (www.mksoftware.de.vu) erstellt. -->

[EDIT]:
Wie gesagt begann diese Website vor 10 Jahren und um kein Mischmasch aufm Server zu haben, behielten wir die Struktur einfach weiter, um Sie später evtl. einfacher umgestalten zu können.

PHP - NO !
PEARL - NO!

@Oxygen:
Hast Du gelesen um wieviele Dateien es sich handelt?

sokie · 10.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

wegen der Anzahlder seitenmusst du dir keinen Kopf machen. wenn die Verzeichnisse immer gleich sind,brauchst du nur ein script, das dir die arbeit abnimmt, und den Teil

HTML:

<a href="*jpg.htm" target="00-03"><img src="_vorschau/mini-*.jpg" width="100" height="75" alt="*.jpg" title=""></a>

aus den Seiten liest,und vielleicht in einer Datenbank speichert.
daskannst du mit php erledigen. Wenn das geschehen ist, kannst du die bilder in beliebiger Anzahl und Anordnung aus der Datenbank dynamisch in eine Seite setzen.

Bigmemo · 11.04.2010

AW: Tabellen umformatieren (Spaltenanzahl, Reihenanzahl)

...
also ich sehe auch keinen Grund warum man hier kein PHP nehmen sollte...wie schon oben geschrieben alles in eine DB und man könnte sogar per Script Thumbnails und daraus ein kleines Fotoalbum erstellen, das ganze noch sortiert nach Jahrgang und so weiter...und durch CSS ist das ganze noch flexibler zu gestalten...

Bigmemo