Welkom op de vernieuwde website van AlphamegaHosting.com!

Hulpmiddelen voor het maken van een goede website-layout - deel 8: Lettertypen als afbeelding

bjorn | 2006-03-08 | Hulpmiddelen en software

In dit artikel zal ik niet zozeer een hulpmiddel bespreken, maar je uitleggen hoe je speciale lettertypen in je website kunt gebruiken. We hebben daar al een aantal keer over gesproken, maar we zijn er nog niet tot in de details op ingegaan. Omdat we er vragen over kregen leek het ons nu een goede tijd daarvoor. We zullen in deze uitleg ook gebruikmaken van hulpmiddelen die we in voorgaande nummers besproken hebben.

Om een kopje als afbeelding te maken kun je verschillende grafische programma's gebruiken. Maar omdat niet iedereen een programma als Photoshop tot zijn/haar beschikking heeft zullen we in dit artikel gebruikmaken van het programma Paint. Dit eenvoudige programma is standaard te vinden op elke Windows-computer. Het werkt wel wat omslachtiger maar uiteindelijk heb je het zelfde resultaat. En daar gaat het natuurlijk om! ;-)

  • Open Paint
  • We gaan eerst de achtergrondkleur kiezen, deze moet overeenkomen met de achtergrond van je website. Gebruik ColorPicker om de exacte kleur uit je website te slurpen.
  • Dubbelklik op de kleuren die je onderaan in Paint ziet. Klik vervolgens op "Define Custom Colors >>>". In het extra gedeelte dat je nu ziet kun je rechts de RGB (Red Green Blue) waarden ingeven die je in ColorPicker ziet staan. Klik dan op "Add to Custom Colors". En klik op "Ok".
  • Kies nu het inktpotje (2e van boven aan de rechterkant) en klik in het werkvlak. Je ziet dat het nu de zelfde achtergrondkleur krijgt als je website.
  • Gebruik de tekst tool (Grote A) en selecteer een gebied waarin je je tekst wilt typen. Dit gebied is later nog aan te passen door de bolletjes in de stippellijn te verslepen. Als je tekst in bepaalde maten wilt zetten kun je gebruik maken van Screen Calipers.
  • Kies nu het gewenste lettertype en typ je tekst in de selectie.
  • Kies vervolgens de "selecteer" tool (gestippelde rechthoek) en zet een selectiekader precies om de tekst.
  • Gebruik nu Ctrl+c en vervolgens Ctrl+v om te kopiëren en te plakken. De tekst komt nu helemaal links in de hoek te staan.
  • Rechtsonder in de hoek van je werkvlak kun je een bolletje verslepen waardoor je werkvlak verkleind wordt. Zorg er nu voor dat je werkvlak even groot wordt als je tekst. Zie je geen bolletje, klik dan eerst op het grijze gedeelte naast je werkvlak.
  • Je kunt je afbeelding nu opslaan als een jpg-afbeelding (File - Save as...) en gebruiken in je website.

Je ziet het, er zijn veel stappen, en misschien lukt het de eerste keer niet meteen. Toch geef ik je de tip om even door te zetten, als je eenmaal weet hoe het moet gaat het snel en heb je een erg leuk resultaat op je website.

Heel erg veel succes!

Zoek

Doe mee! Word ook WebsiteSupporter!

Ontvang gratis elke week een verbetersuggestie voor je website, inclusief speciaal stappenplan om je site succesvol te maken.

Klik hier om je in te schrijven!

Domeinnaam-check

Domeinnamen v.a. € 1,- p/m. Check of jouw ideale domeinnaam nog vrij is:

www.

Even onthouden

Moet er iets aan je site gebeuren?

En heb je zelf geen tijd, geen zin of geen idee hoe je het moet aanpakken? Laat ons website-klusteam het voor je oplossen!

Klik hier voor meer info. 

Thema van de week:

Hallo Google! Welkom op mijn website!

De scripts van Google die regelmatig langskomen om je site te indexeren zijn natuurlijk ook 'bezoekers' die je het naar de zin moet maken. In het artikel van deze week leer je hoe je die 'crawlers' de juiste info kunt meegeven.

Klik hier voor het artikel.

Informatie

Hopelijk vind je alle informatie die je nodig hebt op deze website. Heb je nog vragen? Klik hier om een bericht te sturen of bel tijdens kantoor-uren met 040-2085353 (NL) of 011/547498 (B).

Ben jij een startende ondernemer?

Dan hebben wij een handig gratis ebook om je op weg te helpen met je online presentatie.

Klik hier om het gratis te downloaden.

Alphamega Hosting heeft een unieke garantie!
Privacy Contact Sitemap Copyright 2012 Alphamega Hosting B.V.