IMeye
Sat, 3/04/10 – 11:20 | 65 Comments

IMeye – An Written Explanation…

Keyword Research – Been there done that… right?
Maybe not… because we think we’ve completely reinvented it and have …

Read the full story »
CMS

Content

HTML

Images

Monetizing

HTML »

Cascading Style Sheets
Sat, 27/03/10 – 14:30 | 123 Comments

Cascading Style Sheets

Cascading Style Sheets (CSS) were originally created by the World Wide Web Consortium (W3C) to integrate an advanced mechanism for defining the presentation of web content.

Why Cascading Style Sheets?

Initially, HTML had almost no presentational tags such as the <font> tag and the color attributes. It was a markup language to present data such as academical research papers and educational documents. Later on, as the Internet evolved and its marketing potential was discovered by companies such as Netscape and Microsoft, the aforementioned presentational tags were invented and integrated into the web browsers. However this eventually led to a style chaos, as the web pages turned into a dump for all these presentational tags and their attributes.

Cascading Style Sheets takes care of this chaos by managing all of the styles used by your web pages within one single sheet file. Inside this sheet file, web authors define all of their styles and then just refer to them at necessary points in their web pages. Not only that, style sheets can change the looks of all instances of an HTML element such as a level one heading (<h1> tag) with one single line.

If you enjoyed this lesson, please link to it :)

The Head Section
Sat, 27/03/10 – 13:29 | 109 Comments
This entry is part 1 of 1 in the series Head Section

We have learned in Lesson 1-02 that an HTML document is composed of two parts – the “body” part (where the visible content is stored) and the “head” part (where information about the document or …

HTML Forms
Sat, 27/03/10 – 13:27 | 60 Comments
This entry is part 1 of 1 in the series Forms

Online Web Design Course is going to continue by exploring web “forms” – the predetermined area where surfers can input information (i.e. text areas, small radio buttons, check boxes, drop down menus, search boxes are …

Aligning Your Content
Sat, 27/03/10 – 13:25 | One Comment
This entry is part 1 of 1 in the series Aligning

Welcome to the next lesson of your free online web design course. If you feel great about your progress so far, then kudos to you – and some more delicious HTML tags and attributes, of …

Hyperlinking
Mon, 22/03/10 – 11:31 | 2 Comments
This entry is part 1 of 1 in the series Hyperlinking

We are probably at the most vital spot of our free online web design course. You are going to learn how to add hyperlinks (or shortly, “links”) to your web page!

To add a hyperlink, you …

Using Spacer Images
Mon, 22/03/10 – 11:28 | 198 Comments
This entry is part 7 of 7 in the series Images

This section of your free online web design course covers “spacer” images, which are basically 1×1 dimension, transparent GIF images used to create useful blank spaces in a web page.

For example if you want two …

The PNG Format
Mon, 22/03/10 – 11:26 | 148 Comments
This entry is part 6 of 7 in the series Images

This section covers the PNG image file format, which was developed as an advanced alternative to the GIF format.

PNG (pronounced “ping”) stands for “Portable Network Graphics” and it is a highly advanced image file format …

GIF vs JPEG
Mon, 22/03/10 – 11:24 | 58 Comments
This entry is part 5 of 7 in the series Images

This section of Online Web Design Course will cover the difference between GIF and JPEG file formats.

GIF (Graphic Interchange Format) and JPEG (Joint Photographic Experts Group) are both image file compression formats. They both compress …

Sizing Images & Adding Image Borders
Mon, 22/03/10 – 11:24 | No Comment
This entry is part 4 of 7 in the series Images

In order to set a size to an image, we’re going to use the “width” and “height” attributes of the <img> tag. These attributes are generally used to preset the size of the images in …

Adding Alternative Text To Your Images
Mon, 22/03/10 – 11:23 | No Comment
This entry is part 3 of 7 in the series Images

“Alternative text” is the text that appears when you hover your mouse over an image. Actually, the real reason alternative text should be used along with every significant image on your HTML document is that …

Inserting Images Into Your Web Pages
Mon, 22/03/10 – 11:22 | 6 Comments
This entry is part 2 of 7 in the series Images

If you wish to add an image to a spot on your HTML document, you can simply use the <img> tag. The general usage includes the “src” attribute to indicate the source file (i.e. location …

Categories