PC-Navigator Forum

Overige categorieën => Website => Topic gestart door: Pimmetje op 22 maart 2004, 16:02:46

Titel: Lay-out maken
Bericht door: Pimmetje op 22 maart 2004, 16:02:46
Ik wil graag simpel gezegt, mijn logo boven, mijn menu links en tekst in het midden, dan dat alleen maar door het maken van frames of zijn daar nog andere mogelijkheden voor ?
Wie o wie kan mij misschien helpen ?? ??
pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 22 maart 2004, 18:45:22
Je kunt dat ook moeilijk doen via tabellen.
Kijk maar eens naar de voorpagina van PCN op www.pcnavigator.nl. Die is ook met tabellen gemaakt. Voordeel daarvan is dat je elke cel in de tabel een andere kleur kunt geven.
Bij onze voorpagina zie je de randjes van de tabel nog, maar dat hoeft niet als je dat niet wil. Zet de rand van de tabel op 0 en je ziet de randjes niet als je de tabel bekijkt in een browser.

Maar als je je menu links wil en zonder frames wil werken, hoe wil je dan pagina's openen vanuit je menu? Dan zou je dus steeds een nieuwe pagina moeten openen.

Ik denk dat in jouw geval iets met 3 frames het makkelijkste is.
Zo'n beetje de layout als die ik op m'n kattekids pagina (http://www.xs4all.nl/~hterwijn/kattekids/) heb. Het menu en het topframe met de kattekids banner staan er altijd en alleen het frame rechtsonder veranderd als ze op een link klikken.
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 22 maart 2004, 19:11:25
ja zoals jouw site eruit ziet maar betekent dat dat je de frames in aparte pagina's moet maken en hoe voeg je ze dan weer in je index in ? snap nog weinig van die frames en heb er toch al een boel over gelezen  :-X
pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 22 maart 2004, 21:14:49
Ik zal kort proberen uit te leggen hoe dat zit met frames.

Als je een homepage gaat maken dan bestaat die uit html-pagina's. Al die html-pagina's tesamen vormen de site.

Vroeger waren de homepages simpel. De homepage begon met een hoofdpagina die "index.html" heette. Op die pagina kwam dan de menu-indeling en als je op zo'n linkje klikte dan kwam er een hele nieuwe pagina op scherm waarop weer linkjes stonden. Zo kon je binnen de site van pagina naar pagina hoppen.

Omdat de navigatie op site's die zo opgebouwd zijn niet steeds hetzelfde is, is men gaan zoeken naar een oplossing. Die oplossing kwam er met de intrede van frames. Met frames kan je eenvoudig leuke sites maken.
Het bestand index.html wordt op een homepage bestaande uit frames alleen nog maar gebruikt om browsers te laten weten hoe ze de frames van de site weer moeten geven.
Een framepagina bestaat in feite uit allemaal losse html-pagina's die in een keer weergegeven worden.

Voorbeeld (zo is de site van m'n katten opgebouwd) :
 (http://www.pcnavigator.nl/uitleg/frames.gif)

Het geheel (index.html) bestaat in feite uit 3 losse html pagina's (inhoud.html, top.html en pagina.html)
- Je zet op top.html het logo van je site.
- Je zet op inhoud.html de menustructuur van je site
- Alle pagina's die je erbij maakt openen in pagina.html
Top.html en index.html blijven dus altijd zichtbaar maar pagina.html wordt steeds vervangen door een andere pagina uit je site.

Hieronder staat wat je bijvoorbeeld kunt zien op zo'n index.html


<html>
<head>
<title>Naam van de site</title>
</head>
<frameset framespacing="0" border="false" rows="80,*" frameborder="0">
  <frame name="banner" scrolling="no" noresize target="contents" src="top.html">
  <frameset cols="120,*">
    <frame name="contents" target="main" src="inhoud.html">
    <frame name="main" src="pagina.html">
</frameset>
</html>

Je ziet daarin info over hoe de pagina eruit moet zien en hoe ie opgebouwd is.
Ik hoop dat het zo iets duidelijker is??
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 23 maart 2004, 10:58:56
Hoi Han,
Je verhaal is duidelijk, ga het nog eens proberen, alvast  bedankt hoor !
pimmetje
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 06 april 2004, 10:27:05
en het is nog steeds niet gelukt maar we gaan vrolijk door met lezen over dit onderwerp en aangezien velen mij voorgegaan zijn zal het mij ooit ook wel lukken, heb nu alleen niet zoveel tijd om het uit te spitten, druk met de stichting.
pimmetje
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 16 april 2004, 16:58:49
En het is eindelijk gelukt dankzij Han  8)
Heel erg bedankt weer want het is wel puzzelen geweest voor een volslagen computerleek zoals ik ,
gr. Pimmetje
Titel: Frames
Bericht door: Pimmetje op 18 april 2004, 15:17:45
Ik wist niet hoe ik het topic lay-out kon heropenen dus maar even op deze manier.
Nou is het me wel gelukt om een index.pagina te maken met top,
menuutje links en de hoofdpagina maar ik weet dus nog steeds niet hoe ik mijn andere pagina's zo krijg dat ze ook op die manier openen  :-X dus ook met menu en top
gr. pimmetje

Edit Han : Topic heropend en je vraag toegevoegd
Titel: Re:Lay-out maken
Bericht door: Han op 18 april 2004, 16:01:35
Je zet op de pagina inhoud.HTML een link en je wilt uiteraard dat die link bij het erop klikken geopend wordt in de ruimte waar pagina.html staat.
Om dat te bereiken geef je in de link een "target" mee.

Voorbeeld :

<a href="huppeldepup.html" target="pagina">

of

<a href="huppeldepup.html" target="main">
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 18 april 2004, 16:10:05
Het is me nog niet helemaal duidelijk want als ik in het menu die link plaats krijg ik toch nog de top niet ?? ?? ??
gr. pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 18 april 2004, 16:12:09
Top.html moet toch hetzelfde blijven??

Alleen je pagina.html moet steeds veranderen in die van je link.

Ze bovenin eens  <base target="main"> meteen onder de title-tag van je inhoud.html. pagina
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 18 april 2004, 16:13:32
Kijk Han, zo heb ik het gedaan en dan opent wel keurig mijn pagina maar zonder top en menuutje
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'hier komt de tekst voor link een.')" onMouseout="boxOff(this)">
  <tr>
    <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="pagina4.htm" target="_menu.htm">Home
      </a></font></td>
Misschien dat het nu duidelijk wordt wat ik fout doe ?
gr. pimmetje en alvast weer heel erg bedankt voor het meedenken
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 18 april 2004, 22:25:26
En wat ik ook doe het wil maar niet lukken  :-X :-X :-X
pimmetje
Titel: Re:Lay-out maken
Bericht door: Zandman op 18 april 2004, 22:50:27
Je target moet main zijn dan opent iedere pagina in het pagina.html frame
Je hebt nu dit staan target="_menu.htm">Home verander dat menu.htm eens in main
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 18 april 2004, 22:54:43
Dat had ik ook al gedaan maar dan opent wel de pagina maar zonder frames, dus geen top en geen menu
pimmetje
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 18 april 2004, 23:00:23
Ik heb de volgende pagina's: inhoud1.htm is de top, inhoud2.htm is de pagina die steeds gewisseld moet worden, dan heb ik menu en index.htm, misschien zit hier iets fout ?
Moet ik misschien nog iets plaatsen op de pagina zelf die gelinkt wordt ?   :-X ik kom er echt even niet meer uit en ben al uren aan het proberen.
gr. pimmetje
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 19 april 2004, 00:14:34
Zo staat het in de index, misschien zit daar iets niet hoe het hoort  ?
<frameset rows="140,*" cols="5" frameborder="Yes" border="2" framespacing="0">
  <frame src="inhoud1.htm" name="topFrame" scrolling="NO" noresize >
  <frameset cols="120,*" frameborder="Yes" border="2" framespacing="0">
    <frame src="menu.htm" name="leftFrame" scrolling="NO" noresize>
    <frame src="inhoud2.htm" name="mainFrame">
   <frame src="11.htm" name="mainFrame">
   
   
   
   
  </frameset>
</frameset>
pagina 11 krijg ik dus wel te zien maar zonder top en menuutje
gr. pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 19 april 2004, 00:25:39
Ik kom er zo niet uit. Een pagina in 3 frames heeft ook 3 html bestanden in de index staan. Ik zie er bij jou al 4  ::)

Mail me eens je index.html en ook de overige html pagina's
- inhoud1.htm
- inhoud2.htm
- menu.htm
- 11.htm
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 19 april 2004, 00:35:45
Net gedaan en alvast heel erg bedankt Han,
gr. pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 19 april 2004, 00:36:47
Ik ga het morgen even op m'n gemakkie bekijken.
Het is nu bedtijd  :D  :zwaaien
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 19 april 2004, 00:41:30
slaap lekker  :zwaaien
pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 19 april 2004, 00:47:09
Al even een blik geworpen.

Ik heb via mail gekregen :
- inhoud1.htm - inhoud2.htm - inhoud11.htm - index.htm

Je index.html vermeld de bestanden :
- inhoud1.htm - inhoud2.htm - menu.htm - 11.htm

Daar gaat het dus al mis. De index zoekt bestanden die er niet zijn.

Kun je me zeggen :
- Welk bestand is het top frame?
- welk bestand is het inhoud frame?
- welk bestand is pagina frame?

Als ik bestanden mis, mail ze dan nog even.
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 19 april 2004, 00:56:36
Hoi Han,
top= inhoud1.htm
pagina htm= inhoud2.htm
inhoud frame= menu
pagina 11 moet gelinkt worden en verder heb je de index.htm
Als je iets mist hoor ik het wel,
gr. pimmetje
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 19 april 2004, 17:10:00
Dankzij Han is het eindelijk gelukt, heel erg bedankt Han voor al je inspanningen natuurlijk ook iedereen bedankt die meegedacht heeft. !
Ik ben echt heel blij dat ik weer verder kan en nu ga ik eens op mijn gemak bekijken waar ik nou de fout ben ingegaan.
Nogmaals toppie hoor Han  8)
gr. pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 19 april 2004, 22:34:41
Ik laat het topic nog even open voor verdere vragen hierover.
Geef maar aan als je denkt dat het topic dicht kan.
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 20 april 2004, 10:32:44
Maar heel goed ook want ik blijf geloof ik consequent iets fout doen, nou zie ik dus alles keurig maar de inhoud2.htm pagina krijg ik steeds te zien in de oude kleuren  :-X menuutje en top keurig in het zwart maar dat dus nog steeds in het blauw.
pimmetje
Titel: Re:Lay-out maken
Bericht door: Han op 20 april 2004, 12:25:19
Als je de kleuren van je site aangepast hebt of iets anders wat best een grote verandering is leeg dan even je map met de "tijdelijke internetbestanden" voordat je 'm in Internet explorer gaat bekijken. Doe je dat niet dan blijf je de oude pagina zien omdat die daar in die map staat.

