Featured Posts

CSS

CSS Menus

This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script)

This works in Mozilla 1+, Netscape 7+, Opera 7+, Safari build 60+, OmniWeb 4.5+, Konqueror 3.2+, iCab 3+ and IE 5.5+ on Windows (using DHTML behaviours)

READ THE FULL ARTICLE >>

CSS

How does CSS work?

In this lesson you will learn how to make your first style sheet. You will get to know about the basic CSS model and which codes are necessary to use CSS in an HTML document.

Many of the properties used in Cascading Style Sheets (CSS) are similar to those of HTML. Thus, if you are used to use HTML for layout, you will most likely recognize many of the codes. Let us look at a concrete example.
The basic CSS syntax

Let’s say we want a nice red color as the background of a webpage:

Using HTML we could have done it like this:

With CSS the same result can be achieved like this:

body {background-color: #FF0000;}

As you will note, the codes are more or less identical for HTML and CSS. The above example also shows you the fundamental CSS model:

figure001 READ THE FULL ARTICLE >>

CSS

CSS Menus

This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script)

This works in Mozilla 1+, Netscape 7+, Opera 7+, Safari build 60+, OmniWeb 4.5+, Konqueror 3.2+, iCab 3+ and IE 5.5+ on Windows (using DHTML behaviours)

css-dhtml-menu
READ THE FULL ARTICLE >>

HTML, Tips and Tricks

Meta tag tips

What is a Meta Tag?
Well-formatted Meta Tags help your website’s ranking in the search engines. Search engines crawl your
Meta Tags as part of their indexing algorithm, using them as a snippets of your website content, as well as
being guided on how to crawl between your website pages to assure complete and thorough indexing.
How-to-Create-Meta-Tags READ THE FULL ARTICLE >>

Flash

Developing a Simple Website in Flash

The time has come to develop your own websites. Using the tip sheet below, make a website that has five buttons, includes an animation (tween), has five working pages with a working scroll bar, and includes pictures. Be creative with your pictures. Have them load with your pages. (Hint: treat them like a page.) REMEMBER – Use a Flash
Actionscript 2.0 file to begin!
Things to do:

  • Make Background 20 %
  • Set stage dimensions in Flash 5 %
  • Import Background 5 %
  • Make Buttons 20 %
  • Make Pages – Movie Clips 20 %

Untitled-1
Insert Pictures READ THE FULL ARTICLE >>