Opzet van mijn frames pagina
Okay, here we go...
Zoals je kunt zien heb ik een plaatje ingeladen, waarop een printscreen te zien is van mijn introductie pagina, de home pagina zogezegd. Je ziet dat er 3 pijltjes naar 3 vlakken verwijzen. Bij het ontwerpen van een frames pagina zoals de mijne heb ik 3 files/bestanden moeten aanmaken. De een voor de banner, het gele vlak bovenin, dit is erg eenvoudig, komt later aan de orde. Blijven over het linker en het middenvlak, hier moeten we even voor zitten, dit doe je niet 1-2-3. De gebruikte codes en met name het waarom moet je wel weten, gaat er natuurlijk om dat je snapt, wat je aan het doen bent.
Toen ik deze frames pagina begon, had ik al ettelijke HTML bestanden aangemaakt over van alles en nog wat. HTML??? Hoe zo, ik ken geen HTML denk je dan. Don't worry op het net zijn diverse handleidingen te vinden. Hier vind je een link bijv. naar een hele goeie pagina van Michael
en zie ook mijn linksites. De 55plus, recepten, 2004 bijv. had ik al veel eerder aangemaakt en deze waren gewoon kaal op het net te bekijken.
HTML staat voor Hyper Text Mark Up Language, opmaaktaal, zo dan weet je dit ook weer. Alles wat op het net bekeken wordt is in HTML geschreven en alle teksten met deze opmaaktaal/codes worden door de internet browsers (IE bijv.) herkend. Er zijn natuurlijk nog verschillende talen erbij gekomen, de ontwikkeling houdt niet op, maar ik zal je er niet mee vervelen. Stiekum toch (Java, CSS etc..)
Waarom dan naar frames overgestapt? Wel nu, dit had je al kunnen zien, iedere keer wanneer de kijker/viewer een link aanklikt, komt de inhoud in het middenvlak en blijft het linkervlak gewoon staan, in vakjargon heet dit frozen, bevroren staan, wel zo gemakkelijk, dit om het de kijker gemakkelijk te maken.
Een jaar of wat geleden deed men nog al moeilijk over frames, omdat diverse browsers dit niet zouden ondersteunen met het gevolg dat de kijker de meest vreemde effecten op zijn scherm te zien kreeg, ergo hij stopte gewoon uit pure ergernis, fout, je moet de kijker blijven boeien! We leven echter in 2004 (nog de beste wensen trouwens...) en ik heb gemerkt dat zelfs daarin de nodige technologische vooruitgang is geboekt
Maar snugger als ik ben (ahum...) heeft de kijker een keuze of hij mijn pagina's 'kaal' of 'geframed' wil bekijken. Er zijn altijd nog PC bezitters die met oude versies werken en andere schermgroottes dan je eigen met toeters en bellen aangeschafte peperdure PC, tjsa... en daar dien je toch ook rekening mee te houden. Je publiek moet zo groot mogelijk zijn, en daar horen oneerbiedig gezegd ook de kneusjes tussen. Als het goed is, is dit je al opgevallen toen je mijn website opzocht.
Maar goed we dwalen af, ik zou het een en ander in vogelvlucht uitleggen, de basis zogezegd.
Zoals al eerder gezegd, zou je al bestanden kunnen maken met HTML, waarin je bijv. iets over jezelf vertelt, een profiel over je zelf bijvoorbeeld. In een tweede bestand kun je bijv. iets vertellen over je hobbies of je werk, maakt niet uit wat. Ja hee "hoe", hoor ik je denken.
Simpel, je maakt een bestand aan gewoon met platte tekst via Notepad of kladblok, heeft iedere PC bezitter.
Mijn allereerste bestanden heb ik ook zo gemaakt. Maar mijn hang naar iets beters is groot, dus wat heb ik gedaan. Deze tekst is bijv. op die manier aangemaakt. Ben wat wezen turven op het net en vond deze fantastische kladblok of editor Notetab. Download dit programma en het kost niks!!! En wat blijkt, alle codes worden je hier min of meer aangereikt, het gemak dient de mens.
Oefen hier wat mee en volg de aanwijzingen, het spreekt voor zich. Ik kan natuurlijk niet alles voorkoken, enige zelfwerkzaamheid wordt op prijs gesteld.
Terwijl je bijv. met je hobbiesbestand bezig bent, kun je al intussen de codes gebruiken, scheelt echt een flinke slok op een borrel qua tijd.
En ik eerst zitten zwoegen met mijn simpele kladblok of die van Yahoo, terwijl dit programma al een tijdje voor handen is.
Oh ja, heel belangrijk stel dat je staat te popelen om een tekstbestand aan te maken, bewaar je nieuwe bestand altijd als ...save as text En maak er een gewoonte van je bestandsnamen met kleine letters te bewaren. Ook de codes in je teksten met kleine letters!!
Bekijk op je gemak het gedownloade programma Notetab (dit moet je echt doen!) en oefen er wat mee.
Deze tekst is ook vrij plat, moet ik ook wat finetunen met tabellen en leuke achtergronden. Verder wil de grootte van het font veranderen, kleiner. Komt later...
Wordt vervolgd...wordt niet vervolgd. Er zijn talloze en veel betere handleidingen op het net beschikbaar dat ik het eigenlijk zonde van mijn tijd vind hier nog het wiel te gaan zitten uitvinden. Bezoek mijn links op deze site, waarin ik een uitgebreide selectie heb gemaakt van interessantste links voor webdesign.
Even er tussen door, kon het niet laten. Heb intussen een menuutje (mijn Javafrutsel) in dit bestand ingebouwd, om even snel naar een ander site te kunnen springen. Zomaar 3 willekeurige sites, die ik zo af en toe bezoek. Wil hiermee alleen maar illustreren dat er met Javascript allerlei leuke snufjes in je site ingebouwd kunnen worden. Dit was zomaar een voorbeeld.Even er tussendoor: deze URL naar laat je tabel zien met de meest gebruikte kleuren.