Hoe bouwen jullie je site's op

edgarveen · **Posted:** Tue Aug 30, 2005 3:33 pm

Hmm op de een of andere manier is dit topic dubbel geplaats, mijn excuus hiervoor, ik wil de moderator vragen om 1 van deze 2 te deleten, aangezien ik dit zelf niet kan (error occured). Nogmaals excuus.

Ik ga vandaag aan mijn 2e template voor mambo werken. Ik ga wederom proberen om een bestaande html site qua layout hetzelfde te maken. Ik maak hier als newbie gebruik van het dreamweaver template tutorial (http://www.mambosolutions.com/dw_tutorial/) en als css maak ik gebruik van de CSS Guide for Mambo 4.5 templates van @author Wee Keat Chin.

Ik vraag me af hoe jullie (proffesioneel/amateur mambo gebruikers) jullie templates en styelesheets bouwen, verzinnen en opmaken. Helemaal vanaf nul of zijn er nog meer hulpmiddelen en of tips.

Altijd interresant om te weten dacht ik zo.

sc00zy · **Posted:** Tue Aug 30, 2005 3:58 pm

1) Ontwerp maken in Photoshop
2) Na akkoord de verschillende afbeeldingen uitsnijden
3) Ik maak gebruik van een stylesheet met voorgedefinieerde Mambo-classes die ik daarna alleen hoef aan te passen
4) In deze stylesheet komen dan ook de eigen classes voor de template
5) De index.php is blanco als ik er mee begin

Dus ik maak mijn templates from scratch...

nuvo · **Posted:** Tue Aug 30, 2005 4:08 pm

The same for me.

Behalve als een klant een bestaande template heeft gekozen.
Dan huisstijl aanpassingen doorvoeren op style sheet en template.

Welke index.php head text gebruiken jullie?

Ik zie verschillen in sommige site's

René

Tonie · **Joined:** Thu Aug 18, 2005 7:13 am **Posts:** 13249

De template van mijn huidige template is een aangepaste Solarflare, er is alleen weinig meer van het origineel over qua code. De volgende maak ik zelf, zo moeilijk is het niet. Het maken van een design kost mij echter veel meer tijd, het implementeren van nog wel mee.

edgarveen · **Posted:** Tue Aug 30, 2005 5:42 pm

ik gebruik op dit moment de headtag van de dreamweaver extenstion, maar ik ben erg nieuw hier...

sc00zy · **Posted:** Tue Aug 30, 2005 10:04 pm

Code:

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <?php if ( $my->id ) initEditor(); ?>
      <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
      <?php mosShowHead(); ?>
      <link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/template_naam-01/css/template_css.css" />
   </head>
<body>
</body>
</html>

pe7er · **Posted:** Tue Aug 30, 2005 10:17 pm

Eerst een schetsje op papier
schermbreedte bepalen & posities van modules bepalen
dan tabelstructuur opzetten waarin de modules worden gezet
of als ik iets meer tijd heb alles in CSS en werken met
(kost mij nu nog erg veel tijd om MSIE & Firefox hetzelde te krijgen,
en dan heb ik het nog niet over Mac browsers gehad)
ook ik maak gebruik van een stylesheet met voorgedefinieerde Mambo-classes

wil in de toekomst steeds meer van tabellen afstappen en naar CSS toe. Echter veel modules & componenten (ook eigen

) werken wel nog steeds met tabellen. Ook wordt in sommige componenten nog niet goed gebruik gemaakt van CSS.

Templates maak ik altijd lokaal in een test omgeving (lekker snel + je hoeft alleen te alt-tabben + F5 om het resultaat te zien).

webguy · **Posted:** Wed Aug 31, 2005 4:55 am

Ik gebruik dezelfde methodes als sc00zy en pe7er.
Mijn grafisch (photoshop) ontwerp besteed ik echter altijd uit.
Ik ben (helaas) geen grafisch talent. Ik weet heel goed wat ik mooi vind, maar vanaf een leeg wit scherm beginnen, dan zit ik veel te lang te prutsen

Dus heb ik samenwerking gezicht met een grafisch ontwerper.

Aanvulling:

Afhankelijk van het ontwerp zoek/maak ik ook afwijkende menu modules. Soms is nl. in het ontwerp een dropdown menu meegenomen en dat zit natuurlijk niet standaard in Mambo...
Als laatste bedenk ik voor de klant een structuur voor de categories/sections/items om zijn content het best te organiseren.

Toontje · **Posted:** Thu Sep 01, 2005 6:28 am

pe7er wrote:

Eerst een schetsje op papier
schermbreedte bepalen & posities van modules bepalen

Ik weet niet of ik off topic ga nu, maar voor wat voor schermen maak je een site?
Ik heb al een tijdje een Mabo site draaien die gepaseerd is op Peeklime, dus volledig dynamisch.

Nu heb ik vorige week een eenvoudige HTML site in elkaar geflanst en waar ik tegenaan liep was het probleem om de site in verschillende resoluties een beetje toonbaar te krijgen.
In 800x600 passen de foto's bovenin er niet op, in 1024x786 staat alles een beetje op z'n plaats en bij hogere resoluties ontstaan er weer grote lege vlakken.

Ik ben benieuwd wat de pro's hierover zeggen.

Pathos · **Posted:** Thu Sep 01, 2005 6:41 am

Ik maak of een dynamische grootte, of voor 800x600 en dan centreren. Een scherm dat meegroeit met het scherm vind ik het mooiste maar is ook het lastigste. Met een vaste breedte is het makkelijker om de gewenste lay-out op alle resoluties te krijgen. Door met flexibele ontwerpen te werken leer je wel meer de dieptes van html om alle "problemen" die je hebt op te lossen :-)

hvdd · **Joined:** Wed Sep 07, 2005 9:11 am **Posts:** 2

Ik heb mijn site opgebouwd uit een bestaande template:
de my_template met een mysite.com koptekstm, gebakken in photosoep.
Ik hoop dat je snap welke het is

Ander hier ff een link: http://www.allmambo.com/index.php?optio ... ilecatid=8

Ik heb de index.php en de css helemaal aangepast naar eigen wens, zodat de opmaak eruit ziet als http://www.bsa-site.nl of http://www.macview.nl. Daarna een poosje in photoshop bezig geweest.

Werkt echt ideaal!

MarkV · **Posted:** Wed Sep 07, 2005 9:52 am

-Ontwerp in photoshop (eigen of extern buro).
-Basis bouwen in Dreamweaver (div tegenwoordig, table vroeger) (fp.html).
-Plaatjes die noodzakelijk zijn uitsnijden en in fp.html opnemen.
-Dan Mambo spullen erin.
-Css spul uit fp.html overzetten naar mambo css.
-Vaak nog wat tweaks maken in modules.

Bij eenvoudige sites duurt dit ongeveer 10 uur. Bij complexe en uitgebreide sites ben ik aanzienlijk langer bezig (meerdere modules, maar ook bijvoorbeeld meerdere teksten dus basis opbouw is veel uitgebreider.)

Daarnaast ben ik het meest tijd kwijt met het bepalen van de opbouw van de site (hoe gaat welke content erin). Dus menustructuren ed. Dit gaat ook vaak in overleg met communicatie experts en de klant.

MThomas · **Posted:** Thu Sep 15, 2005 7:36 pm

sc00zy wrote:

3) Ik maak gebruik van een stylesheet met voorgedefinieerde Mambo-classes die ik daarna alleen hoef aan te passen

Ehm waar kan ik die voorgedeffineerde classes vinden zodat ik deze kan gebruiken ben hier ook al enige tijd naar opzoek.

pe7er · **Posted:** Fri Sep 16, 2005 12:43 am

MThomas wrote:

Ehm waar kan ik die voorgedeffineerde classes vinden zodat ik deze kan gebruiken ben hier ook al enige tijd naar opzoek.

op sites die je mooi vindt kijk je naar de broncode voor de daar gebruikte voorgedeffineerde classes in CSS:
bijv. http://www.joomla.org/templates/jw_joom ... te_css.css

edgarveen · **Posted:** Fri Sep 16, 2005 6:44 am

Ja, of gebruik de webdeveloper van firefox, met de css editor kan je gelijk zien wat het effect is...
(is ook maar een goude tip die ik hier ergens gevonden heb hoor)

Joomla! Discussion Forums

Forum rules

Hoe bouwen jullie je site's op

Quick reply

Who is online