woensdag 24 november 2010

Samenwerking met dewebmeester.nl

Samenwerken met dewebmeester.nl? Deel 1.
Ja dat kan. Wat ons betreft: heel graag.

Waarom wil dewebmeester.nl samenwerken met anderen?
Dewebmeester.nl is een groep van gemotiveerde (jonge) mensen met als gezamelijke interesse: het leveren van, voor iedereen betaalbare, hoogst kwalitatieve websites en ondersteunende toepassingen. We zijn hier met elkaar dag en nacht mee bezig. We moeten actief op zoek blijven naar datgene dat echt mooi is en tegelijkertijd betaalbaar is. Dat betekent actief "kaf van koren scheiden". "Kaf" is een website van 1500 Euro als hij ook voor 250 Euro geleverd kan worden. "Kaf" is een website van 99 Euro die niet functioneert of er gebrekkig uitziet. De lat ligt hoog bij dewebmeester.nl ; dewebmeester.nl is een strenge meester. Resultaat: weinig marge en weinig ruimte om tijd te verliezen. Om zelf bezig te kunnen blijven met het zoeken naar en ontwikkelen van het beste van het beste, hebben we anderen nodig om klanten voor ons te vinden.

Wat hebben anderen eraan om samen te werken met dewebmeester.nl?
1) Elke samenwerkingspartner (klasgenoot) krijgt 10% van alle inkomsten van dewebmeester.nl ; Niet van de winst, maar van de inkomsten. Dat betekent ongeveer 50% van de winst. Het enige dat een klasgenoot hiervoor hoeft te doen is een klant aanbrengen. De nieuwe klant stuurt zijn wensen naar dewebmeester.nl met daarbij de naam van de klasgenoot die 10% gaat ontvangen, er wordt een offerte opgesteld, afspraken gemaakt, opdracht uitgevoerd en betaling ontvangen. De klasgenoot krijgt vervolgens 10% van de ontvangen betaling (10% van de factuur en de offerte). De klasgenoot hoefde tijdens dit proces niet meer te doen dan af te wachten. Om dit wachten te vergemakkelijken, wordt de klasgenoot tijdens het proces op de hoogte gehouden van de voortgang van het werkproces.
2) Elke klasgenoot krijgt gratis een complete website inclusief CMS die hij voor een groot gedeelte naar eigen wensen kan invullen.(*) De klasgenoot krijgt zelfs gratis begeleiding en advies om deze persoonlijke website de juiste uitstraling en invulling te kunnen geven. Een voorwaarde is dat de website gebruikt wordt om producten van dewebmeester.nl te presenteren. Dat is wel zo verstandig gezien de mogelijkheden die onder 1) zijn besproken.
3) Dewebmeester.nl zal zich er voor inzetten dat deze website vindbaar is via Google (en andere zoekmachines). Omdat de klasgenoot ook zijn eigen producten of diensten mag aanprijzen via deze website (voor zover niet in strijd met morele principes van dewebmeester.nl), is ook dit mooi meegenomen.
4) Dewebmeester.nl staat er voor open om ook tegemoet te komen aan andere wensen van klasgenoten (opzetten forum, blog, chatkanaal, visitekaartjes, folders, e.a.) voor zover dit helpt bij de samenwerking.
(*) Vraag naar de voorwaarden

Hoe wordt je een klasgenoot?
Stuur een mailtje naar info met daarin antwoorden op de volgende vragen:
1) Naam, adres, woonplaats, telefoon?
2) Motivatie?
3) Voorgestelde strategie (hoe denk je aan klanten te kunnen komen)?
4) Expliciete wensen?
5) Extra vragen?

www.dewebmeester.nl
www.spiderman-webdesign.nl
www.cheap-web.nl
www.cheap-web.com
www.dewebhulp.nl
en nog heel veel anderen.

maandag 1 november 2010

Een joomla module binnen een joomla artikel

Dit zou heel veel mogelijk maken: het direct publiceren van een Joomla module binnen een Joomla artikel. Waarom? Omdat elke joomla template begrensd is door de de beschikbare 'module posities'. Naast module posities is er nog ruimte voor artikelen. Deze ruimte heet 'content' en is geen module positie. Door deze ruimte toch te gebruiken om modules te plaatsen, kun je menu's, flash modules, sliders, fotoalbums, en alles dat je via een module kunt publiceren, heel makkelijk weergeven binnen een artikel zonder dat je daar een dure 'editor' voor nodig hebt. Hierbij hoe je dit kunt oplossen en een voorbeeld:

  1. Maak een module aan of installeer die. (Hoe je dit doet vind je in andere hoofdstukken)
  2. Maak een nieuwe module positie aan (klikken op nieuwe module en onder scroll menu 'positie' gewoon klikken op een beschikbare positie – niet belangrijk welke – en vervolgens een nieuwe naam typen: handmatig. Wel even onthouden welke naam dit is.) Ik heb in mijn voorbeeld de positie 'video' aangemaakt.
  3. Maak een nieuw artikel aan of open een bestaand artikel.
  4. Plaats binnen dit artikel de volgende code (hoeft niet in html code, gewoon binnen artikel plaatsen): {loadposition video} Let op: 'video' is mijn voorbeeld. Dit moet de naam zijn an de zelfbedachte module positie.
  5. Sla op en vervolgens wordt binnen het artikel de module getoond op de plaats waar deze code gedropt is.

Niet moeilijk toch?

Vragen toesturen naar vraag@dewebmeester.nl

vrijdag 15 oktober 2010

Joomla: stap 2

De vraag is:
Is het verstandig om als stap 1 te beginnen met het aanmaken van pagina's.
Antwoord:
Nee. Joomla werkt wat dit betreft wat anders dan een 'gewone' HTML pagina. De basis van een Joomlawebsite zijn artikelen, modules en componenten en dan in die volgorde. Wat is het probleem met het starten met aanmaken van pagina's? Een pagina binnen Joomla is niet een apart HTML bestand maar een bepaalde combinatie van artikelen, modules en componenten die via PHP script geordend worden tot een HTML pagina. Een dynamisch gebeuren en geen statische HTML pagina. De ontwerper en beheerder van een Joomlawebsite moet eerst over bouwstenen beschikken om vervolgens te kunnen bouwen. Oftewel: eerst moeten we de beschikking hebben over artikelen, modules en componenten en vervolgens bepalen we in een volgende stap waar deze bouwstenen zichtbaar gaan worden.
In stap 1 heb ik aandacht gegeven aan de eerste bouwsteen: artikelen. Binnen artikelbeheer kunnen we bijboorbeeld kiezen of een artikel zichtbaar wordt op de voorpagina of niet. Stap 2 is 'menubeheer'; Hier kunnen we instellen of een bepaald artikel getoond moet worden bij klikken op een menu item of dat er een hele categorie artikelen getoond moet worden. Stel dat je begint met het aanmaken van een menu zonder eerst artikelen aan te maken. Dan is de vraag waar je het menu item naar toe kunt laten verwijzen. Antwoord is dan: nergens naar toe.

Stap 2: Menu beheer


We starten met 'main menu'. Dat is het hoofdmenu al zijn er ook templates waar 'top menu' het hoofdmenu is. Dat is makkelijk na te gaan door op 'menu items' te klikken van betreffende menu. Daar zie je welke menu items onder een bepaald menu gepubliceerd zijn en dan weet je dus ook waar dit menu zich op de voorpagina bevindt. Hoe dan ook, je moet eerst uitzoeken welk menu je wilt gaan opmaken. Vervolgens klik je binnen de kolom 'menu items' van het menu dat je wilt opmaken. Als ik klik op 'menu items' van 'main menu' van www.cheap-web.nl (www.meindert.info) dan zie ik het volgende:


Alle menu items en alle submenu items worden nu getoond. Ook wordt getoond waar deze heen verwijzen. Zo verwijst 'online store' naar de component 'Virtuemart' (de winkel component) terwijl Joomla licensie naar één enkel artikel verwijst (er opent zich één enkel artikel binnen een standaard layout) en een ander menuitem naar een hele sectie artikelen (een complete sectie artikelen wordt getoond binnen de standaard layout).
Conclusie: je moet eerst bouwstenen hebben, vervolgens kun je de verschillende menu items hiernaar toe laten verwijzen. Wat je wilt wijzigen is: 1) de naam van het menu item en 2) waar menu item naartoe verwijst? Om de naam te wijzigen klik je op het menu item of submenu item, verandert de naam en slaat op. Andere verwijzing? Klikken op menu item, klikken op 'wijzig type', uitzoeken waar menu item naartoe moet verwijzen en opslaan.

Tot zover. Ik zie uit naar de volgende vraag!
Hartelijke groeten,
Meindert Jorna
www.dewebmeester.nl
www,cheap-web.nl
www.cheap-web.com

zondag 10 oktober 2010

Adobe Business Catalyst

Dit is nieuw: Ik ben aan het uitzoeken of dit een mogelijke optie voor de klanten van www.dewebmeester.nl zou kunnen zijn. Een complete CMS, inclusief webshop, klantbeheer en affiliate beheer. Maar: die zaken vinden we ook bij Joomla. Is er extra's te halen. Ja, vanavond wel. Ik ben verbaasd.

- Adobe biedt een plugin voor dreamweaver. Een (goede) plugin voor Joomla voor Dreamweaver mis ik. Er bestaat een 'joomla kit' voor dreamweaver maar ik was daar niet tevreden over. Deze plugin van Adobe doet (tot nu toe) alles wat ik zou willen: downloaden van de site naar eigen (locale) server en WYSIWYG (what you see is what you get).

- Het aanpassen van de website is werkelijk een WYSIWYG gebeuren. Je kunt werkelijk direct vanaf het internet teksten en illustraties aanpassen zonder eerst naar een control panel te gaan (zoals bij Joomla).

- Snelheid is verbluffend. Internet in Kroatie is traag (zoals veel andere zaken). Maar mijn website bij adobe business catalyst ( http://spidermanwebdesign.businesscatalyst.com )  opent snel, is makkelijk te editen en aanpassingen worden snel opgeslagen.

Ik ga nog even verder met experimenteren en houd jullie op de hoogte via dit blog!

Groeten,

Meindert

www.cheap-web.nl

Joomla moeilijk?

Is Joomla echt zo moeilijk zoals je op eerste gezicht zou denken?

Nee, nee, je vergist je hierin. Je bent echt niet de eerste die er zo over denkt in het begin. Weet dat ik het als mijn opdracht en uitdaging zie om je op weg te helpen. We vinden een manier. Gewoon stapsgewijs. Vandaag stap 1:
Stap 1: Inloggen
Zie de toegestuurde inloggegevens en geef per email aan of dit lukt.
Stap 2: Kennismaking met control panel
Na inloggen zie je je control panel.
cheap webdesign premium joomla


Stap 3: Artikel toevoegen

We beginnen gewoon met het eerste vierkantje dat we zien: Nieuw artikel toevoegen. Als je hierop klikt zie je niet veel anders dan een soort 'leeg word document'. Houd dit in gedachten: het is gewoon een leeg word document. Hier kun je typen, illustraties toevoegen en kleuren aanpassen in je artikel. Nog makkelijker: je knipt en plakt een artikel dat al bestaat vanuit een word document of vanuit een website. Gewoon de tekst selecteren, kopieren en plakken. Vergeet de volgende zaken niet:
- kies een titel.
- laat blok 'alias' gewoon leeg (wordt automatisch aangemaakt)
- kies of je artikel direct wilt publiceren of niet
- kies of je het artikel op de voorpagina zichtbaar wilt maken
- kies de sectie en categorie waar dit artikel thuishoort. Weet je niet waaronder je het artikel wilt plaatsen of als de sectie en categorie nog niet bestaat (je wilt die later aanmaken), klik dan op 'ongecategoriseerd'.
- als laatste: klik op 'opslaan' en gefeliciteerd, je hebt je eerste artikel in Joomla aangemaakt.

Editen en aanpassen van dit artikel of andere artikelen kan via het tweede vierkantje 'artikelbeheer' waar het volgende hoofdstuk over gaat.

Vergeet niet om vragen betreffende dit onderwerp op te sturen naar dewebmeester (samuelservices) en wees hierin niet te bescheiden. Ik houd van vragen. Die houden mij in beweging. Houd het hoofd koel!
Hartelijke groeten,
Meindert Jorna
www.cheap-web.nl
www.dewebmeester.nl
www.samuelservices.nl
www.projektduga.nl
www.kampmanuel.nl
www.dewebmeester.nl
www.spiderman-webdesign.nl
www.bosnie.wordpress.com
www.croatia-advice.com

maandag 4 oktober 2010

Publiceren van een blogpost vanuit (open?) Office (Word of Writer?)

Publiceren van een blog vanuit Word



Lange tijd wilde ik niet overgaan op “Open Office” vanwege de mogelijkheid binnen Microsoft Office (2007 en 2010) om direct vanaf het programma tekst te publiceren op een bepaald blog. Nu lijkt dit binnen 'Open Office' ook mogelijk te zijn. Dit is mijn eerste poging. Ik type gewoon een tekst binnen 'Writer', sla op met een bepaalde titel en klik vervolgens op de ganzenveer waarbij een groen pijltje staat....... Even proberen......

Nee helaas, dat lukt niet. Ik krijg de melding: mislukt, controleer de server configuratie....; Jammer.



Ook na controle van deze gegevens blijkt het niet te lukken...... Of wacht eens even? Als ik klik op de ganzenveer met de gele pijl, dan krijg ik een overzicht te zien van mijn gepubliceerde blogs. Daartussen blijkt ook deze blogpost te staan? Even nakijken.... Ja, zowel de eerste als de tweede poging zijn gepubliceerd. Maar wat als ik deze blog post wil aanpassen? Dan wordt hij dubbel gepubliceerd? Ja, wel als ik vanaf de computer alleen aanpassingen doe. Maar niet als ik eerst op de gele ganzenveer klik en vervolgens op de gepubliceerde post. Dan wordt die gedownload binnen writer en kan ik aanpassingen doen en uploaden.

Deze zin plaats ik als test onderaan: het is een extra zin die ik publiceer nadat ik de blogpost heb gepubliceerd en opnieuw heb gedownload (gele ganzenveer) binnen Writer van Open Office. Test......(groene ganzenveer).



donderdag 30 september 2010

Werkwijzen en fantastische aanbod van www.dewebmeester.nl

De webmeester.nl Hoe werkt www.dewebmeester.nl? Het doel van dewebmeester.nl is om goedkoop te blijven, snelle service te leveren en tegelijkertijd de meest fantastische ontwerpen te kunnen bieden. Dat is een grote uitdaging. Om dit uitdaging waar te maken is www.dewebmeester.nl samenwerking aangegaan met de werelds meest erkende webdesign bureau's. Het resultaat hiervan is dat u de keuze heeft uit het meest complete aanbod webdesign ontwerpen van Nederland. Ontwerpen / designs U kunt bladeren door de designs via www.dewebmeester.nl ('Compleet overzicht') en via de link: http://theartofwebdesign.nl/website-templates.html Daar ziet u in de linkerkolom als eerste een overzicht van het type design waaruit u kunt kiezen. Over deze types kunt u eventueel aanvullende informatie vinden via info

Wat kost het? De prijzen die genoemd worden bij de designs, is de prijs van het ontwerp. Voor het opmaken van uw website, tot 6 pagina's inclusief logo, header, kleuren, teksten rekent dewebmeester.nl 99 tot 120 Euro (ex BTW). Voor installatie van CMS wordt 49 tot 99 euro gerekend.

Fantastisch aanbod U kunt uzelf de kosten van het design ontwerp besparen. Dat kunt u doen door te surfen of http://dreamtemplate.com/ Daar vindt u 5500 ontwerpen die u voor 20 tot 25 euro kunt gebruiken voor uw website indien u uw website laat opmaken door www.dewebmeester.nl In dat geval heeft u dus een complete en professionele website voor 119 Euro.

Procedure en werkwijze 1) U kiest een ontwerp uit en stuurt het bijbehorende design nummer naar ons toe per email 2) U geeft daarbij aan wat uw specifieke wensen zijn betreffende het ontwerp 3) Wij sturen u een vrijblijvende offerte 4) Bij akkoord, kunt u dat via 'reply' (email) aangeven 5) U stuurt zo snel mogelijk al uw illustraties en teksten aan ons toe per email 6) U heeft twee maanden recht op ondersteuning en advies wat betekent dat u met uw vragen telefonisch of per email bij ons terecht kunt en vaak binnen 24 uur een antwoord heeft. Binnen deze periode worden gewenste extra aanpassingen binnen uw website alsnog aangebracht. 7) Als u na deze twee maanden nog behoefte heeft aan aanpassingen en advies, dan kunt u dat inkopen voor 10 Euro per maand (Prepaid, geen abonnement en geen verdere betalingsverplichtingen. Hoeft dus niet opgezegd te worden)

Advies betreffende hosting Laat uw hosting regelen door www.dewebmeester.nl ; Dat kost u 5 Euro per maand en bespaart u veel hoofdpijn. U heeft dan recht op onbeperkt dataverkeer en 24 uurs ondersteuning betreffende hosting, een extra domeinnaam en 1500 GIGABYTE!!!! aan opslagruimte (kunt u direct al uw foto en filmmateriaal ergens opslaan op internet).

Hoe kunnen we zo goedkoop zijn? Dat is het geheim van www.dewebmeester.nl Enkele geldige antwoorden: - Omdat ik als eigenaar van eerlijkheid houd - Omdat mijn vrouw en ik een ontwikkelingsproject in Kroatië beheren ( www.projektduga.nl) en werkloze jongeren in Kroatië inzetten. Op deze wijze helpen wij hen en helpen zij ons. - Omdat www.dewebmeester.nl samenwerkt met de grootste internationale webdesign bureaus zoals www.templatemonster.nl , www.icetheme.com, www.templateplazza.com , en www.dreamweaver.com kunnen we tijd en geld besparen. - Omdat we uiteindelijk met heel veel klanten werken vanwege dit unieke concept, zijn we op alle terreinen concurrerend

.


vrijdag 24 september 2010

Test 2: Invoegen (embed) flash (.swf) in je website

Vandaag weer wat succes gehad wat betreft het invoegen van flash. Hierbij wat tips en advies:

- Er bestaan op internet veel gratis, online diensten waarmee je informatie gratis kunt publiceren.

- Vaak zijn die diensten goed vindbaar op internet omdat velen houden van 'gratis'.

- Door gebruik te maken van die diensten, groei je ook zelf wat betreft vindbaarheid. Maar je wilt natuurlijk wel dat informatie die gevonden wordt goed is, duidelijk is, compleet is enzovoorts.

- Een mogelijkheid is flash. Waarom? Als eerste omdat flash een bestandformaat is waarmee veel informatie weergegeven kan worden terwijl ook scripts (klikken, roll over met muis en andere interactieve zaken) netjes worden weergegeven. En: het bestand is relatief klein (laadt snel). Zo kun je complete uitklapbare menu items weergeven binnen een artikel of een complete webpagina in flsha formaat. Voorbeeld: http://cheap-web.devhub.com/flash-banners/ waar ik wat flashbanners heb geplaatst.

- Maar hoe plaats je die banners? Via Google lijkt het vrij makkelijk. http://www.w3schools.com/flash/flash_inhtml.asp De code:

Maar binnen http://cheap-web.devhub.com blijkt dit niet te werken. Om zo'n code te laten werken moet je natuurlijk eerst het .swf bestand naar je server uploaden en de broncode van hierboven naar het juiste bestand laten wijzen. Maar: het werkt binnen http://cheap-web.devhub.com dus niet voor een bepaalde banner (voor een andere mogelijk wel).

Oplossing:

Open programma "dreamweaver" (een beetje webdesigner maakt gebruik van dit programma), maak een nieuwe HTML pagina aan en kies als 'beeld' ---à 'code'. Binnen <body> tags plaats je .swf bestand door te klikken op "insert" (of: "invoegen") en vervolgens .swf bestand en bladeren naar een .swf bestand. Het maakt hier niet uit naar welk bestand je verwijst want het gaat om ons om de broncode die Dreamweaver automatisch aanmaakt. Na klikken op 'ok' wordt er automatisch broncode aangemaakt die verschijnt binnen een geselecteerd vak. Dat hoef je nu alleen nog maar te kopieren en te plakken binnen je HTML site op internet. Binnen die code pas je vervolgens op twee plaatsen binnen de code de link die naar het .swf bestand verwijst. Gewoon de complete URL (Voorbeeld: http://www.advice4all.info/flash/header1.swf .) Pas ook de grootte aan naar de wensen voor je website. En ja, het ziet er mooi uit: http://cheap-web.devhub.com/flash-banners/

maandag 6 september 2010

Invoegen van flash

Er zijn veel mogelijkheden en onmogelijkheden om flash in een website te stoppen. Meest gebruikte is de 'embed' methode waarbij het flash video bestand geupload wordt naar een bepaalde map in de server en vervolgens wordt er binnen de HTML code van de website, op de plaats waar de flash video moet verschijnen, een bepaald script geplaatst die aangeeft dat het videobestand geladen moet worden. Mijn probleem was dat voor verschillende soorten websites, verschillende scripts lijken te gelden en verschillende methodes. Ik probeer ze hier op een rij te zetten:

Flash importern in een Joomla site

Gisteren gelukt in www.cheap-web.nl op de plaats 'advert 1'; Dat is een banner geworden. Banner is geplaatst met een aparte (non commercial) flash module; Lekker makkelijk dus. Ik had ingesteld dat de banner op alle pagina's vertoond moeten worden maar dat geeft problemen in de virtuemart sectie. Hoofdpagina 'Online store' geeft de banner heel netjes weer. De rest van de virtuemartpagina's (categorieën en producten) geven alleen een lege ruimte weer. Ik heb de module voor de Virtuemart sectie dus even uitgeschakeld (wel makkelijk van een module….)

Flash importeren in Joomla / Virtuemart

Stel dat je zoals wij flash banners wilt verkopen. Dan is het wel handig dat deze flashbanners ook getoond worden in de winkel. Dat ga ik vandaag voor elkaar proberen te krijgen.

Om je"YouTube video" en andere Flash files in de VirtueMart product beschrijving te plaatsen, moet je de 'object' en de 'embed' items uit de volgende regel verwijderen:

var $tagBlacklist = array('applet', 'body', 'bgsound', 'base', 'basefont', 'embed', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'object', 'script', 'style', 'title', 'xml');

De nieuwe regel wordt dan:

var $tagBlacklist = array('applet', 'body', 'bgsound', 'base', 'basefont', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'script', 'style', 'title', 'xml');

Zoek naar deze regel in: administrator/components/com_virtuemart/classes/phpInputFilter/class.inputfilter.php file.

Vervolgens moet je de HTML code van de product beschrijving aanpassen en de video file plaatsen met onderstaand script:

 <div align="center">
<object width="445" height="364"><param name="movie" value="http://www.youtube.com/VIDEO PATH"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/VIDEO PATH" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="445" height="364"></embed></object>

</div>

Je moet hier 'http://www.youtube.com/VIDEO PATH' natuurlijk vervangen met je eigen
video file URL.

Ik probeer deze variatie in de productbeschrijving van het product 'flash banner' binnen virtuemart van www.cheap-web.nl (Categorie 'Extra services en diensten'); Ik klik op het icon 'html', plak het script daarin en klik 'update' en ja hoor, er verschijnt een .swf bestand op de plaats van de productbeschrijving. Alleen: hij 'loopt' niet. Het blijkt een gecombineerd flash bestand te zijn. Het .swf bestand ('main') laadt zelf andere .swf bestanden via een .xml bestand en dat blijkt niet te werken. Via Google ontdek ik al dat .swf bestanden die aangestuurd worden via .xml bestanden moeilijker te integreren zijn in Joomla / Virtuemart. Ik ga dat uitzoeken!

Flash script binnen index.php ?

Een ander script dat ik tegen kom geeft de aandacht aan het plaatsen van het script binnen de index.php file. Dat is mij niet duidelijk omdat volgens mij dan niet duidelijk is op welke plaats de flashbanner zal verschijnen. Hierbij het script (ik zal direct dit script in de index.php plaatsen met een verwijzing naar en .swf bestand uit de root om te kijken wat het resultaat zal zijn; ik zal het laten weten!):

Copy the following directly into the proper location within your index.php file which drives the Joomla template.
 
<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codebase=http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=5,0,2,0
width=700
height=175>
<param name=movie value=globe.swf>
<param name=quality value=high>
<param name=BGCOLOR value=#112B4D>
<param name=SCALE value=noborder>
<embed src=globe.swf
quality=high
pluginspage=http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash
width=700
height=175
bgcolor=#112B4D
scale= noborder>
</embed>
</object>

Het resultaat?: Een 'syntax error'; Niet aan te raden dus dit script….

Flash script binnen index.php (artisteer templates)

Deze code kwam ik tegen om binnen de 'header' te plaatsen vaneen template die is opgemaakt in Artisteer:

<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="984" height="278">


<param name="movie" value="<?php echo $mosConfig_live_site;?>/


template/TemplateName/images/filename.swf " />


<param name="quality" value="high" />


<embed src="<?php echo $mosConfig_live_site;?>/template/TemplateName/images/filename.swf " quality="high" pluginspage="http://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="984" height="278"></embed>


</object>

(Uit: http://www.artisteer.com/?post_id=110256&p=forum_post&topicsPage=3&forum_id=20)

Vergeet nooit om voor vragen contact op te nemen met www.dewebmeester.nl

(wordt vervolgd)

zaterdag 4 september 2010

Werken met 'Adobe Contribute'.

Vandaag probeer ik met het programma 'Adobe Contribute' mijn blog dewebmeester.wordpress.com aan te passen. Mijn eerste indruk betreffende 'Contribute' is: niet veel extra's. Een 'gewoon' (gratis) programma als 'Kompozer' lijkt meer te kunnen en makkelijker te bedienen te zijn. Ook zie ik (nog) niet hoe 'Contribute' een aanvulling kan zijn op 'Dreamweaver'. Mijn conclusie tot nu toe: voor wat betreft het onderhouden van websites, kun je beter met 'Dreamweaver' blijven werken.


 


Maar wat betreft 'Blogs' bevat 'Contribute' een aparte functie. Hierbij mijn eerste bijdrage vanuit dit programma, direct geupload naar mijn blog. Laat ik eerst eens proberen hier een videobestand in te voegen (iets wat in wordpress.com moeilijk zou moeten zijn):


 


Verdraaid, dat lijkt te lukken (een .swf bestand voor www.fransjorna.nl, een klant van dewebmeester.nl); Nu ga ik dit uploaden ('publish') en de komende dagen hoop ik het resultaat samen te vatten in een vervolgartikel op dit blog;


Welterusten,


Meindert A. Jorna


cheap-web.nl (ja, een nieuwe / extra domeinnaam. Ik wil binnenkort ook even terugkomen op het thema 'domeinnamen'.


Een minuut later: nee, helaas, dat werkt toch niet. Wordpress.com staat inderdaad niet toe dat en flash bestand gepubliceerd wordt. Zal ik moeten overstappen op wordpress op mijn eigen server. Hierbij dan even een illustratie (dat moet toch wel lukken......):




donderdag 26 augustus 2010

cheap-web.info, uw chatkanaal voor advies betreffende uw website

Beste mensen,

Vandaag is het open chat kanaal van www.cheap-web.info van start gegaan. Elke bezoeker aan deze website kan hier terecht voor vragen en adviezen betreffende webdesign, een nieuw te starten website project of andere zaken betreffende internet marketing. Elke bezoek is geheel vrijblijvend. Het is zelfs niet nodig om je te registreren. Iedere bezoeker kan meedoen binnen dit chatkanaal. Voor echt kwaliteits advies, klik je binnen het chatkanaal op 'admin'. Dan weet je zeker dat je met de ontwerper en eigenaar van cheap-web.info spreekt. En dat is: dewebmeester.nl

Hartelijke groeten,
Meindert A. Jorna
Tot morgen?



:

dinsdag 20 juli 2010

Gebruiksaanwijzing: Download component Joomla!

Download component en module

De meeste websites hebben de mogelijkheid om documenten te downloaden. Handig voor de bezoeker. Als eigenaar geef je iets weg waarvoor de klant al dan niet moet betalen. Om dit proces te kunnen beheren heb je een download component nodig. Een download component die gratis is en mij heel erg goed bevalt is de Phoca download component. (http://www.phoca.cz/download/category/4-phoca-download-component ) ; De installatie is makkelijk (via admin panel van Joomla, extensies, install) maar wordt pas voltooid na twee stappen (let dus op: na de eerste installatie ben je niet klaar. Je moet nog een keer klikken op 'install'). Vervolgens zie je de component onder 'componenten'. Binnen deze component maak je vervolgens secties aan en categorieën. Daarna kun je een file uploaden via filebeheer.

Het probleem is mogelijk om deze file zichtbaar te maken in de frontend (voorkant website). En daar ging het nu net om. Maar ook dat is niet moeilijk. Makkelijkste is om apart menu aan te maken binnen menubeheer. Na aanmaken van menu, open jen dit menu en klik je op 'item toevoegen' (rechtsboven). Hiermee maak je een nieuwe link aan binnen het menu. Dan kies je 'wijzig type' en vervolgens kies je waar deze link naartoe moet wijzen. Dat moet zijn een file binnen phoca download. Je klikt hierop en binnen de rechterkolom kun je vervolgens kiezen naar welke file deze link moet verwijzen. Je met natuurlijk niet vergeten een leuke naam te verzinnen voor je link en te klikken op 'opslaan'.

Bij aanmaken van nieuw menu wordt dit menu standaard zichtbaar gemaakt op alle pagina's. Dat wil je mogelijk niet. Ga dan naar 'module beheer', zoek daarbinnen op de naam van je menu (er is daar een module voor aangemaakt bij het aanmaken van je nieuwe menu) en vervolgens zie je de verschillende opties voor zichtbaar maken van je nieuwe download menu.

Succes ermee.

Dewebmeester.nl

Wordt vervolgt…….

Hoe werkt: Joomla!

Joomla is populair. Maar in de meeste gevallen betekent dit "de klok horen luiden en niet weten waar de klepel zit". De meeste geinteresseerden voelen wel aan dat Joomla veel ('gratis') mogelijkheden biedt maar hoe gebruik je die? Hoe werkt Joomla? Binnen deze blog post vragen van klanten en antwoorden.

Veranderen template/ de 'look'/ layout / ontwerp


Het Joomla pakket komt met een aantal standaard layouts. Deze worden 'themes' genoemd of 'templates . Aanpassen betekent:

- Inloggen in administrator panel

- Via 'extensies' naar 'templatemanager'

- Vervolgens zie je een aantal templates

Aanpassen van logo


Download component en module


De meeste websites hebben de mogelijkheid om documenten te downloaden. Handig voor de bezoeker. Als eigenaar geef je iets weg waarvoor de klant al dan niet moet betalen. Om dit proces te kunnen beheren heb je een download component nodig. Een download component die gratis is en mij heel erg goed bevalt is de Phoca download component. (http://www.phoca.cz/download/category/4-phoca-download-component ) ; De installatie is makkelijk (via admin panel van Joomla, extensies, install) maar wordt pas voltooid na twee stappen (let dus op: na de eerste installatie ben je niet klaar. Je moet nog een keer klikken op 'install'). Vervolgens zie je de component onder 'componenten'. Binnen deze component maak je vervolgens secties aan en categorieën. Daarna kun je een file uploaden via filebeheer.

Het probleem is mogelijk om deze file zichtbaar te maken in de frontend (voorkant website). En daar ging het nu net om. Maar ook dat is niet moeilijk. Makkelijkste is om apart menu aan te maken binnen menubeheer. Na aanmaken van menu, open jen dit menu en klik je op 'item toevoegen' (rechtsboven). Hiermee maak je een nieuwe link aan binnen het menu. Dan kies je 'wijzig type' en vervolgens kies je waar deze link naartoe moet wijzen. Dat moet zijn een file binnen phoca download. Je klikt hierop en binnen de rechterkolom kun je vervolgens kiezen naar welke file deze link moet verwijzen. Je met natuurlijk niet vergeten een leuke naam te verzinnen voor je link en te klikken op 'opslaan'.

Bij aanmaken van nieuw menu wordt dit menu standaard zichtbaar gemaakt op alle pagina's. Dat wil je mogelijk niet. Ga dan naar 'module beheer', zoek daarbinnen op de naam van je menu (er is daar een module voor aangemaakt bij het aanmaken van je nieuwe menu) en vervolgens zie je de verschillende opties voor zichtbaar maken van je nieuwe download menu.

Succes ermee.

Dewebmeester.nl

Wordt vervolgt…….

vrijdag 25 juni 2010

Templateplazza.com; hoe te gebruiken

Prachtige designs en tegelijkertijd grote functionaliteit. Als webdesigner heb je mogelijk maanden nodig om dit voor elkaar te krijgen. Dit blog is voor klanten van www.dewebmeester.nl die gebruik maken van een design van www.templateplazza.com .

Installatie

Laten we aan onszelf over. Belangrijk: neem hosting via www.dewebmeester.nl dan weet je zeker dat alles werkt en dat je niet teveel betaalt. Aandachtspunt: bij installatie via 'quickstart' niet de voorbeelddata installeren. Die zijn al verwerkt in de quickstart.

Opmaak

De header

De header is in dit geval een 'banner'; Of eigenlijk: een serie banners die achter elkaar via 'slideshow' getoond worden. Je vindt ze dan ook via 'componenten'-à 'banners' ('advertenties') binnen de categorie 'TPFade'. Oftewel: alles wat binnen deze categorie banners (advertenties) geplaatst wordt, is zichtbaar binnen de header. Klik maar eens op 'banners' ('advertenties')en kies vervolgens één van de banners binnen de categorie 'TPFade' en je ziet de betreffende banner verschijnen. Helaas kun je de banner zelf hier niet aanpassen, dat moet je in een extern fotobewerkingsprogramma doen (adobe elements of 'the gimp'). Ook kun je een nieuwe banner plaatsen door binnen 'banners' rechtsboven te klikken op 'nieuwe' en zelf illustraties e.d. toe te voegen. Verwijderen van een banner kan éénvoudigweg door te klikken op het groene vinkje onder de kolom 'published'.

Het systeem waarbij bepaalde artikelen binnen een bepaalde catagerie op een bepaalde plaats binnen de website verschijnen, lijkt bijna 100% op het systeem van www.icetheme.com waarover ik een apart hoofdstuk heb geschreven binnen dit blog (kijk even rechts in overzicht artikelen)

De header 2

Noodzakelijke aanvulling: Binnen 'banners' is niet alleen de categorie van belang maar ook de klanten. Binnen header draaien banners uit catagorie 'TPFade' en van klanten 'Open source matters' ; Natuurlijk is dat aan te passen maar dit is het uitgangspunt. Verder is het niet altijd makkelijk om een foto van het juiste formaat te plaatsen. Je kunt wat aanprutsen in 'paint' of zo maar je kunt ook gewoon de afmetingen instellen na het klikken op de gewenste 'banner'. Maar ook dit geeft bijna nooit het gewenste resultaat. Verder van belang: illustraties (banners) moeten worden geupload naar de folder 'images/banners/' en vervolgens verschijnen ze binnen een uitklapmenu binnen de banner module.

Hoofdmenu

Gewoon Joomla werk: Ga naar 'mainmenu'; klik op menu-item dat je wilt aanpassen en verander al dan niet:

1) - waar menu-item heen moet wijzen ('wijzig type')

-2) - titel van menu-item

3) - illustratie die links van menu-item getoond wordt; Dit is wel extra in relatie tot de gewonen Joomla installatie.Binnen menu-item klik binnen rechterkolom op 'parameters systeem' en dan zie je een klein uitklapmenu met mogelijkheid een illustratie te kiezen. Deze illustraties bevinden zich in map 'images/stories' en als je aan andere illustratie wilt dan degene die geboden worden, dan moet je dus eerst een passende illustratie oploaden naar deze map. Wil je weten welke illustraties er al in de map zitten, dan ga je naar 'mediabeheer' en blader je daar doorheen.

Achtergrond

De achtergrond bij 'resto-plazza' is een illustratie. Een .jpg file met blokjes. Deze kun je vervangen of verwijderen. Aanpassen van de achtergrond doe je door via administrator panel naar 'template beheer' te gaan (onder 'extensies') en vervolgens te klikken op de template 'resto plazza'; In de rechterkolom zie je de achtergond illustratie die daar gebruikt wordt. Die kun je daar weghalen of aanpassen. Hieronder zie de gebruikte achtergrondkleur (#ccc als standaard) en die kleur kun je daar dus eventueel aanpassen.

Wordt vervolgd

zaterdag 22 mei 2010

Lightbox 2.04

Vandaag gewerkt met "Lightbox 2.04". Dit is een toepassing die is bedoeld om binnen een (HTML)webpagina op een professionele wijze foto's weer te geven. Vrij simpel:

  1. Download lightbox = een map met bestanden: images (bevatten de foto's), js, css en een HTML file als voorbeeld. ( zie: http://www.huddletogether.com/projects/lightbox2/ )

  2. Open de HTML file en volgt de instructies.


  3. Open 'beeld' en vervolgens 'paginabron' om achter de HTML site te kijken hoe actionscript moet worden geplaatst binnen HTML pagina van de eigen site.

    Dit betekent dat de volgende scripts binnen de "head" van de site geplaatst moeten worden:


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


<script src="js/prototype.js" type="text/javascript"></script>


<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>


<script src="js/lightbox.js" type="text/javascript"></script>




  1. Plaats (upload) de js en css en images mappen in de map waarin de te bewerken website zich bevind.


  2. Kopieer de link(en) uit de voorbeeld HTML naar de pagina waar de foto's geplaatst moeten worden.

    Dit betekent dat de volgende linken geplakt moeten worden (binnen de HTML code) op de plaats waar de foto's vertoond moeten worden:


<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>




  1. Pas deze linken aan zodat ze verwijzen naar foto's die werkelijk in de "images" map bevinden van de te bewerken site.

  2. "insert" een thumb van de te bekijken foto's binnen de geplaatste linken op de plaats waar nu >image #1< staat of: bewerk deze tekst zodat ze logisch verwijzen naar de te vertonen foto.


Lightbox is een kadootje voor elke webmaster. Volg gewoon de algemene logica van het webbouwen (= zorg ervoor dat alle linken verwijzen naar hetgeen jij wilt laten zien) en je website krijgt direct een vrij professionele uitstraling. Vergeet niet om de illustraties uit de map 'images' zoals je die aantreft in de lightbox map te uploaden naar de images map van je website. In deze map zitten een paar iconen die worden weergegeven via de geuploadde scripts. Daar bevindt zich bijvoorbeeld het icoontje 'close' dat wordt weergegeven bij het openen van een illustratie is lightbox zodat de bezoeker weet waar te klikken om de illustratie weer te laten verdwijnen.

Voor meer info stuur mij even een mailtje,

Meindert A. Jorna

Spidermanwebdesign@gmail.com

Kijk ook eens op:

www.spiderman-webdesign.nl

of:

www.dewebmeester.nl

Joomla, oscommerce, magento of zencart? Vergelijk!

Mijn klanten lijken vaak voor het uiterlijk te gaan. Maar bij het starten van een webwinkel behoor je niet alleen naar het uiterlijk te kijken. Hieronder een handig schema. Maar klanten weten daar toch weinig raad mee. Mijn conclusie: Ga voor Joomla. Dan heb je een compleet CMS, kun je alle artikelen, pagina's, illustraties e.a. aanpassen (dus ook de zaken buiten de webwinkel), heb je een mooiere vormgeving dan oscommerce en meer ondersteuning van forums en leden dan bij Magento of Zen Cart. Maar hierbij een (niet compleet) overzicht. Ik hoop het binnenkort nog even aan te vullen.

Groeten, dewebmeester.nl

De belangrijkste systemen naast elkaar

  

Magento 

Oscommerce 

Zen Cart 

VirtueMart (Joomla)

Gratis licentie 

Ja 

Ja 

Ja 

Ja 

Onbeperkt aantal producten 

Ja 

Ja 

Ja 

Ja 

Ondersteund SSL 

Ja 

Ja 

Ja 

Ja 

Wijzigen Producten 

Ja 

Ja 

Ja 

Ja 

Wijzigen klanten 

Ja 

Ja 

Ja 

Ja

Admin kan Producten In Order aanpassen 

Ja 

Nee 

Plug-in 

Nee 

Spreadsheet Database Upload 

Ja 

Nee 

Plug-in 

Nee 

Product Attributen 

Ja 

Ja 

Ja 

Ja 

Meerdere Product Images 

Ja 

Nee 

Ja* 

Ja 

Coupons 

Ja 

Nee 

Ja 

Nee 

Afwijkende prijzen per klantgroep 

Ja 

Nee 

Ja 

Ja 

Grafisch Template Systeem

Ja 

Nee 

Ja 

Ja 

Live Verzendkosten berekenen 

Ja 

Ja 

Ja 

Ja 

Google Checkout Voorgeinstalleerd 

Ja 

Nee 

Nee 

Nee 

Paypal 

Ja 

Ja 

Ja 

Ja 

Paypal Pro 

Ja 

Nee 

Ja 

Nee 

Content Management Systeem vor extra Pagina's 

Ja 

Nee 

Ja 

Ja 

Aanpassen meta tags 

Ja

Ja 

Ja 

Nee 

SEO URLs 

Ja 

Ja 

Ja* 

 

Afrekenen op 1 pagina 

Ja 

Nee 

Optie 

Nee 

Meertaligheid 

Ja 

Ja 

Ja* 

Ja 

Meerdere valuta 

Ja 

Ja 

Ja 

Ja 

Multi-Store ondersteuning 

Ja 

Nee 

Optie 

Nee 

Web Hosting Requirements 

Semi Dedicated 

Shared Hosting 

Shared Hosting 

Shared Hosting


 

Hieronder informatie van een ander adviesbureau (ook handig):

Lees verder over de verschillende webwinkel systemen


Zen Cart webwinkel Zen Cart webwinkel...  Lees meer


Magento webwinkelHet lijkt erop dat er concurrentie aankomt voor de diverse populaire webshopscripts (osCommerce, Zen...  Lees meer


osCommerce webwinkelOnline winkel en e-commerce oplossing waarvan de ontwikkeling volgens de Open Source methode wordt...  Lees meer


Joomla!

VirtueMart webwinkelVirtueMart is een webwinkelcomponent van Joomla!. Naast de internetwinkel zelf kunnen binnen Joomla...  Lees meer

vrijdag 14 mei 2010

Flash als achtergrond website

Het wordt steeds gekker met ons. Eerst waren we blij dat we teksten aan elkaar konden versturen, toen kwamen de illustraties en vonden we het vervolgens leuk om illustraties als achtergrond te gebruiken. Toen ontdekten we bewegende beelden, flash en de volgende stap is dan: achtergronden in flash. Je ziet ze niet veel: websites met een bewegende (flash) achtergrond. De reden kan natuurlijk zijn dat dit te druk wordt maar volgens mij is de reden vooral dat het vrij moeilijk is om dit gedaan te krijgen. Hierbij een korte workshop:

Hier is wat HTML code:

<div id="bg">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="Snow" width="100%" height="575" align="top" id="Snow">
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://www.homedics.com/skin/frontend/hmdx_us/default/images/media/Snow.swf"/><param name="menu" value="false" /><param name="scale" value="noscale" /><param name="salign" value="t" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><param name="QUALITY" value="low"> <embed src="http://www.homedics.com/skin/frontend/hmdx_us/default/images/media/Snow.swf" width="100%" height="575" align="top" menu="false" quality="low" scale="noscale" salign="t" wmode="transparent" bgcolor="#ffffff" name="Snow" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

In de CSS file:

#bg { margin-bottom:-575px; position:fixed; width:100%; top:0; left:0; }

Dit is het voorbeeld uit http://homedics.com/

Nu nog even aanpassen. Ik ga er mee bezig en houd jullie op de hoogte.

donderdag 29 april 2010

Icetheme: aanpassen templates

Icetheme.com biedt geweldige Joomla templates met veel professionele invoegtoepassingen. De uitleg en bijbehorende documentatie over hoe zo'n template naar eigen wensen op te maken, ontbreekt in grote mate. Vandaar dat ik zelf maar wat ga schrijven tijdens het opmaken van enkele templates voor een paar klanten. Het betreft op dit moment de klant www.wibo-forum.net en www.advice4all.info/icetheme ('Projekt DUGA' = www.kruispunten.net ).waarvoor ik de template "prestige" aan het opmaken ben. Verder ben ik de template it_veranda aan het opmaken voor http://hairsensations.accountsupport.com/your_style en daar bekijken we de mogelijke problemen bij het implementeren van 'Virtuemart'(webwinkel) binnen de tempates van icetheme.com. Over het algemeen kan ik zeggen dat ik tevreden ben over de layout al moet je bereid zijn om enkele 'bugs'te bestrijden voordat je begint met de aanpassing van de templates.

Een overzicht van zaken waar je tegenaan kunt lopen bij aanpassen van deze template:

Aanpassen van de illustraties binnen de ronddraaiende carousels.

Eerst het meeste opvallende: Er zijn meerdere caroussels. De bovenste blijkt 'IceSlideShow' te heten (belangrijk om te weten want dan kun je die tenminste terugvinden binnen 'modulebeheer'). Binnen modulebeheer vind ik deze carousel onder module nummer 27 en 28. De onderste (boven de footer) is de "IceCarousselModule"; Voor een compleet overzicht van de plaats van de verschillende modules zie hieronder.

Maar toch: de afbeeldingen binnen iceslider worden niet aangepast binnen de module. De module is zo opgezet dat hij artikelen uit een bepaalde categorie laadt. Standaard is dit de categorie 'iceslideshow'. Kortom: aanpassen van de afbeeldingen betekent aanpassen van de artikelen binnen artikelbeheer en specifieker: binnen de categorie 'iceslideshow'. Andere optie: binnen artikelbeheer zoeken naar 'photo' (de artikelen die binnen de carousel draaien hebben allemaal een naam met 'photo' erin).

Plaatsen, uploaden van illustraties in het algemeen.

Bij openen van een artikel lijkt de upload functie niet te werken. Tenminste, bij mij niet. Oplossing is natuurlijk om met eigen FTP programma foto's te uploaden. Er zijn meerdere mappen (onder images); Foto's voor artikelen zitten in de map 'icetheme' -à 'articles' maar als ik foto's wil veranderen zal ik ze moeten uploaden naar de map 'images/stories'; Allemaal niet logisch. Helaas.

Ontdekken van de posities van de verschillende modules.

Hieronder een overzicht van posities:


Aanpassen logo

Dit lijkt me het eerst noodzakelijke. Er zijn meerdere mogelijkheden. Als eerste de simpele: Ga naar modulemanager. Zoek "logo", klik om te bewerken, bewerk en sla op. Je kunt binnen de module zelfs met een simpel editprogramma werken (lijkt op word editor); Maar nee, het werkt niet allemaal. Ik klik op bestaande image en vervolgens hieronder op afbeelding bewerken. Er opent zich een nieuw venster waanrin ik kan kiezen tussen foto's die al zijn geupload. Maar als ik een nieuwe wil uploaden (bladeren --à upload) dan hapert dit. Ook hier blijk ik mijn nieuwe logo eerst met FTP te moeten uploaden naar de map 'images/stories'(o, hoe onlogisch deze map……). Of: ga naar 'toggle editor' helemaal onderaan binnen de module 'logo' en bewerk HTML. Maar ook dan moet je eerst handmatig (extern) uploaden via FTP.

Thumbnails binnen iceslideshow werken niet?

Info via Google: Probleem kan zijn dat er een bepaalde editor zou zijn ingeschakeld binnen 'algemene instellingen' van de Joomla installatie. Oplossing is dan om die uit te schakelen binnen de algemene instellingen en vervolgens de artikelen die draaien binnen de iceslideshow module te bewerken en op te slaan. Tot nu toe krijg ik de thumbnails binnen www.wibo-forum.nl/cms nog niet werkende terwijl de thumbnails binnen www.advice4all.info/icetheme wel werken. Maar eerlijk is eerlijk: bij de eerste heb ik een editor geactiveerd en bij de tweede niet. Uiteindelijk lijkt het probleem de server te zijn waarop de joomla installatie draait. Mogelijk een probleem met de PHP versie.

Aanpassen menu's

Dit is simpel. De template heeft standaard een aantal menu's geinstalleer.

- helemaal linksboven is 'topmenu'

- het horizontale menu onder de header is 'mainmenu'

- het rechtermenu is 'othermenu'

- helemaal beneden is 'footermenu'

Het is mogelijk om eerst de titels van deze menu's aan te passen en de weergave van deze titel aan of uit te zetten. Titel voor 'othermenu' staat bevoorbeeld 'aan' en dat is op zich een onlogische titel voor een website. Om die aan te passen ga je naar 'menubeheer', en klik je op 'othermenu' en pas je de gegevens aan naar je wensen. Dat kun je dus ook voor de andere menu's doen.

Inhoud van menu's is mogelijk nog belangrijker. Daarvoor klik je op het betreffende menu onder 'menu's. Bijvoorbeeld 'mainmenu' (als je daar de titel nog niet van hebt veranderd). Vervolgens zie je een lijst met alle daar onder hangende menu items. Je kunt simpelweg de titels van die menu items aanpassen door op het betreffende item te klikken.

Toevoegen menu item

Als je bijvoorbeeld op 'main menu' hebt geklikt onder 'menu's ', kun je een menu item toevoegen door rechtboven op teken 'toevoegen' te klikken. Vervolgens moet je aangeven waar dit menu item naartoe moet verwijzen (naar welk soort website onderdeel) en als je dan bijvoorbeeld voor 'artikel' kiest, kun je in de rechterkolom kiezen naar welk artikel dit menu item moet verwijzen. Kortom: je moet wel eerst een artikel hebben gemaakt binnen artikelbeheer voordat je dit kunt linken aan een menu item. Een menu item kan ook verwijzen naar een blog, een lijst met blog onderwerpen, een lijst met artikelen, een forum, gastenboek, e.a.

Werken met categorieën

Het goede van de icetheme.com templates vind ik het werken met categorieën en de plaats die de artikelen die bij een bepaalde categorie horen, automatisch toebedeeld krijgen. Bijvoorbeeld: plaats je een artikel binnen de categorie 'iceslidershow', dan verschijnen deze artikel vanzelf in de slider in de header. Indien je een artikel aanmaakt of aanpast binnen de categorie 'sample news' dan verschijnen de artikelen (en illustraties) binnen de blokken op het centrale gedeelte van een pagina.

IceCarousel

Onderaan de homepagina zie je een mooie lijst met foto's en enkele tekst daaronder. Dat is de icecarousel module. Het is vrij gemakkelijk die aan te passen. Je klikt op 'artikelbeheer', vervolgens kies je rechtsboven onder 'categorie' voor 'IceCarousel' en alle artikelen binnen deze slider worden getoond. Als je nu op bijvoorbeeld het eerste artikel klikt (Beauty) dan opent zich dit artikel inclusief mogelijkheid om artikel en bijbehorende fote te bewerken. Dit werkt volgens hetzelfde principe als onder IceSliderShow (de slider in de header); Pas je de foto aan, dan past automatisch te foto in de slider zich aan.

Embed video

Hoe eigen video materiaal te plaatsen op site? Ga naar modulebeheer. Klik op 'zoeken' en zoek naar 'video'; Vervolgens zie je een module en die heet 'embed video'. Klik daarop. Hier kun je alleen bepalen op welke plaats je video getoond wordt en welke titel daarbij wordt weergegeven. Hier kun je niet bepalen welke video er getoond zal worden. Dit laatste blijkt een ingewikkelde zaak. Slecht van icetheme.com Zoeken binnen hun forum levert ook al niets op. Degenen die vragen over 'embed video' hebben gesteld lijken geen antwoord te hebben ontvangen.

Oplossing ligt binnen het aanpassen van de HTML. Opnieuw een minpunt voor icetheme.com: een klant wil geen scripts aanpassen. Nu is dit niet al te moeilijk. Ga hiervoor opnieuw naar de module 'embed video' zoals hierboven beschreven en klik daarop. Onderaan de pagina zie je blok met "schakelen tekstverwerker". Klik hierop. Vervolgens wordt de HTML getoond die bepaalt welke video er getoond wordt. Om hier nu video's te te kunnen plaatsen, moet je jezelf eerst aanmelden bij een dienst als youtube.com of vimeo.com ; Vervolgens moet je een eigen video uploaden en de bijbehorende HTML plakken binnen de module 'embed video'.

Kijk: als het ons eenmaal gelukt is om via het aanpassen van de HTML video te plaatsen binnen ene website, dan zijn we verder ook niet meer gebonden aan de zogenoemde modules. Dan kunnen we op elke plaats binnen de website video plaatsen. Als we maar toegang hebben tot de HTML. Bijvoorbeeld: ga naar artikelbeheer (dus niet modulebeheer), klik op categorie 'IceCarousel' en open een artikel binnen deze categorie. Klik opnieuw onder artikel op 'schakelen tekstverwerker' en zo kom je in de HTML. Kies de eerste image verwijzing (bovenaan, tussen <p> en </p> en plaats daartussen de html uit bijvoorbeeld youtube. Vervolgens 'Save' en 'Voorbeeld' en je verkozen video wordt nu getoond in de Carousel. Zie bijvoorbeeld: www.kruispunten.net, onderin (opmaak wordt nog aan gewerkt). Dezelfde video staat ook links op de pagina onder 'Zomerkampen' binnen de module 'embed video .

Virtuemart / ecommerce invoegen

Dit levert niet veel problemen op (http://hairsensations.accountsupport.com/your_style/ ).


 

(wordt vervolgt)

Script: in en uitklappen van tekst binnen website

Het lijkt zo makkelijk als je alleen maar websites bekijkt en ze niet hoeft te maken: een link in de website en als je er op klikt, klapt er een stukje tekst open. Dat is makkelijk omdat de bezoeker niet een aparte webpagina hoeft te openen om de tekst te kunnen bekijken en omdat de bezochte pagina niet direct hele lappen tekst lijkt te bevatten. Eerlijk gezegd maak ik tegenwoordig amper meer een website zonder deze techniek te gebruiken. Voorbeelden: www.fransjorna.nl en www.beautysalonalaa.nl


Er zijn een viertal elementen nodig om dit te laten werken:


  1. Het script:

    <script type="text/javascript">
    function kadabra(zap) {
    if (document.getElementById) {
    var abra = document.getElementById(zap).style;
    if (abra.display == "block") {
    abra.display = "none";
    } else {
    abra.display= "block";
    }
    return false;
    } else {
    return true;
    }
    }
    </script>
    (te plaatsen in de head)


  2. Style script:

    <style type="text/css">
    #tekst {
    display: none;
    width: 250px;
    border: 1px solid black;
    background-color: #cccccc;
    padding: 5px;
    font-size: 12px;
    }
    </style> (ook plaatsen in de head)


  3. Tekst die open moet klappen (zelf schrijven) en die vervolgens plaatsen tussen:

    <p id="tekst">
    </p> (de verwijzing "tekst" kan natuurlijk aangepast worden en dan moet die vervolgens ook aangepast worden binnen het style script en de link hieronder.)


  4. Een link waarop geklikt moet worden om de tekst uit 3) zichtbaar en onzichtbaar te maken:

    <a href="#" onclick="return kadabra('tekst');"> Hier de link naar je tekst die zichtbaar is voor je bezoekers en waar ze op moeten klikken om de tekst uit 3) te kunnen zien.</a>


En illustraties / pictures / images / foto's? Dat werkt op dezelfde manier. Alleen onder 3) een verwijzing naar een image bestand plaatsen in plaats van tekst. Maar wat betreft images en foto's raad ik toch echt lightbox aan.

Groeten,

Meindert (dewebmeester.nl)

(wordt vervolgt)

zondag 7 februari 2010

“Free” Magix website maker 3?

Sommige zaken kosten tijd en leveren niets op; Zo ook het downloaden van de "Free website maker 3" van "Magix. Het klonk al te mooi om waar te zijn: Gratis, gratis, gratis……; Ja, het downloaden is nog wel gratis, meer niet. Als je het programma éénmaal hebt geïnstalleerd en opgestart, wordt je voortdurend doorgelinkt naar de website van Magix zodat je daar het benodigde abonnement kunt kiezen. Niet doen. Als je dat wel doet, krijg je een heel erg sobere kiesmogelijkheid. Veel te karig en zonder fantasie. Uiteindelijk heb ik een account aangemaakt bij Magix nadat ik een bestelling had geplaatst (en betaald); Ik moet zeggen dat ik uitermate tevreden ben over de geleverde software. Maar niet over website maker 3 of 4 en zeker niet over de wijze waarop die wordt aangeprezen. Als ze één euro hadden gerekend, was me dat één euro teveel geweest. Laat gratis op het internet gewoon gratis zijn alsjeblieft. Goed, toen ik éénmaal een eigen (betaald) account had bij Magix, bleek ik een stap verder te kunnen met Magix free website maker. Ik blij. Even lekker aanrommelen dacht ik. Nee, opnieuw fout. Ook voor dit aanrommelen moet ik betalen. Alleen volgt de betalingsverplichting een stap verder. Opnieuw tijd verloren…… Hoop dat de lezer van dit blog zich deze tijd zal besparen.

woensdag 3 februari 2010

Slideshow

Naast Lightbox 2.04, kun je natuurlijk allerlei andere toepassingen gebruiken om een leuke diapresentatie te geven via je website. Een voorbeeld van een flash slide show vind je op www.kampmanuel.nl Die is "gewoon" opgemaakt met Adobe Flash en later is het SWF bestand binnen de HTML code geplaatst (zie paginabron om te kijken hoe je dit kunt doen). Maar vandaag heb ik geprobeerd te werken met http://www.yourminis.com Die bieden allerlei gratis widgets aan; Je hoeft alleen de broncode te kopiëren en in te voegen op je webpagina (binnen de code natuurlijk). Ik zocht "slideshow" en kreeg er een aangeboden via http://www.yourminis.com/minis/yourminis/yourminis/mini:slideshow Daar kan ik vervolgens URL's toevoegen ("add"). Helaas lukt het me nog niet om gehele mappen tegelijk toe te voegen en heb ik voor elke foto apart een url moeten toevoegen. Vervolgens kopieer ik opnieuw de broncode en plaats die op mijn site. Het voorbeeld: www.projektduga.nl op de pagina "Ondersteuning".