Hilfe beim Seite mit HTML und PHP

  • Hallo zusammen,

    ich bastel gerade mal wieder an meiner Mini-Startseite rum.

    Zweck solle sein das ich den Explorer starte und die Seite kommt automatisch und ich muss mich nur noch durchklicken.

    Ich habe mal einen Entwurf gemacht. Sieht wohl alles etwas Spartanisch aus aber so die Richtung soll es mal werden.
    Eigentlich ist das eine Tabelle von 4 mal 3 und einer Tabelle für den Kopf.

    1. In der eigentlichen Tabelle ist das soweit ok, was mir jedoch gar nicht gefällt ist dass man genau die Schrift klicken muss um weiter zu kommen. Sicher funktioniert das auch irgendwie das man irgendwo im Feld anklicken brauch und es geht weiter. Eventuell würde ich gern auch das eine oder andere Feld mit eine Bild (icon) belegen. Hat jemand eine Idee wie man so was macht ?

    2 Das ist der Kopf der eigentlich aus 1 mal 3 Feldern besteht.
    In der mitte ... so wie die Seite gerade heißt (hier in moment "Startseite")
    Rechts Uhrzeit, Datum und Wochentag ... wird von einen anderen Server geholt und soll lokal vor RPi kommen oder von der FritzBox (traum wäre da eine Analoguhr)
    Links da dachte ich mir einmal die lokale IP und die Internet IP unter zu bringen. Dann hätte ich dort gern die Temperatur des RPi und da das ganze später in eine Kiste soll mit ein Festplatten dann auch noch zwei andere Temperaturen. auch wäre da z.b. Auslastung des Rpi und mal sehen was mir noch einfällt und was optisch da noch rein passt.

    Die index.html liegt schon auf dem RPi und ich kann auch schon von z.b. meinem Laptop darauf zugreifen.

    Als Programiersprachen habe ich mir HTML und PHP vorgestellt ... in beiden bin ich nur Anfänger.

    Soweit erst ein mal ...


    Gruß Jochen

  • Schau dir am besten Mal CSS an. Dazu gibt es genügend Kurse im Netz. Damit lässt sich soetwas elegant lösen.
    Das Ganze mit Tabellen in HTML zu lösen halte ich für den falschena Ansatz und ist irgendwie so 1990 ;)

  • > 1. In der eigentlichen Tabelle ist das soweit ok, was mir jedoch gar nicht gefällt ist
    > dass man genau die Schrift klicken muss um weiter zu kommen.
    Es gibt zwei Wege dafuer:
    * einen onclick-Handler auf der Tabellenzelle (also JavaScript) -> Die ganze Flaeche dient als Link
    * den Link so mit CSS formatieren dass er groesser wird als der Text


    > Eventuell würde ich gern auch das eine oder andere Feld mit eine Bild (icon) belegen.
    > Hat jemand eine Idee wie man so was macht ?
    <a href="..."><img src="..."></a>


  • (traum wäre da eine Analoguhr)

    google suche nach => html5 canvas clock

    zB http://www.w3schools.com/canvas/canvas_clock.asp

    Links da dachte ich mir einmal die lokale IP und die Internet IP unter zu bringen. Dann hätte ich dort gern die Temperatur des RPi und da das ganze später in eine Kiste soll mit ein Festplatten dann auch noch zwei andere Temperaturen. auch wäre da z.b. Auslastung des Rpi und mal sehen was mir noch einfällt und was optisch da noch rein passt.

    Dazu bedarf es PHP. Die externe IP kannst du über Seiten wie http://checkip.dyndns.org oder http://www.myip.ch ermitteln
    Die Temperatur des Pi's ermittelt man so:
    [code=php]$cputemp = file_get_contents("/sys/class/thermal/thermal_zone0/temp") / 1000;[/php]

    Siehe dazu ggf. auch FAQ --> Nützliche Links / Linksammlung --> Windows Gadget

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!