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.