De "Tijdelijke internet bestanden map" leeg je zo :
- Open IE
- Klik in menubalk op de optie "extra" en dan "internet opties"
- Klik op het tabblad "algemeen" op de knop "Bestanden verwijderen"
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 21 april 2004, 02:21:04
En het topic mag gesloten worden, dankzij een heleboel hulp van Han is het me uiteindelijk gelukt.
Nogmaals heel erg bedankt Han  8) 8) 8)
groetjes van een zeer vermoeide pimmetje die nog even bezig is om links en rechts wat bij te schaven.  :-[
Titel: Re:Lay-out maken
Bericht door: Han op 21 april 2004, 10:21:29
Fijn dat het gelukt is Pimmetje. Hij ziet er prima uit!!
Kijk nog ff naar de link onder je "Home-knop"  ;)

Het topic gaat weer dicht. Heb je nog een vraag over hetzelfde, dan kan je je eigen topic weer openen door op de knop (http://www.pcnavigator.nl/yabbse/YaBBImages/unsolve.gif) te klikken
Titel: Re:Lay-out maken
Bericht door: Han op 22 april 2004, 14:09:03
Ik zie bij de pagina "ter adoptie"een paar rode kruisjes staan.
Die fotootjes laden niet. Ik mail je even een plaatje van wat ik zie, OK?

PS) 1e mail zit het verkeerde plaatje bij  :blozen
Titel: Re:Lay-out maken
Bericht door: Han op 22 april 2004, 14:26:09
Jij ziet de plaatjes wel omdat ze gelinkt staan naar je lokale harddisk.
Bij eentje staat er bijvoorbeeld als plaatjes-URL :
file:///C|/Documents%20and%20Settings/Eigenaar/Mijn%.

Zet daar ff de naam van het plaatje neer.
Titel: Re:Lay-out maken
Bericht door: Han op 25 april 2004, 14:43:46
De nieuwe site is online zie ik....dan kan dit topic toch dicht?
Titel: Re:Lay-out maken
Bericht door: Pimmetje op 25 april 2004, 15:43:05
yip, alle problemen opgelost  :)
pimmetje