LinkedIn op je website

Geschreven door Webmaakster op . Geplaatst in Webmaakster.nl

“Ik wil mijn LinkedIn account toevoegen aan mijn website. Kan dat?” Ja, dat kan.

Op de website van LinkedIn vind je bij je profiel buttons met een link naar je persoonlijke profiel. Hier zie je een voorbeeld.
Met de generator die je vind met de knop ‘Get it’ kun je de gewenste code genereren. Die code kan geplaatst worden in je website.


Er zijn nog veel meer mogelijkheden te vinden op de developer site van LinkedIn.

Je kunt ook een Profiel Badge kiezen. Als je je profiel bewerkt, zie je rechtsonder de opties. Ga naar Profile > Edit profile of Profiel > Profiel bewerken. Je kunt ook meteen doorklikken naar LinkedIn Profile Badges. Tip: wanneer je je taal aanpast naar Engels in plaats van Nederlands zie je veel meer opties voor buttons.

Bekijk Meta's profiel op LinkedIn

Presentatie: Vergelijking WordPress en Joomla

Geschreven door Webmaakster op . Geplaatst in Joomla!, Webmaakster.nl, WordPress, WordPress als CMS

Waarom is WordPress zo populair? Kun je er alles mee wat Joomla ook kan? Wat moet ik kiezen als ik een nieuwe website wil (laten) maken?

Voor de Joomla gebruikersgroep Rotterdam of wel de JUG010 mocht ik op 24 oktober 2012 een presentatie geven. Deze presentatie helpt je niet bij het maken van een keuze voor één van de CMS-en. Webmaakster.nl gebruikt beide, omdat het uiteindelijk niet het contentmanagementsysteem is wat je website maakt, maar de gebruiker! (Met een beetje hulp van een webmaakster misschien…)

Zoeken naar kleuren voor je website

Geschreven door Webmaakster op . Geplaatst in Grafisch, Ontwerpen, Webmaakster.nl

“Ik wil een blauwe achtergrond en een accent met wat geel. Of misschien oranje.”
“Ik vind een groene kleur, die er natuurlijk uitziet en rust uitstraalt wel mooi”.

Kleuren voor printwerk hebben een andere naam of code dan kleuren voor websites. Geel is er in vele variaties en rood is ook niet altijd rood. Een bruin vlak uit je printer, kan er heel anders uitzien, dan het bruin op je beeldscherm.

Je hebt verschillende kleursystemen met allemaal eigen codes en hun toepassing: CMYK, HTML-kleuren, Pantone PMS, RAL, RGB, en nog veel meer.

Voor websites gebruik ik hexadecimale code. Deze code wordt verwerkt in HTML en CSS, de talen waarmee je website gemaakt wordt. Voor een website gaan we dus op zoek naar kleuren die je in HTML-taal kunt gebruiken. Je herkent ze aan het #-teken. Zo kun je zelf een voorstel doen voor een aantal kleuren voor een heel nieuwe website of huisstijl.

Indisch rood heeft de HTML-naam Indianred en de code #CD5C5C

Handige sites om kleuren te vinden zijn:

Bij een eerste gesprek over een nieuwe website zal ik uitgebreider informeren over de mogelijkheden, de mogelijkheden bij het ontwerpen van logo’s en visitekaartjes, kleuren en leesbaarheid van een website. Het voorstel van een aantal HTML-kleuren kan richting geven voor het eerste ontwerp.

Ik zie de wijziging niet op mijn website

Geschreven door Webmaakster op . Geplaatst in Kennis, Webmaakster.nl

Soms komt het voor dat een webpagina is bijgewerkt, maar je ziet niets veranderen op je scherm. Het kan zijn dat dan niet de nieuwste versie van de webpagina in de browser is geladen.

De browser gebruikt dan oude gegevens om de pagina weer te geven. De browser zou de pagina eigenlijk opnieuw moeten renderen.
De taak van een webbrowser als Internet Explorer, Google Chrome of Mozilla Firefox is het weergeven van webpagina, zodat de gebruiker deze webpagina kan zien. In de browser is een rendering engine ingebouwd.

Een andere naam voor het bestand gebruiken
Wanneer het mogelijk is kan de webpagina of de afbeelding onder een andere -nog niet eerder gebruikte- naam worden gepubliceerd. Dan raakt de browser niet in verwarring. De link of code naar een afbeelding wordt dan ook aangepast.
Dit doet de webdesigner of degene die de webpagina bijwerkt.

