Frames

S

Smoofe

Mitglied
Hai,

ich möchte eine Seite basteln, die in sich selbst noch einen "Frame" hat, der eine weitere Seite anzeigen kann.
Also eine Navi-Seite und eine Inhalts-Seite.

Kann mir jemand die nötigen Arbeitsschritte, bzw. einen simplen Code zeigen, mit dem ich soetwas bewerkstellige, ohne dabei einen sichtbaren Übergang in Form von "Scroll-Leisten" habe?

Beispiel im Anhang.
 

Anhänge

  • frames.jpg
    frames.jpg
    36,6 KB · Aufrufe: 20
Zuletzt bearbeitet:
Also ich würd keine frames verwenden, iframes teils ok, aber frames find ich sind e, mach das ganze mit div die kannst in css dann so hinbasteln wie du es gerne hättest;) damit das ganze halt jetzt als richtiger inhalt funktioniert, ist es noch nötig den inhalt auszulagern, z.b in menue__punkt_eins.php un in dieser dann einfach mit dem php befehl include den restlichen code immer holen, wenn was unklar ist einfach melden, helfe gern.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>kleiner frame ersatz</title>
        <style type="text/css">
body, html, #container
{
	margin: 			0;
	padding: 			0;
}
#container
{
	width: 				70em;
	margin: 			2em auto;
	vertical-align:                 top;
}
body
{
	background-repeat:              repeat-x;
	background-color:               #666666;
}

#menue
{
	float: 				left;
	height:				300px;
	width: 				140px;
	border-style:                   outset;
	padding-left:                   1px;
	font-family:                    Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: 				#444;
	margin-bottom:                  10px;
}

#inhalt
{
	width: 				666px;
	min-height:			300px;
	padding: 			0.4em;
	margin-top:			0px;
	margin-left:                    160px;
	background-color:               #FFFFFF;
	color:				#806640;
	border-style:                   outset;
}
        </style>
    </head>
    <body>


        <div id ="container">

            
            <div id="menue">
                <ul>
                    <li><a href="#"> Navi Punkt eins</a></li>
                    <li><a href="#"> Navi Punkt zwei</a></li>
                    <li><a href="#"> Navi Punkt drei</a></li>
                </ul>

            </div>
            <div id="inhalt">
                bla bla
            </div>          
        </div>  
    </body>
</html>

so wie im anhang sieht das ganze momentan aus, ist einfach ausm kopf grad wenig zusammen geschrieben, von daher sehr viel verbesserung nötig;)
 

Anhänge

  • div_container.jpg
    div_container.jpg
    60 KB · Aufrufe: 22
Zuletzt bearbeitet:
Uff... ist schon mal eine sehr gute Antwort. Vielen Dank!

Aber wo finde ich die Inhaltsseite? Ist das eine html-Seite oder ist der Inhalt der Seite im Code des Index'?

Ich muss nämlich später die Seite immer wieder erweitern und würde gerne einfach nur jedes mal die Eine-Naviseite ändern und halt die dazugekommene Inhaltsseite... Geht das damit? :)
 
wie gesagt das zauberwort ist php befehl include;)

ich mach das ganze mal kurz evtl hilft dir das besser weiter, weil zu erklären ist das ganze schwer;) kannst mich ja mal icq adden 255278954
 
Hi,
Smoofe hat gesagt.:
Aber wo finde ich die Inhaltsseite?
Zum Vergrößern anklicken....
Der Inhalt soll demnach in dem DIV-Block namens inhalt mittels [phpf]include[/phpf] hereingeladen werden:
PHP: 
            <div id="inhalt">
                <?php include 'willkommen.php'; ?>
            </div>

In unseren PHP-Tutorials findest du auch diverse Anleitungen, um die Inhalte per Navigation in dem Block auszutauschen, wie z.B. Einfache Art für z.B. index.php?section=links.

@Halpha: Als neues Mitglied unserer Community möchte ich dich mit unserer Netiquette bekannt machen, und dich darum bitten, in deinen Beiträgen auf die Groß- und Kleinschreibung zu achten, denn durchgängig kleingeschriebene Beiträge werden bei uns nicht gern gesehen - vielen Dank! :)

mfg Maik
 
Das kleinschreiben hab ich jetzt Jahrelang geübt;) und jetzt wieder abgewohnen, das ist schwer;) Das ist nicht so leicht wieder loszuwerden;)

Hab das ganze mal umgebaut.

Ich erklär das mal bisschen:

In der Include php ist alles drin ausser, die css datei und der inhalt, alles schön geordnet mit div.

include.php
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>kleiner frame ersatz</title>
		<link rel="stylesheet" type="text/css" href="design.css">
        <style type="text/css">

        </style>
    </head>
    <body>


        <div id ="container">

            
            <div id="menue">
                <ul>
					<li><a href="index.php">Startseite</a></li>
                    <li><a href="navi_punkt_eins.php"> Navi Punkt eins</a></li>
                    <li><a href="navi_punkt_zwei.php"> Navi Punkt zwei</a></li>
                    <li><a href="navi_punkt_drei.php"> Navi Punkt drei</a></li>
                </ul>

            </div>

