How To Produce Your First Website With Blue Griffon (Part 4)

Now it’s time to start creating some content for our first webpage.  If you’ve been following this sequence of videos then you will have downloaded the software, familiarised yourself with the interface and have been giving some thoughts as to what your webpage should look like.

Getting your first text on the page and then viewing it through your internet browser is very exciting!  Who would have thought that you could put some content up onto the World Wide Web?

While we’re putting some text onto our page, it’s worth giving a little thought to fonts and backgrounds.  The most popular and widely used font on the web is Verdana.  It’s my font of choice, and I use it whenever I can.
Fonts that come pre-installed on PCs and MACs include Times New Roman and Georgia (both serif fonts) and Arial and Trebuchet (sans serif).  I also like Comic Sans, but it’s not liked by all internet users.  Another popular choice for web work is Tahoma.

Font size needs to be chosen carefully.  It might be my age, but I do like 14px.  The suggested font sizes for text elements are:  text – 10px or 12px;  main headings – 14px, 16px or 18px;  sub-headings – 12px or 14px;  captions – 8px, 9px or 10px.

Background colours are very much down to personal choice, but here are some key things to remember:

1. Be sensitive to the needs of your customers – some may be colour-blind, and some colours make text difficult to read.

2. If possible, avoid dark backgrounds – they can be hard to do effectively.

3. If you use a background image then be sure to set the background colour as well.

4. Background images can make the page hard to read.

Just click on the image below to view the video.  I suggest you watch it through and then simply experiment.
Try different fonts and colours, and just see what works for you!


p.s. don’t forget that if you’ve got any questions at all about building your website using Blue Griffon then don’t hesitate to send me an email at .  I look forward to hearing from you!

This entry was posted in Blue Griffon Videos and tagged , , , , , . Bookmark the permalink.

4 Responses to How To Produce Your First Website With Blue Griffon (Part 4)

  1. Hey there just wanted to give you a quick heads up and let you
    know a few of the pictures aren’t loading properly. I’m
    not sure why but I think its a linking issue. I’ve tried it in two different internet browsers and both show the same outcome.

  2. Trinidad says:

    Thanks for the marvelous posting! I certainly enjoyed reading it, you are a great author.
    I will ensure that I bookmark your blog and definitely will come back later in life.
    I want to encourage you to definitely continue your great posts, have
    a nice holiday weekend!

  3. This is the right blog for anybody who really wants to
    understand this topic. You understand so much its almost hard to argue with
    you (not that I really would want to…HaHa). You certainly
    put a new spin on a topic that has been written about for many years.
    Great stuff, just excellent!

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>