Web Design Tutorials

In HTML there are block-level and inline elements, each have a different behaviour.
You can put inline elements inside block-level elements but not the opposite way.
I created a table showing most of the block-level and inline elements just as a quick reference for my students and myself to check out if in doubt before writing code.
Here is the link to this new addition …..

Just what we need for a rainy day, installing a new free font to use in a graphics program as basis for a website logo.
There is a short video at the end of the post explaining where I got the font, downloaded and installed it and then started to use
it in Adobe Illustrator, read on ……..

Thanks to all who have shown interest and appreciation for my website.
This post is an answer to a recurring question about the wordpress template for this website.
I created it myself as explained in the very first post see this link and unless I change the wordpress theme for this website, I will not make the current theme available. So for the moment this wordpress template is only for my own private use.
I hope that this clarifies any queries.

This week end I started finally to write a chapter for the Web Design Manual that I have been writing for the last year and a half. The last few chapters are the most difficult to write as they deal with creating a fully working website from the point of view of students, this new chapter includes, step by step guidance, worksheets for recording activities, worksheets to record storyboards of web pages etc.
It is a lot of work and every sentence has to be thought out carefully and is based on my previous 10 years of experience teaching web design to students of all ages.
I will probably publish the finished work online on Calameo.

Just a word on using the content of this website.
Ok it is free but before you decide to use any of its content please be aware of the following conditions:
Click here to see the official ‘Creative Commons – Attribution NonCommercial 3.0 Unported’

You are free:

* to Share — to copy, distribute and transmit the work
* to Remix — to adapt the work
Under the following conditions:
* Noncommercial — You may not use this work for commercial purposes.
*Attribution — You must attribute the work by specifying my name, Martine Y. Moeykens and by providing a link to the page with the original text or video and redistribute your derivative work for free under the same license as this one.

For a copy of the legal code for this license click here….

Thanks for respecting these ‘Terms of Use for Content from this Website’.

Following the suggestion of one of the comments on ‘Free Wordpress Theme ‘Squiggles’ to enlarge the space to the right or left of the main content of the webpage, I decided to make a different version of the same theme, a 2 column version, with the right column taking up most of the space.
Here is the thumbnail of free Wordpress Theme ‘Squiggles 2 columns’, to download the zipped Wordpress Theme, click on the thumbnail:

It is very hot today for our normally wet and windy country, the little calendar page tells you how hot.
As working in the garden is ‘de rigeur’ today i bring you a freebee designed last night before I went to bed, download it here. It is a zipped file. Let me know if you have used it.

This blog post is a first one about aligning text with CSS rather then using the obsolete attribute ‘align’.
More will follow, as well as a video with full examples.
Read on …

I am in the Digital Hub for awhile this morning and since they have Mac’s in the learning centre I thought it would be useful to try out this website and the video’s on a Mac.
The verdict is that it works video and all!

How to download, install and tweak an Opensource Web Editor

This new post explains in a video how to download Notepad++, an Opensource web editor, install it and tweak it ready for use.
Read on . . .