Web Design Tutorials and Articles

By Chrysanthus - About Me - E-mail this page - Add to My Favorites - Add to Blog List - See other blogs in Computers & Internet

Wednesday, June 24, 2009

CSS List

Basics of CSS2 – Part 6 Introduction This is part 6 of my series, Basics of CSS2. In this part of the series I show you how to change the numbering or alphabetic system of an Ordered HTML List and how to change the bullet type of an Unordered HTML List. HTML Elements concerned In this part of the tutorials we are dealing with the OL and UL HTML elements. If you do not know what these mean then read the article titled XHTML Lists that I wrote in this blog. Just type the title and my name, Chrys... Sign in to see full entry.

Tuesday, June 23, 2009

CSS Surrounding Element Properties

Basics of CSS2 – Part 5 Introduction This is part 5 of my series, Basics of CSS2. In this part of the series I talk about the padding, border and margin of an element. In the previous part I talked about the CSS Box, where these surrounding features where introduced. You should read that part before reading this one. Look at the BODY element of a typical web page critically; you would realize that it has margin areas. It might also have borders, if the web site designer gave it borders (however,... Sign in to see full entry.

CSS Box

Basics of CSS2 – Part 4 Introduction This is part 4 of my series, Basics of CSS2. Each HTML element such as the DIV, Paragraph and SPAN element, resides in a box. In this part of the series, we look at characteristics of the box and related features. The Box The following diagram shows the box: _______________________________________ | | | margin (transparent) | | _________________________________ | | | | | | | border | | | | ___________________________ | | | | | | | | | | | padding | | | | | |... Sign in to see full entry.

Saturday, June 20, 2009

HTML Image Map

An image map is an image with clickable areas. These areas are not only clickable, they can be turn into hyperlinks, and they can receive focus. When you design an image map, you give the function you want for a particular area. There is what is called the client side image map and the server side image map. In this article I talk about the client side image map. An area can be a rectangle, circle or polygon. You the web side designer decides where and how large the area will be on the image.... Sign in to see full entry.

Thursday, June 18, 2009

CSS Backgrounds and Colors

Basics of CSS2 – Part 3 Introduction This is the third part of my series, Basics of CSS2. In this part of the series, I talk about background and colors in more detail. Many HTML elements especially containing elements (blocks) can have background image or color. A containing element is an element that can have smaller HTML elements. Background Image To give an element a background image, use the following property/value pair. background-image: url("http://www.somesite.com/images/myImage.gif")... Sign in to see full entry.

About this Blog

In this blog, you will find tutorials and articles that will enable you design good web sites, beginning from the simplest topics to complicated concepts. The articles are written in a step-by-step way, so that anybody can understand and build a professional a career. There are code samples that you should be trying and modifying; in this way, you will acquire experience. There are also articles that address special problems in web design. Important: These tutorials and articles are written by Chrysanthus for his sister, Ursula.

Blogs

Headlines (What is this?)