Web design Trifle

Web designer trifle

In South Africa we have a dessert called a trifle. Its a layered pudding of custard, jelly, canned fruit and nuts topped with whipped cream and chocolate grated over that. Its so good! And how does it work? It works with each layer being built so lovingly that when you put it all together you get a great Christmas dessert. So that’s how web design works– with each layer complimenting the next. The layers in web design are defined by Jennifer Nierdest Robbins.

My family made this one

Structure layer

This layer includes all the content of the web page. This is the HTML mark up of the document. This forms the foundation so one has to have basic fundamental skills to build on.

Presentation layer

Now to control how your content must appear! Using styles sheets (CSS look it up if you don’t know this by now) the structure of your document will now have a layout specified by yourself.

You have the foundation so build up!

Behaviour layer

The behaviour elements contain scripts, which make your web page interactive.

Thats the very simple explanation of the processes weaved together to design a web page, but once you get into it you will realise that there is a lot of work that goes on in between. Like with everything else in life – the better your skills and the better your ingredients the more people want to eat your cake! That did not sound suggestive in any way…uhum…Serving suggestion below!

My family and I made this one…it was delicious.

Actually making a website involves more, these 4 steps are the VERY BEGINNER steps you’ll take….

Step 1: start with content

This is the text content. – What you want to say in your website.

Step 2: give the document structure

HTML elements that give the text content structure.

Step 3: identify text elements

Describe the text content using the element tags for headers, paragraphs etc.

Step 4: add an image

Add images to your page.

Step 5: change the look with a style sheet

This is when you get to toy around with CSS to give your document style.

Okay so the steps above are completely basic, but once you start getting your hands dirty coding and programming gets tricky. This was just an extremely brief overview of what web designers do whenever they create a page.


About nicobaleng

My paradoxical love for the web is feeling immense freedom while confined to a seated position behind a desk. This is what the world wide web has to offer. Learning about the latest technological toys or playing around with programs sounds like nerds-play, but once you start exploring, the pc monitor in front of you becomes less and less intimidating. Tracked and documented I will share the journey of an average Joe like me, moving up toward achieving a black belt in web design! KAPOW!

Posted on September 11, 2011, in Uncategorized. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: