Tagarchief: Webdesign

Video waarom website ook geschikt moet zijn voor mobiel

Natuurlijk weten wij webdesigners dat een website vandaag de dag ook geschikt moet zijn voor mobiele apparaten. Sterker nog, met mobile first stellen we het belang van de goede werking op een mobile device vóór op dat van een PC / desktop. Dus een video waarin de belangen worden uitgelegd die zijn voor webdesigners oud nieuws. Maar mogelijk zijn jouw klanten nog niet overtuigd van het nut van deze nieuwe ontwikkelingen? Ik heb een eenvoudige (engelstalige) video gevonden waarin ze dit eenvoudig uitleggen. En het beste is nog…. er zit niet echt een afzender in deze video! Geen logo van een webdesign bureau, geen naam van een webdesigner, geen URL van een webdeveloper. Je kunt deze video dus gewoon embedden op jouw eigen site!

Eventueel zou je er wel een Nederlandse voice over onder kunnen zetten!?

 

Gerelateerde Posts:

Inspiratie vinden voor webdesign en web trends

Dit is een soort Web Design Tutorial. In de video worden tips gegeven hoe je inspiratie kunt vinden voor webdesigns die jij mogelijk moet maken. Wat zijn op dit moment de webdesign trends, welke thema’s zijn hot en welke stylen worden veel gebruikt. We zien in de video bijvoorbeeld dribble voorbij komen, devianart, behance, mashable, mockflow en meer inspirerende en handige sites. Het is een lange video (17 minuten) maar hij bevat echt goede tips en suggesties voor webdesigners / webbouwers!

Gerelateerde Posts:

Wat zijn de kosten van zelf een website maken

Je wilt zelf een website maken voor jouw vereniging, over jouw hobby of je hebt een site nodig voor jouw bedrijf? Mogelijk zie je er tegenop omdat je het nog nooit hebt gedaan en het lijkt alsof het heel technisch en lastig is? Dat was misschien vroeger het geval maar tegenwoordig is het best eenvoudig om zelf een aardige website te ontwikkelen. Dat is te danken aan een nieuwe trend in webdesign land. Want tegenwoordig worden veel websites gemaakt op basis van een systeem met de naam “WordPress”. Dit is een handig programma waarmee je overal ter wereld je website kunt bijwerken. Dit soort programma’s noemen we een CMS, content management systeem. Andere bekende Content Management Systemen zijn Joomla, Drupal, Typo3, Dot Net Nuke, Sitecore en meer. Echter WordPress is op dit moment het meest gebruikte CMS en het aantal gebruikers neemt dagelijks toe.

Wil je leren werken met WordPress? Dat is heel eenvoudig. Zoek via Google bijvoorbeeld naar de zoekterm “Cursus WordPress” of de zin “Website bouwen met WordPress” en dan kun je heel veel handleidingen en informatie vinden. Ben je handig met computers en begrijp je globaal de werking van internet dan is het vrij eenvoudig om te leren werken met WordPress.

Wat heb je nodig voor de bouw van een website?

Wanneer je een website wilt bouwen heb je in de eerste plaats opslagruimte op internet nodig (webruimte). Dit wordt ook wel hosting genoemd. Aan deze opslagruimte koppel je een domeinnaam zodat iedereen de website kan bezoeken. En dan heb je tot slot de software WordPress nodig. WordPress is in principe gratis en kun je vaak gratis installeren wanneer je hosting hebt aangeschaft. Je website heeft natuurlijk ook vulling nodig. Ben je zelf een goede schrijver, dan maak je hier geen kosten op. Ben je niet zo goed met pen en papier? Dan kun je een tekstschrijver inhuren voor professionele teksten op je website.

Domeinnaam kopen

Domeinnamen kun je kopen bij bedrijven zoals TransIP, Hostnet en Strato. Er zijn in Nederland vele bedrijven waarbij je een domeinnaam kunt kopen. Onze domeinnaam hebben we gekocht bij TransIP. De kosten voor het eerste jaar bedragen momenteel 3,99 euro exclusief 21% Btw en de volgende jaren 7,49 euro exclusief Btw.

Domeinnaam kopen tips

  • Richt je je op de Nederlandse markt, kies dan voor een .nl domeinnaam.
  • Wanneer de .nl bezet is kun je kiezen voor .com.
  • Wil je niet dat een concurrent dezelfde naam met .com gaat registeren, koop hem dan zelf.
  • Houd je domeinnaam kort maar krachtig.

Hosting kopen

Hosting kun je net als domeinnamen bij veel bedrijven aanschaffen. Kijk vooral na de reviews en aangeboden service van betreffende bedrijven. Momenteel hebben wij een betrouwbare hostingprovider gevonden in iXL hosting.

Welk hosting heb ik nodig

Het is verstandig om je te laten adviseren door de hostingprovider zelf. Deze mensen weten precies wat jij nodig hebt nadat je je doel van de website hebt uitgelegd. Er zijn verschillende pakketten te koop. Er wordt voornamelijk gekeken naar webruimte en dataverkeer. Webruimte geeft aan hoeveel opslagruimte je hebt.  Wil je veel foto’s en video’s plaatsen, dan heb je meer webruimte nodig dan wanneer je vrijwel geen foto’s en video’s plaatst. Dataverkeer staat in verhouding tot het verkeer, dus de bezoekers, die je verwacht op je website.

Personal hosting, business hosting en reseller hosting.

Onze hostingprovider, iXL hosting, heeft hosting in 3 categorieën verdeeld. Personal hosting is de goedkoopste variant, prima hosting voor kleine ondernemers en eenvoudige websites. In geval van business hosting kun je rekenen op 24 uurs service en regelmatige back-ups zodat er niets verloren kan gaan. En tot slot reseller hosting, dit is geschikt voor resellers (wederverkopers). Ideaal wanneer je veel websites voor anderen maakt of wanneer je websites wilt gaan maken voor de verkoop.

Wat kost hosting?

De namen van hostingpakketten verschillen uiteraard net als de prijzen per hostingprovider. Bij iXL hosting is personal webhosting al verkrijgbaar vanaf 2,50 euro per maand, 30 euro per jaar dus. Inclusief Btw. is dit zo’n 36 euro.  Dit is een prima pakket wanneer je je eerste website wilt gaan bouwen. Je kunt immers altijd je pakket omzetten naar een groter pakket met meer webruimte of dataverkeer. Tevens is het mogelijk om over te stappen naar business hosting of reseller hosting met behoud van je website.

WordPress

WordPress heeft in principe 2 varianten. Je kunt een WordPress website bouwen op de hosting (webruimte) van WordPress zelf (wordpress.com) of op je eigen (gekozen) hosting. Wanneer je voor hosting van WordPress kiest dan start je met een domeinnaam zoals http://pietjansenbv.wordpress.com. Vervolgens kun je dit omzetten naar een eigen domeinnaam zoals PietJansenBV.nl.

Echter is het gebruikelijker om te kiezen voor eigen hosting zoals bij iXL, TransIP, Hostnet of Stato. In dit geval heb je alles in eigen beheer en kun je direct een domeinnaam koppelen. Tevens biedt deze versie van WordPress veel meer mogelijkheden dan wanneer je kiest voor hosting bij WordPress zelf. Via WordPress.com moet je telkens upgraden en betalen voor uitbreidingen. Terwijl je via je eigen hostingprovider direct toegang tot alle mogelijkheden hebt. Dit is tevens stukken goedkoper.

Is WordPress professioneel?

WordPress is zeker een professioneel  systeem om een website mee te bouwen. Je kunt kiezen uit een eindeloos aantal thema’s (basis voor je website) en er zijn duizenden plugins beschikbaar. Offerte systemen, meertalig, mobielvriendelijk, fotoboeken, blogs, bedrijfswebsites, alles is eigenlijk mogelijk. Bekende websites gemaakt met WordPress zijn sites van FCTwente, ICulture en Emerce.

WordPress kosten

Wanneer je een hostingpakket hebt aangeschaft kun je bij de meeste hostingproviders gratis WordPress installeren. WordPress maakt dus geen gebruik van betaalde licenties of dure abonnementen. Wanneer je een website maakt via WordPress.com dien je wel te betalen voor upgrades en pakketten. Echter is dit zoals vermeld af te raden.

Bepaalde plugins en thema’s zijn verkrijgbaar tegen betaling. Echter is dit niet verplicht en maak je deze keuze zelf. Je kunt een prima website maken in WordPress zonder verder geld uit te hoeven geven. Uitgebreide en betaalde thema’s noemen we premium WordPress thema’s. De kosten van zo’n thema liggen vaan tussen de 30 en 80 euro. In de meeste gevallen zijn dit eenmalige kosten.

Teksten

Wanneer je zelf niet zo goed bent in het schrijven van teksten, dan kun je er voor kiezen om een tekstschrijver in te huren. Tekstschrijvers rekenen vaak een tarief per woord. Je kunt een tekstschrijver aangeven waar de tekst over moet gaan en in welke stijl het geschreven moet worden. Tarieven per woord liggen tussen de 1 en 5 eurocent per woord. Wil je 5 pagina’s met 300 woorden en kies je een goede tekstschrijver met een tarief van 3 cent per woord, dan ben je 45 euro kwijt.

Conclusie

In principe kun je dus al een website maken op je eigen hosting voor zo’n 36 euro per jaar. Kosten van één domeinnaam zijn circa 5 euro het eerste jaar. Wil je een uitgebreide thema gebruiken, dan kun je deze aanschaffen voor circa 30 á 60 euro eenmalig. Indien je je teksten wilt laten schrijven reken dan gemiddeld op zo’n 3 eurocent per geschreven woord.

Totale kosten van een eenvoudige website zoals hierboven beschreven:

  • Hosting 36,30 euro per jaar
  • Domeinnaam 1e jaar,4,83 euro.
  • WordPress thema, gratis of 30-60 euro
  • 5 teksten van 300 woorden per stuk, 45 euro.

Je jaarlijkse kosten zijn in dit geval dus 41,13 euro. Laat je 5 teksten schrijven en kies je voor een thema van 50 euro dan komt er eenmalig 95 euro bij. Je kunt dus al een complete website maken voor minder dan 150 euro inclusief de kosten voor 1 jaar.

Gerelateerde Posts:

Mensen inspireren en mensen helpen

In mijn blog-babytijd ging het voor mij over mensen enthousiast maken.

Ik kreeg vaak te horen dat ik zelf enthousiast was en goed was in mensen enthousiast maken voor nieuwe dingen. Niet voor niets heet het blog enthousiasmeren.nl (staat nog steeds online).

Ik heb daarna wel geleerd dat mensen enthousiast maken (inspireren) leuk is, maar niet veel oplevert. Er moet ook een actie komen. Door enthousiast te vertellen over wat jij doet of over andere dingen enthousiast vertellen, worden mensen geen klant.

inspireren en helpen

Lees verder Mensen inspireren en mensen helpen

Gerelateerde Posts:

Voorbeelden van sites met grote achtergronden

Met de toename in downloadsnelheid is de regel dat een website niet groter mag zijn dan 20 kb (kilobytes) niet echt meer van deze tijd. Dit biedt creatief gezien wel weer mogelijkheden. Zo zien we op websites meer gebruik van mooie en vooral grote foto’s. Met name zie je veel headers met grote afbeeldingen die je vervolgens kunt sliden, van links naar rechts kunt schuiven waardoor een nieuwe foto in beeld komt. Een andere trend is het gebruik van hele grote achtergrond afbeeldingen. Vaak is de achtergrond van een website een egale achtergrond kleur, een verloopje of een repeating tile / tegel. Maar veel mooier is een beeldvullende afbeelding natuurlijk. Hieronder een site met diverse voorbeelden daarvan.

Maar let op: Google geeft bij de beoordeling van de ranking van een site ook punten voor de snelle laadtijd, dus een foto van 150 kb op de achtergrond is misschien wel mooi, maar Google zal geen punten geven voor snelle laadtijden.


