Jump to content

Html frames

Geplaatst:
comment_1544024

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?

  • Reageren

    • Featured Replies

    Geplaatst:
    comment_1544029

    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...

  • Reageren
    • Geplaatst:
    comment_1544051

    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.

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1544256

    ik heb nu dit als code:

    <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 ziet er dus zo uit :puh:

    post-108771-1260044656,15_thumb.jpg

    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..

  • Reageren
    • Geplaatst:
    comment_1544262

    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 ;)

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1544348

    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 :puh: 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..

  • Reageren
    • Geplaatst:
    comment_1544363

    <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 :7

    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: door BV_1993

  • Reageren
    • Geplaatst:
    comment_1544497

    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 :puh: 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... :7 Lees anders ook eens deze tutorial over frames.

  • Reageren
    • Geplaatst:
    comment_1545340

    De code klopt niet. Ik kan wel een goede maken, maar dan ben ik eigenlijk de maker. :puh: 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: door Ghosty

  • Reageren
    • Geplaatst:
    comment_1545541

    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:

    post-35650-1260225429,66_thumb.png

    Snap je het zo een beetje? :)

    Bewerkt: door David22

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1546333

    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:

    post-108771-1260391539,17_thumb.jpg

    (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">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Home-pagina</title>

    </head>

    <frameset rows="*,100,500,*" border="0">

    <frame src="kleur.html"/>

    <frameset cols="*,800,*">

    <frame src="kleur.html"/>

    <frame src="Banner-home-pagina.jpg" marginheight="0" marginwidth="0"/>

    <frame src="kleur.html"/>

    </frameset>

    <frameset cols="*,150,500,150,*" border="0">

    <frame src="kleur.html"/>

    <frame src="tabel2-buttons.html"/>

    <frame src="table3-home.html"/>

    <frame src="../home-pagina-foto's/illustratie-home copy.jpg"/>

    <frame src="kleur.html"/>

    <frame />

    </frameset>

    <frame src="kleur.html"/>

    </frameset>

    <noframes> </noframes>

    <body>

    </body>

    </html>

  • Reageren
    • Geplaatst:
    comment_1546703

    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! :puh:

    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. :7

    Bewerkt: door Ghosty

  • Reageren
    • Geplaatst:
    comment_1549061

    @ Hierboven:

    Tsja, ze gebruik sowieso al oude techniek (frames en tables) terwijl je beter div's en floats kan gebruiken :puh: Anyway, de grootste fout die ze in het begin maakte was links naar pagina's maken die niet bestonden, wat dus een fouten opleverde :clown: 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 :7

  • Reageren

    • Een reactie plaatsen

    Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

    Gast
    Op dit onderwerp reageren...
    Naar onderwerpenlijst

    Recent actief 0

    • Er zijn hier geen geregistreerde gebruikers aanwezig.