Pagina vernieuwen
De oude pagina blijft in beeld. Klik in de webbrowser of gebruik de toets F5. De pagina wordt dan opnieuw geladen.
Probeer ook eens de toetscombinatie Ctrl+F5. Dit verwijdert alle bestanden van die webpagina van je computer. Dat schoont lekker op.

Browsegeschiedenis verwijderen
De grootte van de browsegeschiedenis kan enorm groeien. Afbeeldingen e.d. worden op je computer opgeslagen om de volgende keer de pagina sneller te laden.
Deze bestanden kun je opruimen. Je zult er weinig of geen hinder van ondervinden.

  • Ga in Windows Vista naar Configuratiescherm
  • Kies Netwerk en internet
  • Kies Internetopties
  • Tijdelijke internetbestanden kun je nu met een klik op de knop verwijderen.

Voor de browser Internet Explorer

  • klik op de menubalk van Internet Explorer op “Extra”
  • klik op “Internet-opties…”
  • klik op de tab “Algemeen”.
  • klik op de knop “Bestanden verwijderen” in het gedeelte “Tijdelijke internetbestanden”.
  • Zijn er geen wijzigingen te zien, dan kun je deze stappen nog een keer doen.

De computer opnieuw opstarten
Wanneer de nieuwe webpagina nog niet te zien is, kun je de computer helemaal afsluiten en weer opnieuw opstarten.

Een pdf paginagroot tonen op je scherm

Geschreven door Webmaakster op . Geplaatst in Kennis, Webmaakster.nl

Wanneer je een pdf opent is het soms niet helemaal duidelijk wat je als gebruiker nu opent. De eerste stap is als snel: je wilt het beeld aanpassen en bekijken waar je op geklikt hebt. Of je bezoeker klikt meteen weg… een gemiste kans.

Om dat wat helder te maken kun je in Adobe Professional een pdf zo instellen dat het paginagroot getoond wordt, daarna kan de gebruiker altijd nog scrollen. Je geeft met een folder meteen goed beeld.

De stappen zijn:

  • Sla je originele Word of Office document op als pdf.
  • Open de pdf in Adobe Acrobat Professional.

De getoonde paginagrootte stel je in bij eigenschappen van de pdf. Je kiest bijvoorbeeld volledige pagina in beeld, of op 100%, etc.

  • Je opent je in Word gemaakte pdf in Acrobat
  • dan kies je: File > Properties > Initial View.
  • Kies bij Magnification uit het uitklapveld ‘Fit Page’.

Wanneer jij of de websitebezoeker nu de pdf opent, wordt het volledig passend aan het beeld getoond. Zo heb je meteen overzicht.

Banners

Geschreven door Webmaakster op . Geplaatst in Webmaakster.nl

Banners worden gemaakt in een fotobewerkingsprogramma. Door een afbeelding te maken met verschillende lagen en animatie toe te voegen. De beweging in een banner kan ook gemaakt worden met Flash.

De afbeelding moet zo klein mogelijk worden, zodat het snel te downloaden is. Je wilt de banner immers snel tonen.
Animatie trekt de aandacht, maar te veel is nooit goed. Maak niet teveel of te drukke beelden. Per frame of laagje mag iets maximaal 15 seconden duren.

Wat zijn de afmetingen van een banner?

Veel gebruikte maten zijn:

  • 120 x 90 px Button 1
  • 120 x 60 px Button 2
  • 125 x 125 px Square Button

Een skycraper vind je meestal aan de rechterkant op een website en is 600 px lang.

Een leaderboard van bijvoorbeeld 728 x 90 px vind je bovenin of onderaan een webpagina.

Meer informatie kun je vinden op de website van Interactive Advertising Bureau (IAB) of Wikipedia

Google Analytics

Geschreven door Webmaakster op . Geplaatst in Webmaakster.nl

Je hebt mooie statistieken, maar hoe lees je die ook alweer? Google schotelt je een visuele analyse voor. Het is hartstikke Nederlands en je mag het kostenloos gebruiken.
Om Google aan het werk te zetten, maak je een account aan. Na enkele kliks op de pagina www.google.com/analytics/ kom je op een stukje script. Dit script voeg je toe aan de code van je webpagina’s.

Ze zeggen dat je webdesigner dat in 5 minuten regelt. Dat is alles!