Die Css Datei hast du im grunde oben schon in eingebundener Form laut der include php hab ich die jetzt design.css genannt.

Dann brauchst du noch die Inhalt Daten, die erste sollte mal index.php als startseite sein:

Code: 
<?php
include ("include.php");            
?>
            <div id="inhalt">
                Das ist der inhalt der Startseite
				
            </div>          
        </div>  
    </body>
</html>

Genau so wie die Index.php solltest auch die für den navi Punkt 1, 2, 3 aufbauen.

Ist nur ne ganz einfache Form des ganzen und kann man natürlich nach belieben erweitern mit Header und Footer z.b

Viel Spaß
 
grüße...

also wenn du noch keine erfahrung hast...dann empfehle ich dir...

baue deine seite mit frames ! das is elementares grundwissen was du dabei sammelst, inkl. html codes lesen...verstehen...entwickeln.
das solltest du als anfänger auf jeden fall erstmal machen.

mein vorschlag :

ziehe dir bei chip, microsoft frontpage 2003

damit entwickelst du in kürzester zeit deine seite wie du sie willst in einer guten mischung aus :

- befehle selber schreiben, reinkopieren und verstehen aber auch einfaches einfügen in grafischer vorm und die umwandlung in einen quelltext.

grob gesagt : mit diesem prog brauchst du für deine seite ca. 2h in absoluten anfängermodus :)

im fortgeschrittenenmodus so 3min :)

wenn du dann deine seite hast...und html etwas verstehst, dann fange mit stylesheets und css an und so weiter...

alles von 0 auf 100 lernen währe sehr schwierig...

ich hoffe ich konnte dir helfen...

und edit zu den kommentaren das frames nicht gut sind...das stimmt nur ansatzweise...
sagen wir so. ein fortgeschrittener homepageentwickler würde es nicht mehr machen...
aber gehn tuts auch ;)
 
@Fimbulvet: Auch für dich gilt unsere Netiquette :rolleyes:

Bitte halte dich an die hier praktizierte Netiquette. Dies betrifft vor allem eine verständliche Ausdrucksweise sowie eine vernünftige Groß- und Kleinschreibung. Danke.
Zum Vergrößern anklicken....
Netiquette #15 hat gesagt.:
Unser Forum ist kein Chatroom. Kurz-Beiträge ("Ein-Zeilen Postings"), die einfach so ins Forum "geklatscht" werden, werden ohne Vorwarnung von einem Moderator oder Administrator gelöscht. Das gleiche gilt insbesondere für Beiträge, die in Rechtschreibung, Satzbau und Verständlichkeit nicht ein vernünftiges, allgemein übliches und altersgruppen-übergreifendes Niveau erfüllen. Jugendsprache, regional verbreitete Dialekte und durchgehend kleingeschriebene Beiträge sind ebenfalls unerwünscht. Mit anderen Worten: wer erfolgreich die im Deutsch-Unterricht erlernten Kenntnisse praxisnah auf unserem Forum anwenden kann, wird nicht mit dieser Regel in Konflikt kommen. "Wiederholungstäter" werden, nachdem sie zuvor von einem Moderator auf die Mängel hingewiesen wurden, ggf. unbefristet gesperrt.
Zum Vergrößern anklicken....

Fimbulvet hat gesagt.:
also wenn du noch keine erfahrung hast...dann empfehle ich dir...

baue deine seite mit frames ! das is elementares grundwissen was du dabei sammelst, inkl. html codes lesen...verstehen...entwickeln.
das solltest du als anfänger auf jeden fall erstmal machen.
Zum Vergrößern anklicken....
Wozu soll man sich mit Frames beschäftigen, um Kenntnisse in HTML + CSS zu erlangen? :suspekt:

Und dass Frames "elementares Grundwissen" in der Auszeichnungssprache vermitteln, wäre mir auch neu.

mfg Maik
 
Also ich würd dir genau das entgegengesetzte raten, wie es Fimbulvet tut.
Setzt dich hin und lern CSS + einfache Dinge von php (zb. includieren).
Maik hat dir ja die Tutorials Ecke gezeigt.

Das hat man mit ein wenig Begabung binnen einer Woche gelernt.
Dann hast du gleich eine "ordentliche" HP, jede Menge nützliches Wissen und auch einen riesen Batzen Spaß ;)

Zuerst dir die Funktionsweise von Frontpage (welches ich für ein ***** Programm halte... aber ok...), zudem macht Frontpage "unsaubere" Seiten.

Ich vertrette die Meinung - selbst schreiben und Wissen warum und wie es geht.
 
Allein wegen deiner trotzigen Art und Weise zu schreiben.... T..... naja.
Ich kann mich noch dran erinnern, an eine Zeit wo ich auch kein Java etc. konnte.
Und was hab ich gemacht, mich hingehockt und es mir reingezogen.

Warum soll er es nicht gleich ordentlich lernen?
Irgendwann "muss" er anfangen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück