Frames
Ik ben een tijd terug bezig geweest met een website bouwen in frames in HTML.
Dat als ik op mijn navigatie klik die aan de onder kant de html pagina opende.
Alleen nu heb ik een website gedownload, en wil ik dat hij teksten daar onder opent, en niet dat ik elke keer nieuwe pagina opent.
Dus eigenlijks ook soort frame.
Zou iemand mij kunnen helpen.
De site ziet er zo uit Link.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Solutions by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="logo">
<h1><a href="#">Solutions </a></h1>
<p><em> template design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></em></p>
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="first">Home</a></li>
<li class="current_page_item"><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<div id="content">
<div class="post">
<h2 class="title"><a href="#">Welcome to Solutions </a></h2>
<p class="meta"><em>Sunday, April 26, 2009 7:27 AM Posted by <a href="#">Someone</a></em></p>
<div class="entry">
<p>This is <strong>Solutions </strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>, released for free under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a> license. You're free to use this template for anything as long as you link back to <a href="http://www.freecsstemplates.org/">my site</a>. Enjoy :)</p>
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. </p>
<div><a href="#" class="links">Full Story</a></div>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Lorem ipsum sed aliquam</a></h2>
<p class="meta"><em>Sunday, April 26, 2009 7:27 AM Posted by <a href="#">Someone</a></em></p>
<div class="entry">
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros.</p>
</div>
<div><a href="#" class="links">Full Story</a></div>
</div>
<div class="post">
<h2 class="title"><a href="#">Lorem ipsum sed aliquam</a></h2>
<p class="meta"><em>Sunday, April 26, 2009 7:27 AM Posted by <a href="#">Someone</a></em></p>
<div class="entry">
<p>Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. </p>
</div>
<div><a href="#" class="links">Full Story</a></div>
</div>
</div><!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Aliquam tempus</h2>
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
</li>
<li>
<h2>Pellenteque ornare </h2>
<ul>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
</ul>
</li>
<li>
<h2>Turpis nulla</h2>
<ul>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2012 JordiAantjes.nl. Alle rechten voorbehouden.</p>
</div>
<!-- end #footer -->
</body>
</html>
Gewijzigd op 29/05/2012 12:35:30 door - J - A -
Graag eerst enkel de relevante code plaatsen, en gebruik code tags :)
ten tweede hoeveel html/php kan je?
ten derde met frames open je ook gewoon een pagina in een pagina..
Daar heb je de navigatie balk.
Graag zou ik willen dat ik die links kan taggen op het stuk eronder rechts.
Dat die dan dat alleen opnieuw laad, en niet de hele pagina refresht moet worden.
---
Verder ben ik er niet zo goed in, ik zoek meestal dingen op en leer zo beetje bij.
Alleen dit vind ik best wel moeilijk, ik doe ICT en daarvoor moeten we beetje de basis leren voor het examen.
Gewijzigd op 29/05/2012 12:22:17 door - J - A -
Toevoeging op 29/05/2012 12:27:20:
btw heb je al iets zelf gedaan?
Daarnaast nog een Windows 2003 Server, en alles eromheen.
De Windows server is geen probleem, de Linux server ook niet.
Alleen nu de website, ik heb al wel een weblog gemaakt voor een opdracht.
Maar dat was meer scripts zoeken, en knutselen.
Ik hoop dat iemand me kan helpen met dit.
Je wilt dus een deel van de pagina refreshen?
En dan waar nu Welcome Solutions staat.
Dat ik gewoon losse html/php bestandjes maak.
Dat die ze daar laad, en niet de hele pagina.
Maar gaat je opdracht nu om het juist opzetten en configureren van beide webservers, of het op de juiste manier maken van een website?
List je focus niet een beetje verkeerd?
Daarvoor krijg ik extra punten.
En de Webservers heb ik totaal geen moeite mee.
Maar goed weet iemand misschien welke tags of hoe of wat.
Ik hoef niet het hele script als ik maar beetje opweg kom.
Frames kan maar dat verdeeld de pagina en dan valt het design uit elkaar.
Dus heeft iemand anders oplossing?
Alvast bedankt
Toevoeging op 29/05/2012 13:22:33:
Alhoewel het wel makkelijker is dan ajax.
Als dat linkje ook je layout is zoals het wordt ziet het er allemaal toch netjes uit?
Waarom je hoofd breken over verouderde wijze van ontwerpen (frames)? Laat het zo of herschrijf je site en maak gebruik van div's voor de layout en AJAX/Jquery voor verversingen zonder de pagina te vernieuwen.
Sorry, dat is niet nodig bij frames. Tijdje geleden alweer.
Gewijzigd op 29/05/2012 13:57:07 door - SanThe -
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Solutions by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
- SanThe - op 29/05/2012 13:45:31:
De site op de link (eerste post) heeft geen <body> tags.
Vaag ik zie ze wel:P
Daan B op 29/05/2012 13:47:43:
Vaag ik zie ze wel:P
- SanThe - op 29/05/2012 13:45:31:De site op de link (eerste post) heeft geen <body> tags.
Vaag ik zie ze wel:P
Dan kijk jij in een frameset.
Gewijzigd op 29/05/2012 13:58:25 door - SanThe -
Klopt maar daar gaat het toch ook om?
Toevoeging op 29/05/2012 14:52:54:
Ik ben beetje aan knutselen, en het wordt iFrame het is al deels klaar.
Dank voor jullie hulp.