40 voorbeelden van grote backgrounds in webdesign

Gerelateerde Posts:

Voorbeelden van moderne webdesign sites

Het ontwerpen van een zogenaamde enkelvoudige pagina site (single page web) is lastig als je geen inspiratie kunt vinden bij het ontwerpen. Hieronder een collectie met zeer aardige en mooi ontworpen websites die jou mogelijk kunnen helpen bij het opzetten van jouw eigen webdesign.

Lees verder Voorbeelden van moderne webdesign sites

Gerelateerde Posts:

Cross Browser Check tools

Een website is kwalitatief goed wanneer deze in alle veel gebruikte browsers en systemen (zoals Windows, OS 10 en Linux) op exact detzelfde wijze wordt weergegeven. Dit is voor veel webmasters een hele uitdaging. Minder goede websites worden alleen getest in bijvoorbeeld Explorer 8 of Firefox en zodoende kan de website in andere browsers of op andere systemen toch fouten bevatten of er net even anders uitzien. Er zijn gelukkig wel diverse software en online oplossingen beschikbaar om een gemaakte website (html code en CSS) te controleren op vele verschillende browsers, verschillende versienummers en verschillende systemen. Hieronder een opsomming van tools en programma’s waarmee je als webdesigner de door jouw ontwikkelde website of pagina Cross browser kunt checken op een juiste werking.

Installeer alle bestaande browsers

De eerst optie is het installeren van alle verschillende browsers op jouw computer. Afgezien dat dit veel werk is / veel ruimte kost op de harde schijf en ook niet heel prettig werkt, lost dit niet voor 100% het probleem op. Je kunt namelijk niet altijd van één type browser meerdere versies tegelijk op één computer installeren.

Download meest recente versies van de 5 meest gebruikte browsers

Offline cross browser check

De 2e optie is het installeren van speciale software en tools die speciaal gemaakt zijn om HTML en CSS code te controleren of jou te tonen hoe deze opmaak eruit ziet in de diverse browsers. Helaas is het, zover bekend, alleen mogelijk om deze offline browser check te doen voor Internet Explorer versies. Er is dus geen tool beschikbaar die in één keer alle browsers kan tonen. Mocht je wel een dergelijke tool kennen, laat het Webmaster Resources dan weten.

Online cross browser checks

De 3e en laatste optie is het controleren van het uiterlijk van jouw website via diverse online tools. Voordeel is hierbij dat er zeer veel soorten browsers en systemen gecontroleerd kunnen worden. Denk aan Netscape op een Apple, of de nieuwste Explorer op een Windows 7 systeem, of zelfs een Explorer 6 browser op een Windows 98 systeem. Er is echter ook een nadeel, vaak moet je wel even wachten voordat je resultaten te zien krijgt en dit kan zelfs oplopen tot een halve dag wachttijd en hiervoor heb je nu net de tijd niet vanwege een deadline.

Weet jij nog handige tools / sites voor het controleren van websites op diverse browsers? Reageer dan hieronder of neem contact op met webmasterresources.

Gerelateerde Posts:

De beste Retro en Vintage Webdesigns

Grafisch ontwerpen is een vak apart. En vervolgens heb je het resultaat dat de één het einde vindt en de ander vindt het niets… kwestie van smaak zeggen we dan. Maar kwalitatief design is zeker herkenbaar en kwaliteit is geen kwestie van smaak.

Binnen grafisch ontwerp zie je bepaalde stijlen / bewegingen die door de ontwerper / ontwerpster soms worden toegepast. Eén van die stijlen noemen we vintage en hier bedoelen we eigenlijk oude stijlen mee. En hedendaagse Vintage achtige ontwerpen, als ze mooi gemaakt zijn, lijken soms qua uitstraling meer modern dan nieuwe en moderne designs. Hieronder diverse voorbeelden van goed uitgevoerde vintage en retro webdesigns.

vintage design

Lees verder De beste Retro en Vintage Webdesigns

Gerelateerde Posts: