PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Bräuchte mal Hilfe bei der Realisierung

Daltimo
2009-01-09, 17:27:01
Ich hab den Auftrag von meinem Arbeitgeber bekommen mal eine einfache Internetseite zu machen. Allerdings habe ich mich schon seit zwei Jahren mit der Materie nicht mehr so beschäftigt und ich hab da ein paar kleine Startschwierigkeiten.

Hier erstmal ein Bild wie die Seite aussehen soll in aller gröbsten Zügen.

http://www.bilder-hochladen.net/files/9c9q-1-jpg.html

Dazu vielleicht noch eine kurze Erklärung. Im oberen Bereich möchte ich die Navileiste anbringen, im unteren Teil soll dann der Inhalt geladen werden.

Problem gerade für mich: Wenn ich oben in der Navi auf etwas klicke, wie bekomme ich dann den Inhalt in der gleichen Seite angezeigt?

Sprich bei mir in dem großen "Quadrat"????

Ich wäre euch sehr dankbar wenn ihr mir etwas auf die Sprünge helfen könntet. Ich hab schon eben alle Bücher wieder ausgekramt. :rolleyes:
darph
2009-01-09, 17:38:32
Das Bild tut bei mir nicht. ;(

Aber ich vermute mal, daß du das hier brauchst: http://www.forum-3dcenter.org/vbulletin/showthread.php?t=348578
Daltimo
2009-01-09, 17:49:47
So jetzt sollte das Bild gehen....

Hm muss man das denn echt mit JavaScript realisieren?
darph
2009-01-09, 18:02:27
So jetzt sollte das Bild gehen....

Hm muss man das denn echt mit JavaScript realisieren?
Nein, eben nicht. Ließ den ganzen Thread.
Daltimo
2009-01-09, 18:22:52
Okay habe ich gemacht.

Ich denke dieser Post von dir wird der wichtigste sein:

http://www.forum-3dcenter.org/vbulletin/showpost.php?p=5249211&postcount=8

Sprich: Ich lege eine normale Indexseite an wo der Hintergrund gegeben ist usw.
In den anderen steht dann nur noch wo es hin geladen werden werden soll?

Wie würde das dann hier funktionieren?
http://www.andreas-kalt.de/tutorials/css-layout/beispiel-23.htm

Ist ja in etwa das gleiche Prinzip, nur würde das hier auch mit einer Indexseite gehen? Hier werden ja "Container" verwendet, so werden diese zumindest in diesem Tut beschrieben. Wie heißen die eigentlich richtig, weil in meinen Büchern finde ich gerade nichts darüber?

Was mir gerade noch aufgefallen ist warum php??? Kann ich doch meine Seite nicht mehr gestalten.... hm jetzt verstehe ich wieder mal garnichts.
Daltimo
2009-01-09, 18:33:46
Zweite Möglichkeit wäre dann wohl immer wieder die gleiche Seite zu bauen nur eben mit den verschiedenen Punkten.
Gast
2009-01-09, 20:34:54
Zweite Möglichkeit wäre dann wohl immer wieder die gleiche Seite zu bauen nur eben mit den verschiedenen Punkten.

Das machst du ja bei Darphs Vorschlag auch. Der Vorteil ist aber, dass du deinen Code relativ klein halten kannst, da Elemente wie z.b. die Links ausgelagert werden und mit nur einer Zeile Code (dem include()) dann in deine Seite reingeladen werden.

Das ganze kann man noch einen Schritt weiter gehen und den include dynamisch halten, siehe http://tut.php-quake.net/de/layout.html
Damit sparst du dir nochmal mehr Redundanz im Code und schreibst alles, was auf deiner Seite vorkommt, wirklich nur einmal. Damit wird ebenso für jeden Link eine extra HTML-Datei angefertigt, allerdings macht PHP diesmal wirklich komplett alles selbst.

Darphs Variante ist jedoch der beste Mittelweg zwischen Codeüberschneidung und Anfängerfreundlichkeit.

Übrigens hat PHP nichts mit dem Aussehen deiner Seite zu tun, es hilft dir lediglich, die Seiten zu generieren und nimmt dir somit arbeit ab.
Daltimo
2009-01-10, 15:31:59
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ajax-test</title>
<script language="JavaScript"
type="text/javascript" src="ahahLib.js"></script>
<script language="JavaScript"
type="text/javascript">
function makeactive(tab) {
document.getElementById("tab1").className = "";
document.getElementById("tab2").className = "";
document.getElementById("tab3").className = "";
document.getElementById("tab4").className = "";
document.getElementById("tab5").className = "";
document.getElementById("tab6").className = "";
document.getElementById("tab"+tab).className = "active";
callAHAH('content.php?content= '+tab, 'content',
"<center><img src='loading.gif' alt='Ladegraphik'/>Inhalt wird geladen</center>", 'Fehler');
}
</script>

<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body onload="makeactive(1)" style="margin:0;">
<center>
<ul id="tabmenu" >

<li onclick="makeactive(1)"><a class=""
id="tab1">Mein Haus</a></li>
<li onclick="makeactive(2)"><a class=""
id="tab2">Mein erstes Auto</a></li>
<li onclick="makeactive(3)"><a class=""
id="tab3">Mein zweites Auto</a></li>
<li onclick="makeactive(4)"><a class=""
id="tab4">Mein Winterauto</a></li>
<li onclick="makeactive(5)"><a class=""
id="tab5">Mein Boot</a></li>
<li onclick="makeactive(6)"><a class=""
id="tab6">So dies und das</a></li>
<li class="right">Tel:2</li>
</ul>

<div id="content"></div></center>
</body>

</html>

Ich hab das jetzt von einem Kumpel bekommen, dadurch kann ich mir viel Arbeit ersparen.

Allerdings bekomme ich es auch hier nicht hin die Seiten richtig reinzulasen... wie müssen die denn heißen?
DanMan
2009-01-10, 16:39:55
Toller Freund. Schmeißt dir ein Stück Code vor die Füße und lässt dich dann damit alleine...

Vielleicht so: http://www.crackajax.net/tabs.php
Flipper
2009-01-10, 16:52:00
Ich würd dir raten, deinem Arbeitgeber zu sagen dass das andere Personen schneller und für ihn günstiger erledigen können. Bei deinem Kenntnisstand eine Firmen-HP zu basteln halte ich für keine allzu gute Idee.
Daltimo
2009-01-10, 17:13:02
Naja ich muss nur noch wissen wie ich die anderen Dateien benennen muss damit die eben in die Seite geladen werden und was ich immer jeweils eintragen muss, das war es dann schon. Mit dem Rest würde ich dann zurecht kommen.

Es soll keine große Seite werden, nur eine kleine.
Daltimo
2009-01-11, 11:53:42
Gibt es im Internet kostenlose PHP-Hoster?

Weil ich hab die Seiten jetzt mit PHP geschrieben, nur kann ich leider nichts testen ohne PHP Server. :(
beos
2009-01-11, 12:40:04
Gibt es im Internet kostenlose PHP-Hoster?

Weil ich hab die Seiten jetzt mit PHP geschrieben, nur kann ich leider nichts testen ohne PHP Server. :(

Du kannst das Ganze doch auf einem lokal installierten Server testen - Apache + php installieren und fertig :)
Daltimo
2009-01-11, 13:03:01
Ich habe XAMPP installiert, damit müsste das ja möglich sein, nur wo muss ich da die ganzen Sachen hin kopieren?
DanMan
2009-01-11, 18:41:59
Ich habe XAMPP installiert, damit müsste das ja möglich sein, nur wo muss ich da die ganzen Sachen hin kopieren?
htdocs

Dann über localhost drauf zugreifen.
Daltimo
2009-01-11, 19:44:10
So ich hab nun schon mal einen kleinen Entwurf, so wird sie wohl in etwa werden.

http://semo.se.funpic.de/

Nur habt ihr auch in der ersten Zeile solche komischen Symbole? Ich bekomme die einfach nicht weg und weiß nicht was ich falsch gemacht haben soll.
Gast
2009-01-11, 19:57:32
Nur habt ihr auch in der ersten Zeile solche komischen Symbole? Ich bekomme die einfach nicht weg und weiß nicht was ich falsch gemacht haben soll.

Mit der Zeichencodierung ist bei dir was mächtig im Argen.
Fängt schon bei Sonderzeichen wie Ä/Ö/Ü an. Überprüfe bitte dein Zeichencodierung.
UFT-8 ist das sicher nicht, wie im Quelltext angegeben.

Gruß
Daltimo
2009-01-11, 20:09:15
UFT-8 ist das sicher nicht, wie im Quelltext angegeben.

Was dann? Ich finde den Fehler trotzdem nicht, hab mir nochmal alles durchgelesen und trotzdem bekomme ich ihn nicht raus.

Ich hab die Telefonnummer geändert und dann plötzlich waren oben diese Zeichen da, ich weiß nicht warum :confused:
Gast
2009-01-11, 20:16:16
Was dann? Ich finde den Fehler trotzdem nicht, hab mir nochmal alles durchgelesen und trotzdem bekomme ich ihn nicht raus.

Ich hab die Telefonnummer geändert und dann plötzlich waren oben diese Zeichen da, ich weiß nicht warum :confused:

Gute Frage. Kann ich dir jetzt nicht genau sagen.
Mit UTF-8 verschwindet der Fehler oben Links. Aber die Sonderzeichen sind immer noch falsch dargestellt.
Folglich gibt es zwischen den einzelnen Ebenen verschiedene Codierungen, die dir den Zeichensalat einbringen.
Gast
2009-01-11, 20:18:29
PS:

mal probehalber iso-8859-1 nutzen.
Daltimo
2009-01-11, 20:34:12
Was will ich denn mit einer ISO Norm jetzt?

Der Fehler wird auch nur im Firefox dargestellt...im Opera funktioniert alles super und im IE gehen die Farben nicht richtig.
Gast
2009-01-11, 20:35:44
Was will ich denn mit einer ISO Norm jetzt?

Das ist eine andere Zeichencodierung!!!!!!!


PS: Das ist jetzt nicht böse gemeint: Bist du dir sicher, das dieses Projekt dich nicht überfordert?
Daltimo
2009-01-11, 20:42:19
Das werde ich sehen ob ich es weiter ausführe oder nicht.
Zumindest wollte ich es schon mal probieren, die Seite müsste nach diesem Fehler auch nur noch mit Inhalt gefüllt werden und das war es dann schon.

Ich verstehe nur nicht warum ich den Fehler nicht wegbekomme, könntet ihr da keine kleine Korrektur vornehmen? :)
Daltimo
2009-01-12, 20:42:18
Kann mir keiner helfen? Die Seite geht einwandfrei und ich wäre auch fast fertig, wenn nicht dieser eine dumme Fehler wäre.
mbee
2009-01-12, 22:16:22
eKann mir keiner helfen? Die Seite geht einwandfrei und ich wäre auch fast fertig, wenn nicht dieser eine dumme Fehler wäre.
Du hast alles an Infos, was Du brauchst: Speichere entweder alle Dateien UTF-8-codiert mit einem Texteditor, der das beherrscht oder normal und verwende eben dann den genannten ISO-Zeichensatz.
PS: Das mit dem überfordern würde ich mal ganz stark unterstreichen. No pun intended, aber Dir fehlen ja offensichtlich die essentiellsten Grundlagen für so ein Projekt.
Daltimo
2009-01-13, 16:53:03
Die Seite ist nun von Design her fertig, den Fehler habe ich auch raus bekommen, zwar auf eine seltsame Art und Weiße, aber er ist weg.

Jetzt muss ich die Seite nur noch mit ein wenig Inhalt füttern und das war es schon.

Einziges Problem ist noch das der IE die Farben von der Navileiste nicht richtig darstellt, aber ich glaube das wird man verkraften, dafür das es nur eine einfach Internetseite werden soll.

Nur ich stelle ich mir gerade die Frage zu welchem Hoster ich am besten gehe?