Project: dezelfde layout houden, maar source-code verbeteren

[Lila19]

Deze post betreft http://www.liesbethbijkerk.nl


Allerbeste Helpmij leden,

Een paar jaar geleden heb ik de website van mijn moeder gemaakt (http://www.liesbethbijkerk.nl), een paar keer per jaar update ik deze website met nieuw werk, of veranderingen in exposities. Nu weet ik stiekem wel dat frames eigenlijk echt niet meer kunnen en dat ik tables nogal misbruik, maar ik heb de kennis (nog) niet om de site op een andere manier in elkaar te zetten.

Nu heb ik de rest van het schooljaar (ik doe kunstacademie) een studiestop genomen en heb dus wat extra tijd omhanden. Een deel van deze tijd zou ik willen besteden aan het leren goede websites te maken. Als eerste project lijkt het mij een goed idee om de website van mijn moeder onder handen te nemen. Daarna kan ik mijn vergaarde kennis misschien eens toepassen op een nieuwe website voor mijzelf (http://www.marleenrenders.com (twee jaar oud)).

Mijn doelen zijn:
- Geen verjaarde elementen (zoals frames)
- Cross-browser compatible
- Op alle (redelijke) beeldresoluties goed te bekijken (vanaf 1024x768, of 800x600?)
- De website moet correct in elkaar zitten (geen onelegante code, waar het nu vol mee zit)
- Het liefst de huidige layout zoveel mogelijk behouden

Eventuele extra's:
- Een database waarin de plaatjes van kunstwerken plus gegevens staan. Zodat deze gegevens niet steeds per pagina moeten worden ingevoerd. Dat het geladen wordt uit een gemakkelijk te bewerken bestand. (Mijn moeder heeft al een database in Filemaker pro waar de nodige gegevens ingevoerd zijn, dus misschien is dit gemakkelijk te gebruiken?)
​

Ik hoor graag van jullie hoe ik deze doelen (en eventueel die database) kan realiseren en hoeveel tijd mij dit waarschijnlijk gaat kosten.
Links naar leesmateriaal van de onderwerpen waar ik me in moet gaan verdiepen waardeer ik ook zeer.

Ik heb een klein beetje programmeerervaring (naja, ik kon een rekenmachine maken in visual basic ) en heb me (voor informatica op de middelbare school) ook een tijdje bezig gehouden met SQL, verder kan ik overweg met HTML en ik kan een klein klein beetje CSS. Ik gebruik meestal kladblok en photoshop voor het maken van websites, maar kan ook Dreamweaver installeren mochten jullie me dat aanraden.

Ik hoop van dit topic een projectje te kunnen maken waar ik met mijn vragen in de uitvoering ook terecht kan.. Maar misschien moet ik als het zover is toch uitwijken naar de specifieke subfora waar die vragen bijhoren.

Met vriendelijke groet!
Marleen.

 

[That Guy]

Hi Marleen!

Geweldig, al die voornemens. En helemaal mooi is dat het zeker moet gaan lukken. Nu, sinds je al enige ervaring hebt met html, css en sql (en vb, maargoed, dat is niet heel erg van toepassing op websites ), zal alles wel redelijk gaan lopen.

Uit je lijstje van punten:

• Geen verjaarde elementen (zoals frames) Nu, ik heb even de site zitten bekijken, en er zit inderaad erg veel retro-code in! Gelukkig heb je weet van css, dus dat moet zeker helemaal goedkomen. Ik kom er later nog op terug.
  
• Cross-browser compatible als je goede, gestructureerde code gebruikt, zal dit zeker geen struikelblok zijn.
  
• Op alle (redelijke) beeldresoluties goed te bekijken (vanaf 1024x768, of 800x600?) Met css is heel veel moois te doen, onder andere het 'meerekken' van je site.
  
• De website moet correct in elkaar zitten (geen onelegante code, waar het nu vol mee zit) Oef, ja. Net zoals hierboven (retro-code) kan alles een stuk mooier, korter en beter.
  
• Het liefst de huidige layout zoveel mogelijk behouden dat moet ook zeker geen probleem zijn.

Nu, je extra lijstje ga ik even overslaan, want anders neem je net even wat te veel spreekwoordelijke hooi op de vork. Maar als alles klaar is, zal het niet veel moeite zijn om het erbij in te bouwen!

Ik denk dat het handigste is als je je eens wat inleest op php. Dit is een soort van programmeertaal voor HTML, dwz. dynamische output voor html. Het voordeel van PHP is dat je maar 1x een (bijvoorbeeld!) menu hoeft te maken, en deze in al je pagina's kan includen. Een beetje hetzelfde (even handig) als frames dus, maar dit zal dan gewoon als HTML code in je pagina verschijnen.

Hieronder in mn handtekening staan wat links, klik eens op de 'een PHP-gebaseerde site maken' (de laatste). Deze tutorial van CSSHunter (mede-forumer, zoals de naam suggests een CSS expert) geeft goede uitleg hierover! De layout etcetera zal mischien niet zo zijn als je wilt, maar het is een goede basis!



Niels (jawel, dezelfde) :thumb:

 

[Lila19]

Hee Niels!!

Hartstikke bedankt voor de snelle reactie! Ik ben al een beetje begonnen met lezen en ga binnenkort eens met een eerste opbouw beginnen. Fijn om te horen dat je denkt dat (in ieder geval mijn eerste doelen) haalbaar zijn.

Ik heb de vraag even op opgelost gezet, mochten er nieuwe vragen van mij komen dan verander ik dat weer

Groeten!
Marleen.