Archief - site navigatie

Ik ben pas begonnen met het html en css. Ik lees vaak dat tabellen en dergelijke niet meer gebruikt worden. Elke tutorial die ik lees waar grondig gebruik wordt gemaakt van css en het opmaken via div's, zoals op css zen garden en op veerles blog vermelden ze nergens hoe je op de site moet navigeren (home, fotos, archive,...) Ik weet hoe je dit moet doen door het gebruik van frames en dan een extern html bestand in te laden(voor naar home, archive,... te gaan), maar dit wordt blijkbaar niet meer gedaan.

Kent er iemand een volledige en up to date tutorial waar css op de juiste manier wordt gebruikt, maar ook staat aangegeven hoe je de site navigatie opsteld. Het zou echt een grote hulp zijn.
Stijn.

Beschik je over een server die een serverside scripting language zoals PHP of ASP ondersteunt?

Frames zijn inderdaad uit den boze.

Het principe van site navigatie is gewoon dat elke pagina een geheel aparte en nieuwe pagina is. (Met php kan dit anders maar daar ga ik over zwijgen). Het is dus net hetzelfde als dat je van jouw pagina een link zou leggen naar google, enkel doe je het hier naar een pagina op je eigen server.

Dit wilt dus zeggen dat je gehele pagina opnieuw wordt ingeladen.

Een tutorial vind je hier denkik niet van omdat het in mijn ogen vrij logisch lijkt.

@Xavez: Hij is nog meer net begonnen met html en css dus ik betwijfel of hij al zulke server tot beschikking heeft. Ook zou ik hem die code niet aansmeren want dan zorgt enkel voor verwarring. Doe het gewoon op de plain old-school manier. Elke pagina volledig hetzelfde, enkel de content anders.

Curahee Q zei:

@Xavez: Hij is nog meer net begonnen met html en css dus ik betwijfel of hij al zulke server tot beschikking heeft. Ook zou ik hem die code niet aansmeren want dan zorgt enkel voor verwarring. Doe het gewoon op de plain old-school manier. Elke pagina volledig hetzelfde, enkel de content anders.

Klik om te vergroten...

Met een eenvoudige include kom je al héél erg ver. Veel scripting hoeft daar niet aan te pas komen . Hij zal het op een bepaald punt toch willen leren dus kan ik de info evengoed nu meegeven--mits hij over de middellen beschikt, anders heeft het geen zin natuurlijk =]

Wat ik nu begrijp is dat je je pagina elke keer opnieuw moet laden. vb dat home.htm en fotos.htm de heel de achtergrond bevat. Maar wat als je content hebt zoals een slideshow dan wordt die telkens onderbroken en terug gestart van het begin.

Klopt, dat zal altijd zo zijn, maar je moet dan naar andere creatieve oplossingen op zoek gaan... Voor een slideshow kan je bijvoorbeeld javascript gebruiken, ofwel voor elke slide een aparte pagina maken, die via php automatisch gegenereerd wordt, maar dat brengt ons al veel te ver .

ajax kan je helpen door enkel de content te wisselen en niet de slideshow.
Daar heb je ook geen php/asp ondersteunende server voor nodig. Dus je Telenetspace volstaat om te testen.
Al denk ik dat dat niet voor direct zal zijn.
Een goeie tutorial waar je iets mee bent is
http://net.tutsplus.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Verder zijn er nog veel tutorials over ajax, maar leer eerst goed html en css.
De php include is zeker ook een optie. Maar dan zal je slideshow onderbroken worden.

Corrigeer me gerust als ik fout ben.

j design zei:

ajax kan je helpen door enkel de content te wisselen en niet de slideshow.
Daar heb je ook geen php/asp ondersteunende server voor nodig. Dus je Telenetspace volstaat om te testen.
Al denk ik dat dat niet voor direct zal zijn.
Een goeie tutorial waar je iets mee bent is
http://net.tutsplus.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Verder zijn er nog veel tutorials over ajax, maar leer eerst goed html en css.
De php include is zeker ook een optie. Maar dan zal je slideshow onderbroken worden.

Corrigeer me gerust als ik fout ben.

Klik om te vergroten...

AJAX moogde imo alleen gebruiken als ge acties op de server moet ondernemen waarvoor geen flikkerende pagina nodig is. Content wisselen is daar niet écht een vorm van.

AJAX gebruikt ge meestal in combinatie met een server-side taal ( PHP ASP JSP CFM .. ) die dan xml genereerd. ( niet mogelijk dus op een telenet webspace )

Het is nog altijd toegelaten om tussen te pagina's te navigeren met pageloads zenne

Ik denk dat j design bedoelt dat er dan dan javascript gebruikt wordt dat toggled tussen de verschillende secties van uw website waarbij alle inhoud in 1 pagina staat. En daar is helemaal geen AJAX voor nodig..

Wat de topic starter best kan doen is gewoon eerst een valid xhtml en css pagina opbouwen. En dan alles opdelen in secties en zoals Xavez al eerder vermeldde , die secties oproepen naar gelang je ze nodig hebt met includes / masterpages / etc..

Waarom gebruiken ze dan de term Ajax?
Beter dan JS + JQuery fancy load.
Enkel uit nieuwsgierigheid, ben er behoorlijk leek in.
Voorts kan ik me wel bij je uitleg neerleggen

De tutorial laadt toch de content uit een externe pagina?
Dan toggle je niet, maar laad je.
Ik dacht dat ajax het laden van inhoud was zonder dat de browser moet herladen.
Al zegt de naam uiteraard al dat het om XML gaat.
De imo in je eerste zin is natuurlijk interessant.
Graag meer uitleg.

SEO aspect is natuurlijk ook nog iets voor rekening mee te houden..

Xaves zijn methode is hoe ik het ook doe.
En met een parameter de juiste paginacontent ophalen en die content dan in je "view" plakken.
Beetje simpel gezegd maar het komt in de buurt.
Maar als je die parameter oproept herlaadt de pagina, dus dan begin je slider opnieuw.
Dat is het probleem dat ik wou aanpakken.
Dus tenzij je met de sliderparameter meegeeft zie ik niet meteen een oplossing om die vloeiend te houden.

Ik ben moe dus alles staat wat door elkaar

Merci alvast voor de snelle hulp.