Frameset php & co lernen

[M.E.]

Hallo,
Ich habe eine Website, die ich verbessern möchte.
Im moment besteht sie aus HTML und css und hat kein frameset.
Ich habe mich schon einmal mit einem HTML-Frameset beschäftigt, aber ich finde es einfach blöd, dass man dann die website verzerren kann.

Muss ich dazu überhaupt Php lernen? Was kann php eigentlich genau und wozu ist es gedacht?
Meine Website ist auf einem Kilu.de server, ich weiß auch garnicht, ob das dann mit php gehen würde...

Wie z.B. ist Computerbase aufgebaut; ich habe mir den quelltext einmal angesehen, werde daraus aber nicht schlau...

Ich würde auch gerne im Menü, wenn man mit der Maus auf ein Button fährt, dass sich ein Popupmenü öffnet. Geht das mit Java?

Und: Wie mache ich Text auf Bilder? Bisher habe ich für jeden Button ein Bild gebraucht, das ist doch iwie falsch...

hier der link zu meiner hp, sorry an die Moderatoren wenns wie werbung wirkt:
http://sbm.kilu.de/Index.html

Freue mich auf Hilfe!

MfG

M.E.

 

[netzwerker]

Eine Website braucht keine Frames, im Gegenteil.

Stöber mal ein wenig auf http://de.selfhtml.org/

Mirko

 

[75Cent]

Hab mir das ganze auch mit Selfhtml beigebracht,geht sehr gut

 

[claW.]

php ist eine "programmiersprache" fürs internet, mit der kannst du webseiten (dynamisch) erstellen und dabei auf datenbanken zugreifen und noch vieles weiteres. die syntax entspricht dabei c++/java.

für tutorials, falls du dich einarbeiten willst, empfehle ich dir google.

wenn du php lernen willst, denk aber dran, dass php allein nichts hergibt. um webseiten zu erstellen, brauchst du u.a. kenntnisse in php, html, css (, javascript) und wenn du mit datenbanken arbeitest noch sql.



noch zu deinen fragen:

popups gehen mit javascript, aber auch (wenn man das mit javascript nicht machen möchte) mit stink normalem html.

text auf bilder machst du entweder mit einem bildbearbeitungsprogramm, oder du erstellst ein menü mit css und schreibst dann ganz normal über den button den text.

wenn du wissen willst ob php auf deinem server installiert ist, lad mal eine datei mit folgendem text hoch:

<?php echo phpinfo(); ?>

bevor du allerdings gute ergebnisse bekommst (mit php), brauchst du schon einige zeit (was man in 1 woche ausdrücken kann oder aber auch monate, je nachdem wieviel erfahrung du schon mit programmiersprachen hast).

 

[neocrypta]

Auch noch eine schöne Seite:

cssplay.co.uk

 

[DaveStar]

Ein Frameset benötigst du auf keinen Fall, Framesets sind sogar eher ungünstig.

PHP hat aber genau den Vorteil, dass sich damit 'Frameähnliche' Resultate auch ohne blöde Framesets realisieren lassen

PHP ist eine Sprache für Skripte die auf deinem Server ausgeführt werden und aus denen dynamische Seiten entstehen. Diese so entstandensen Seiten werden aber als gewöhnliches HTML (bzw. unter umständen natürlich auch noch CSS usw.) an den Browser geliefert.
Wenn du dir also den Quellcode von Computerbase ansiehst, so findest du darin NICHT den PHP Quellcode sondern nur das Resultat (HTML), welches von PHP generiert wurde.

Deine Frage von wegen Text und Bilder verstehe ich leider nicht - ist auch kein richtiger deutscher Satz

 

[M.E.]

Also erstmal danke für die Hilfe!

selfhtml.org hab ich mir auch schon mal so halb angeschaut; das problem war einfach mit php, dass mir das nicht bewusst war, was DaveStar erklärt hat.

Das mit den Buttons und Text meine ich so:
Ich habe ja eine Navigation auf meiner hp und jeder Button ist ein .png bild.

Kann ich nicht einfach ein Master-Bild nehmen, also einen leeren Button und dann schreib ich im HTML-code den Text drauf?

Das würde die Ladezeit erheblich verkürzen.

MfG

M.E.

 

[claW.]

ja kannst du wie gesagt, dazu musst du es (am besten alles was formatierungen angeht) mit css anpassen.

die beste ressource dazu wird wohl www.css4you.de für den anfang sein. wenn du später mal irgendwas brauchst, empfehle ich dir das original auf www.w3.org.

vielleicht mal ein kleiner ansatz:

für eine navi erstellst du einfach ein bild in gewünschter größe, am besten mit entsprechendem hover und active bild (beim drüberfahren und beim anklicken). wenn du das hast, baust du erstmal die struktur der navi. am einfachsten löst es sich mit einer aufzählung (stichwort ul- und li-tag). dann erstellst du deine menüpunkte und ordnest ihnen jeweils die klasse des menüpunktes hinzu.

vielleicht mal anschaulich:

<style type="text/css">
li.navi {
  background: #000 url(./pfad/zum/bild.png) no-repeat;
  color: #FFF;
  text-align: center;
  padding: 2px 2px; /* hier kannst du auch line-height verwenden */
}
</style>
<!-- ... -->
<ul>
  <li class="navi">News</li>
  <li class="navi">Downloads</li>
  <!-- weitere punkte -->
</ul>

das thema wird allerdings überall durchgekaut, du findest also genug anwendungen an denen du dir was abschauen kannst.

 

[M.E.]

@ claW3581
danke, genau dein code passt, danach habe ich schon lange gesucht!

Danke an alle für die vielen Tipps!

MfG

M.E.

 

[M.E.]

@ claW3581
aber wie kann ich diesen Text auf dem Bild zu einem link machen? bzw das bild+den text zu einem Link machen?

Google hilft nicht und ausprobieren bugt gewaltig...

MfG

M.E.

 

[claW.]

es kommt drauf an wie du es machen willst. wenn du alles per grafik machen willst, nimmst du am besten folgendes:

<!-- ... -->
<style type="text/css">
div.navigation {
  /* hier die eigenschaften */
}
a.navigation {
  /* hier die eigenschaften für die grafiken - höhe, breite, usw... */
}
a.navigation:hover {
  /* hier die eigenschaften für die grafiken beim drüberfahren */
}
</style>
<!-- ... -->
<div class="navigation">
  <a class="navigation" href="[hier der entsprechende link]"><img src="[hier der pfad des bildes]" alt="[hier der alternative text der angezeigt wird wenn das bild nicht geladen werden kann]" /></a>
  <a class="navigation"  href="[hier der entsprechende link]"><img src="[hier der pfad des bildes]" alt="[hier der alternative text der angezeigt wird wenn das bild nicht geladen werden kann]" /></a>
  <a class="navigation"  href="[hier der entsprechende link]"><img src="[hier der pfad des bildes]" alt="[hier der alternative text der angezeigt wird wenn das bild nicht geladen werden kann]" /></a>
  <!--- wenn du das in diesem schema realisieren willst, achte darauf dass im css-teil die eigenschaft display auf block steht -->
  <!-- ... -->
</div>
<!-- ... -->

wenn du nur die hintergründe per grafik machst (natürlich geht das auch ohne) und mit listen arbeiten willst nimmst du diese herangehensweise:

<!-- ... -->
<style type="text/css">
ul.navigation {
  list-style-type: none;
}
a.navigation {
  /* hier die eigenschaften für die grafiken - höhe, breite, usw... */
}
a.navigation:hover {
  /* hier die eigenschaften für die grafiken beim drüberfahren */
}
li.navigation {
  /* eigenschaften wie hintergrund, größe, usw... */
}
</style>
<!-- ... -->
<ul class="navigation">
  <li class="navigation"><a class="navigation"  href="[hier der link]">[text der hier stehen soll]</a></li>
  <li class="navigation"><a class="navigation"  href="[hier der link]">[text der hier stehen soll]</a></li>
  <li class="navigation"><a class="navigation"  href="[hier der link]">[text der hier stehen soll]</a></li>
  <!-- ... -->
</ul>
<!-- ... -->

 

[Snoop1990]

es kommt drauf an wie du es machen willst. wenn du alles per grafik machen willst, nimmst du am besten folgendes:

Bitte class und id nicht verwechseln ! Man sollte sich immer bewusst sein, was man benutzt und warum sonst ist die ganze klassenorientierte Programmierung und ihre Vorteile nutzelos !

 

[claW.]

sorry, hab es nur auf die schnelle geschrieben habs editiert