Html frames

5 december 2009

Heej,

ik had laatst een opdracht op school ''Cursus HTML voor beginners en gevorderden''. Zodat we wat kennis opdoen over html. Zo weet ik nu de standaard tags en de body tags. Hoe ik teksten in kleur zet etc. Afbeeldingen erin zet, hyperlinks, lijntjes erin enz. Daaraan zat ook een opdracht gekoppeld. Waarin een koptekst moest, overige tekst, de teksten gecentreerd elk stukje tekst in een andere kleur, een foto er boven en een link naar de volgende pagina. Dat is mij allemaal wel gelukt, in dreamweaver en kladblok. Alleen nu zijn we bij een project aangekomen (website photogallery) moet bestaan uit 3 pagina's. De bedoeling is dat we eerst met 1 pagina beginnen de Index.html, hierin moeten frames gemaakt worden. Dus een frame banner 800x100 pixels (boven aan), een frame navigatie 150x500(links) en een frame illustratie 150x500(aan de rechter kant). In het midden komen dan kleine foto's. Nu is mijn dilemma ik krijg het niet voor elkaar om die frames te maken, ik heb daar weinig verstand van. Het is de bedoeling dat je begint met:

<HTML>

<HEAD><TITLE>mijn index</TITLE>

</HEAD>

</FRAMESET>

</HTML>

Met <FRAMESET ROWS=" geef je de formaten aan voor je frame als ik het goed heb.. Maar het is voor mij heel verwarrend hoe ik het nu voor elkaar krijg om die frames zo te plaatsen zoals ik net heb verteld met die maten. Kan iemand mij misschien daarmee wat helpen? En kan ik dit beter in kladblok doen of in dreamweaver?

5 december 2009

Heej,

ik had laatst een opdracht op school ''Cursus HTML voor beginners en gevorderden''. Zodat we wat kennis opdoen over html. Zo weet ik nu de standaard tags en de body tags. Hoe ik teksten in kleur zet etc. Afbeeldingen erin zet, hyperlinks, lijntjes erin enz. Daaraan zat ook een opdracht gekoppeld. Waarin een koptekst moest, overige tekst, de teksten gecentreerd elk stukje tekst in een andere kleur, een foto er boven en een link naar de volgende pagina. Dat is mij allemaal wel gelukt, in dreamweaver en kladblok. Alleen nu zijn we bij een project aangekomen (website photogallery) moet bestaan uit 3 pagina's. De bedoeling is dat we eerst met 1 pagina beginnen de Index.html, hierin moeten frames gemaakt worden. Dus een frame banner 800x100 pixels (boven aan), een frame navigatie 150x500(links) en een frame illustratie 150x500(aan de rechter kant). In het midden komen dan kleine foto's. Nu is mijn dilemma ik krijg het niet voor elkaar om die frames te maken, ik heb daar weinig verstand van. Het is de bedoeling dat je begint met:

<HTML>

<HEAD><TITLE>mijn index</TITLE>

</HEAD>

<FRAMESET>

</FRAMESET>

</HTML>

Met <FRAMESET ROWS=" geef je de formaten aan voor je frame als ik het goed heb.. Maar het is voor mij heel verwarrend hoe ik het nu voor elkaar krijg om die frames zo te plaatsen zoals ik net heb verteld met die maten. Kan iemand mij misschien daarmee wat helpen? En kan ik dit beter in kladblok doen of in dreamweaver?

Aangezien ik ook 'noobie' ben, kan ik je alleen helpen met de tweede vraag. Het is eigenlijk gelijk waar je het doet. Je moet eigenlijk zelf voelen wat voor jou het beste/gemakelijkste/... is. Ik zelf gebruik Notepad...

5 december 2009

Gebruik dreamweaver als je gevordend bent. Als je dit niet weet, dan ben je dat niet. Overigens, als je alleen maar de simpele basics wil weten dan heb je aan kladblok meer dan genoeg.

Over je eerste vraag. Weet je van cols en rows zijn? Kijk even hier. Daar staat (hopelijk) voor jou goed aangegeven hoe je ze moet gebruiken.

5 december 2009

ik heb nu dit als code:

<HTML>

<HEAD>

<TITLE>Voorbeeld frames</TITLE>

</HEAD>

</FRAMESET>

</HTML>

Dat ziet er dus zo uit

Volgens mij staan de frames nu wel goed, alleen zit er rechts een dubbele frame lijkt het... Ik heb geen idee of ik dit nu op de goede manier doe, maar als het zo goed is hoe kan ik er dan een afbeelding in de bovenste frame zetten? Want zoals je ziet heb ik er wel een img tag erin gezet, maar die werkt nog niet..

5 december 2009

Heel leuk en aardig allemaal, maar je moet geen frames gebruiken. Deze techniek is verouderd en zoekmachine-onvriendelijk. Je kan beter met divisions (div's) werken, lees deze tutorial daarvoor. Dit is een hele goede tutorial die ook meteen de CSS-kant behandeld. Ik heb CSS en HTML ook geleerd aan de hand van die tutorial

Wil je toch met frames werken?

<FRAME SRC="boven.html">

Zorg ervoor dat het bestand "boven.html" dan ook bestaat in dezelfde map

5 december 2009

Heel leuk en aardig allemaal, maar je moet geen frames gebruiken. Deze techniek is verouderd en zoekmachine-onvriendelijk. Je kan beter met divisions (div's) werken, lees deze tutorial daarvoor. Dit is een hele goede tutorial die ook meteen de CSS-kant behandeld. Ik heb CSS en HTML ook geleerd aan de hand van die tutorial

Wil je toch met frames werken?
<FRAME SRC="boven.html">
Zorg ervoor dat het bestand "boven.html" dan ook bestaat in dezelfde map

Volgens de opdracht moeten we het met frames maken.. Maar volgens mij begrijp ik het verkeerd, want ik dacht juist dat je met <FRAME SRC="boven.html"> aangeeft dat die frame van 100 bij 800 pixels dan ook aan de boven kant van de pagina komt te staan. Tenminste dat leek mij dan logies Of gebruik je daar weer wat anders voor? Om die indeling aan te geven welk frame strookje boven staat, welke rechts, links enzovoort? De afbeeldingen die ik heb moeten er nog in komen, alleen weet ik niet precies hoe..

5 december 2009

<HTML>

<HEAD>

<TITLE>Voorbeeld frames</TITLE>

</HEAD>

<FRAMESET ROWS="100,800*">

<FRAME SRC="boven.html">

<IMG SRC="ice-plain-forest.jpeg" WIDTH=800 HEIGHT=100>

<FRAMESET COLS="150, 500*">

<FRAME SRC="links.html">

<FRAMESET COLS="500, 500*">

<FRAME SRC="midden.html">

<FRAMESET COLS="150, 500*">

<FRAME SRC="rechts.html">

</FRAMESET>

</HTML>

Dat is nog eens een vreemde code

Je grote fout is dat je vergeet dat wat je eerst opent moet je laatste sluiten. En je moet elke frameset ook afsluiten.

Overigens moet je in jouw geval met een frameset werken met een frameset in.

Mvg, BV_1993

Bewerkt: 5 december 2009 door BV_1993

6 december 2009

Heel leuk en aardig allemaal, maar je moet geen frames gebruiken. Deze techniek is verouderd en zoekmachine-onvriendelijk. Je kan beter met divisions (div's) werken, lees deze tutorial daarvoor. Dit is een hele goede tutorial die ook meteen de CSS-kant behandeld. Ik heb CSS en HTML ook geleerd aan de hand van die tutorial

Wil je toch met frames werken?
<FRAME SRC="boven.html">
Zorg ervoor dat het bestand "boven.html" dan ook bestaat in dezelfde map
Volgens de opdracht moeten we het met frames maken.. Maar volgens mij begrijp ik het verkeerd, want ik dacht juist dat je met <FRAME SRC="boven.html"> aangeeft dat die frame van 100 bij 800 pixels dan ook aan de boven kant van de pagina komt te staan. Tenminste dat leek mij dan logies Of gebruik je daar weer wat anders voor? Om die indeling aan te geven welk frame strookje boven staat, welke rechts, links enzovoort? De afbeeldingen die ik heb moeten er nog in komen, alleen weet ik niet precies hoe..

Oei, ik zou als ik jou was eerst eens een beginnerstutorial HTML lezen... Lees anders ook eens deze tutorial over frames.

7 december 2009

De code klopt niet. Ik kan wel een goede maken, maar dan ben ik eigenlijk de maker. Wat je kan doen is gewoon een tabel maken en daar dan Iframes in doen. Dat maakt het allemaal veel gemakkelijker. Als je toch zo wilt doorgaan moet je een frame in een frame doen (dat ging fout, en daarom heb je een extra frame, die overigens geen src heeft opgekregen).

Je moet er goed over nadenken, frames zijn soms nogal verwarrend.

PS: Waarom zie ik daar een IMG-tag? Kun je die niet beter in "boven.html" doen? Of is boven.html niet de pagina waarin de header hoort te staan?

Bewerkt: 7 december 2009 door Ghosty

7 december 2009

Zo werkt de code, ik heb alleen geen idee of de code W3C-valid is. Ik zal 'm morgen even voor je door de controle gooien

index.html

<!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>
<TITLE>Voorbeeld frames</TITLE>
</HEAD>
<FRAMESET ROWS="100,800*">
<FRAME SRC="boven.html">
<FRAMESET COLS="150, 500*">
<FRAME SRC="links.html">
<FRAMESET COLS="500, 500*">
<FRAME SRC="midden.html">
<FRAMESET COLS="150, 500*">
<FRAME SRC="rechts.html">
</FRAMESET>
</FRAMESET>
</FRAMESET>
</FRAMESET>
</HTML>

boven.html

<!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" />
</head>

<body>
<br />
<center><i>Hier de header</i></center>
</body>
</html>

links.html

<!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" />
</head>

<body>
<br />
<center><i>Hier de linkse tekst</i></center>
</body>
</html>

midden.html

<!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" />
</head>

<body>
<br />
<center><i>Hier de tekst voor in 't midden</i></center>
</body>
</html>

rechts.html

<!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" />
</head>

<body>
<br />
<center><i>Hier de rechter tekst</i></center>
</body>
</html>

Geeft als eindresultaat:

Snap je het zo een beetje?

Bewerkt: 7 december 2009 door David22

9 december 2009

Ik moet er maandag een presentatie over houden, dus ik heb de afgelopen paar dagen hard gewerkt en op school nog wat hulp gekregen. Dit is het tot nu toe geworden:

(de buttons linken ook naar volgende pagina's.

Het is erg lastig vooral die frames, maar ik begin het een beetje te begrijpen Ik heb eerst hulp gekregen met die frames en daarna de foto's die je in het midden ziet staat met een tabel gemaakt en er zo ingevoegd. De buttons in photoshop gemaakt en deze ook weer in een tabel met 5 hokjes gezet, en de banner boven aan bijgevoegd. Alleen als ik de scroll uit zet snijd hij een stuk van me pagina weg terwijl de formaten wel allemaal kloppen. Ook zie je rechts nog wat wit dat krijg ik ook nog niet weg. Ik heb wel achter de banner code gezet: marginheight="0" marginwidth="0", maar dat werkt dus ook niet.. Zo ziet mijn code voor deze pagina er nu uit (gemaakt in dreamweaver):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Home-pagina</title>

</head>

</frameset>

</frameset>

</frameset>

<body>

</body>

</html>

10 december 2009

Nice.

Add nog iets <noframes> content (gewoon een kort berichtje) en ja kan met makkelijke CSS nog de scrollbars weghalen / andere kleur geven.

Hier hoe je dat kunt doen. Ik wil het ook wel voor je doen, anders moet je even snel de inleiding van CSS doorlezen, het is niet bijzonder moeilijk als je Dreamweaver hebt (waarmee je de kleuren makkelijk kan bepalen) en het is toch bijzonder nice als het mooi met de context kleurt.

En nog iets. Je kunt ook doen dat alleen die middelste frame naar een andere pagina gaat. Ik denk dat ze dat wel nice zullen vinden, dan moet je gebruik maken van names and targets. Niet moeilijk, en de laadtijd versnelt heel erg. Ik denk dat wanneer ze naar de code kijken ze het wel awesome zouden vinden. Hier staat daar wel iets over (moet je gewoon even doorlezen, en bekijken wat je nog niet wist).

Allemaal punten die je beoordeling nog positiever maken!

KUTGW!

PS: Dat navigeer gedeelte met scrollbar lijkt niet. Niet op deze manier in ieder geval, maar ik denk niet dat ze daar een groot probleem van zullen maken.

Bewerkt: 10 december 2009 door Ghosty

14 december 2009

@ Hierboven:

Tsja, ze gebruik sowieso al oude techniek (frames en tables) terwijl je beter div's en floats kan gebruiken Anyway, de grootste fout die ze in het begin maakte was links naar pagina's maken die niet bestonden, wat dus een fouten opleverde Maar hoe ging je presentatie? Ik had als hint nog willen geven dat je hem foutloos had kunnen maken door hem door de W3C-validator te halen, maar dat is nu al te laat

14 december 2009

Wat zijn floats? En waar is die validator? Ik kende de site, maar heb de validator nooit kunnen vinden.

14 december 2009

Floats betekend dat je een element op een pagina laat "zweven". En de validator kan je hier vinden

Inloggen

Html frames

Recommended Posts

.NightFlower

Dakendak

Ghosty

.NightFlower

David22

.NightFlower

BV_1993

David22

Ghosty

David22

.NightFlower

Ghosty

David22

Ghosty

David22

Een reactie plaatsen

Recent actief 0 leden

Community

WikiGTA