Jan Franken

Toelichting en uitleg over mijn persoonlijke site.
De startpagina is, via het topmenu HOME, altijd bereikbaar.
Meer over de inhoud en hoe ik de site gebouwd heb, lees je hieronder.
Ik hoop een verrassende (Welcome Change) site te kunnen presenteren.

 

De geschiedenis


Foto HTML

2010

Photoshop -HTML- segmenten

Hyperlinks per segment opnemen in photoshop en plaatsen als html pagina. Supermooie oplossing met erg veel Nijmegen promotie erin opgenomen.

De kunstenaar die de compositie in photoshop maakte is Heidrun, met super dank voor deze mooie fotomontage.

Grijs en oranje

2008

Grijs & Oranje

De eerste versie met segmenten in photoshop, maar geplaats als iframe met html binnen een html pagina met andere foto's in tabellen.

Intro

2007

Introductie

Eerste versie van een pagina die automatisch doorgaat naar de index. De toen geplaatste index heb ik niet meer. Ook hier een korte beschrijving van de site te lezen.

Jan

1953-2011

Iets over Jan z'n leven

Enkele foto's op een pagina met aardige hyperlinks naar plaatsen waar ik gewoond en geleefd heb.




De Website

Een persoonlijke site met aardig veel informatie en nog meer fotopresentaties. Een deel van deze presentaties zijn niet voor iedereen toegankelijk daar zij echt persoonlijk zijn en dat willen we graag zo houden.

Indeling in onderwerpen

De site kent 6 hoofdonderwerpen:

  1. Nice & Handy oftewel gewoon Leuk en Handig met hyperlinks, recepten, kleuren en ook een deel met spreuken
    (zelf toe te voegen).
  2. Paper & Calligraphy oftwel Papier en Kalligrafie met uitleg over het onstaan van communicatie, papier, schrijven op zelfgemaakt papier en meer.
  3. Recovering oftewel mijn herstellen na een zwaar ongeval. De tekst gaat hoofdzakelijk over mijn eerste tijd na het ongeval, mijn casuistiek, het revalideren, persoonsmanagement ter bevordering van herstel en ook iets over het dringend benodigde, maar niet voor de klant beschikbare, budget.
  4. Photography ook wel Fotografie. Een neorm mooi hobby waar Heidrun en ik heel veel plezier in beleven. De resultaten zie je overal op deze site terug.
  5. About, ja ook een stukje over mijzelf en mijn werk bij de Luchtmacht. Enkele oude foto´s maar ook links naar defensie en de mogelijke vervanger van de F16.
  6. ***SPECIAL*** inderdaad speciaal. Hier heb ik pagina´s geplaats met allerlei wat ik persoonlijk aardig, mooi, lekker enz vind. Mooie stemmen uit Schotland samen met info over Whisky en een grote liefhebber hiervan Inspector Rebus. Onze eeuwige vrienden zoals Poekie, Joy (die helaas beiden niet meer op deze aarde) maar ook Judy. Een pagina gewijd aan mijn vader en enkele pagina´s met interactieve presentaties.

Tot slot niet als hoofdgroep maar altijd bereikbaar zijn de startpagina, met de hoofdgroepen, onder HOME in de balk bovenin en natuurlijk het contactformulier. Hier kun je altijd vragen, omerkingen, suggesties of wat dan ook kwijt en ik tracht hoe dan ook te antwoorden.

De kleuren

De gebruikte kleuren in RGB gebruik makend van Adobe Kuler

#e0e0e0 #CC6700 #7F4000 #FF8D19 #00607F #009ACC
         
Achtergrond boxen Basis kleur Oranje Donkerbruin Licht oranje Basis donker blauw Licht blauw fel

Jan Franken

Het Logo

Het logo. In de stad Nijmegen lopen en natuurlijk moet er dan een boekenwinkel bezocht worden. In een antiquariaat vond ik een boek met logo´s. Door dit boek bladerend vond ik een mooi idee om om te zetten naar mijn initialen JCF. Ik heb al vaker met kalligraferen gekeken hoe ik er iets moois van kon maken. Met dit ontwerp ben ik zeer tevreden en je ziet het dan ook op bijna alle pagina´s terug.


Het Letterype

Het lettertype. Het kost even tijd en moeite maar ik heb voor het volgende gekozen:
@font-face {
font-family: Trebuchet MS;
}
Goed leesbaar duidelijk en ook bij een kleinere grootte helder en scherp. Hoop dat alle teksten goed leesbaar zijn.



Het Ontwerp

Het ontwerp is gebaseerd op een voorbeeld uit WEB DESIGNER ( http://www.webdesignermagazine.nl ) van januari 2010 uitgave 32. Hierin werd een tutorial gepresenteerd over Photoshop templates omzetten naar HTML. Als expert stond er Lee Grant bij. Vandaar de naam Lee in de code.
De getoonde indeling trok mijn aandacht en met enige aanpassingen werd het de basis van de huidige vormgeving. Met dank aan deze tutorial.