Umstellen von Frames auf CSS - Tipps?

Internet
1

Hallo zusammen!

Ich habe die Pflege der Homepage eines Chores (http://www.uni-hohenheim.de/unichor) übernommen. Jetzt würde ich die Seite, die noch eine Navigation mit Frames hat, gerne komplett auf CSS umstellen. Das Design soll im wesentlichen so bleiben, wie es ist. Wie gehe ich hierbei am besten vor? Ich kann CSS und HTML (zumindest die Grundlagen), aber bisher musste ich noch nie eine CSS-Datei völlig neu aufbauen. Gibt es vielleicht ein Tutorial dazu im Netz? Was würdet ihr mir raten?

Derjenige, der den Inhalt für die Homepage liefert, hatte auch noch folgende Ideen, die - falls nicht zu aufwändig - umgesetzt werden könnten:

  • ein Blog für Neuigkeiten (und Kommentare dazu) einbauen
  • Bilder per Klick vergrößern

Beides habe ich noch nie gemacht - habt ihr dazu Tipps und/oder Anleitungen?

Bitte denkt nicht, ich möchte mir durch meine Frage Arbeit sparen! Ich will nur, dass die Homepage nach der Umstellung möglichst korrektes HTML und CSS enthält und dass der Code möglichst übersichtlich ist (und sich die Seite damit gut pflegen lässt). Dazu stecke ich gerne auch einige Stunden Arbeit in das Projekt - ich möchte nur nicht irgendwo mittendrin stecken bleiben, nur weil ich am Anfang irgendwas wichtiges nicht bedacht habe.

Viele Grüße,
Annegret

2

Lesen und klauen
Am Rande:

body,table,td,tr,div,p,pre,h1,h2,h3,h4
{
font-family: Arial, Helvetica, sans-serif;
color: black;
line-height:13pt;
}

Eigenschaften, die du dem Body-Tag gibst, werden an all seinen Kinder weitervererbt. D.h.

body
{
font-family: Arial, Helvetica, sans-serif;
color: black;
line-height:13pt;
}

bewirkt das Selbe/Gleiche. Dafür fehlt die Angabe für die Hintergrundfarbe, bei mir kommt da mit Absicht hellgrau (siehe Tipp Nr. 1 http://klafuenf.de/links_webmaster.shtml).

ich die Seite, die noch eine Navigation mit Frames hat, gerne
komplett auf CSS umstellen.

Du meinst, du möchtest die Frames durch CSS ersetzen. In deinem Falle also durch ein mehrzeiliges, mehrspaltiges Stapeln von DIV-Containern.

Lesetipp (online und Buch): http://www.teialehrbuch.de/Kostenlose-Kurse/1752-HTM…

Und wenn du magst, kannst du dir alles von meinen Projekten klauen. Aktuell: http://mannheimer-arbeitslosenzentrum.de

Und mit etwas Geduld hat es die in ein paar Wochen auch rahmenlos.

Gruß

Stefan

3

Hallo Stefan,

Du meinst, du möchtest die Frames durch CSS ersetzen. In
deinem Falle also durch ein mehrzeiliges, mehrspaltiges
Stapeln von DIV-Containern.

genau das meine ich! Ich finde CSS eine feine Sache, die viel Arbeit ersparen kann - und hätte das auch gerne auf der Chor-Seite so.

Und wenn du magst, kannst du dir alles von meinen Projekten
klauen. Aktuell: http://mannheimer-arbeitslosenzentrum.de

Danke! Die Seite macht auf den ersten Blick einen guten Eindruck (auch schön übersichtlicher Quelltext!) - da klau ich mir gerne das eine oder andere (z.B. die Grundstruktur ohne die rechte Spalte oder so).

Weißt du, wie das geht, ein Blog in eine Homepage zu integrieren? Oder ist das sehr kompliziert?

Viele Grüße,
Annegret

4

Hallo,

Derjenige, der den Inhalt für die Homepage liefert, hatte auch
noch folgende Ideen, die - falls nicht zu aufwändig -
umgesetzt werden könnten:

  • ein Blog für Neuigkeiten (und Kommentare dazu) einbauen

Dafür gibt es fertige Blogsoftware, zum Beispiel Wordpress http://wordpress.com/ . Allerdings brauchst du dazu auf deinem Webspace PHP und eine Datenbank - solltest du mit den verantwortlichen Techniker klären. Einen Blog selber zu programmieren, solltest du dir nicht antun.

  • Bilder per Klick vergrößern

Dazu gibt es hunderte von Beispielen im Web, wo du dir den Quellcode ansehen kannst. Zum Beispiel hier http://www.walderdorff.org/photos/ - ist allerdings mit php gemacht und ein bisschen unübersichtlich.

Cheers, Felix

5

Hallo Felix,

Dafür gibt es fertige Blogsoftware, zum Beispiel Wordpress
http://wordpress.com/ . Allerdings brauchst du dazu auf deinem
Webspace PHP und eine Datenbank - solltest du mit den
verantwortlichen Techniker klären. Einen Blog selber zu
programmieren, solltest du dir nicht antun.

Dann werde ich mal das Rechenzentrum interviewen. Kann man ein Blog, das z.B. mit Wordpress erstellt wurde, auch vollständig in eine Homepage integrieren? Also, dass man dann z.B. so was hat: http://www.ub.uni-konstanz.de/ (die aktuellen Meldungen meine ich)

Falls ich kein PHP und eine Datenbank auf meinem Webspace habe, kann ich dann ein Blog vergessen? Oder gibts dann noch eine Möglichkeit?

  • Bilder per Klick vergrößern

Dazu gibt es hunderte von Beispielen im Web, wo du dir den
Quellcode ansehen kannst. Zum Beispiel hier
http://www.walderdorff.org/photos/ - ist allerdings mit php
gemacht und ein bisschen unübersichtlich.

Von PHP hab ich leider so gut wie gar keine Ahnung. Kennst du auch ein Beispiel, das mit HTML und CSS (evtl. noch mit Javascript) realisiert wurde?

Viele Grüße,
Annegret

6

frames zu css, nja copy und paste in div container…

einfacher gehts wohl nicht

blog bzw. newssystem, gibt es viele, auch viele kleine blogscripte die viel anpassbarer sind (z.b. http://www.php-free.de/)

l.g. seta

7

Hallo,

Dann werde ich mal das Rechenzentrum interviewen. Kann man ein
Blog, das z.B. mit Wordpress erstellt wurde, auch vollständig
in eine Homepage integrieren? Also, dass man dann z.B. so was
hat: http://www.ub.uni-konstanz.de/ (die aktuellen Meldungen
meine ich)

Im Prinzip ja - schau dir mal die Blogs auf der Wordpress-Seite an. Allerdings ist das Anpassen der Templates nicht ganz einfach. Die Seite, die du angibst, ist mit Typo3 gemacht, das ist ein mächtiges und kompliziertes Content Management System, das auf jeden Fall eine Datenbank und m.W. auch PHP benötigt.

Falls ich kein PHP und eine Datenbank auf meinem Webspace
habe, kann ich dann ein Blog vergessen? Oder gibts dann noch
eine Möglichkeit?

Es gibt auch PHP-Content Management Systeme ohne Datenbank - Dir wurde ja eine gute Seite mit PHP-Scripts empfohlen. Ob es dezidierte Blogs ohne DB gibt, weiß ich nicht. Aber ohne PHP wird nichts gehen

  • Bilder per Klick vergrößern

Von PHP hab ich leider so gut wie gar keine Ahnung. Kennst du
auch ein Beispiel, das mit HTML und CSS (evtl. noch mit
Javascript) realisiert wurde?

Guck dir mal die Demos hier http://www.cssplay.co.uk/ an - da wird eine Menge mit CSS erreicht. Javascript würde ich nur im Notfall verwenden, weil manche Benutzer das nicht zulassen und dann sieht man gar nichts.

PHP für einfache Anwendungen ist nicht schwer und erleichtert die Sache sehr, wenn man auf vielen Seiten das Gleiche - zum Beispiel ein Menü - zeigen will. Da du von Frames umsteigen willst, die das ja auch machen, solltest du dir vielleicht PHP mal ansehen, bevor du dir für deine Seite viel unnötige Arbeit machst. Allgemein eine gute Seite ist hier http://de.selfhtml.org/ - da gibt es u.a. Tutorien für html, css und php

Cheers, Felix