What are Dynamic Web Pages?

Dynamic Web Pages, unlike Static Web Pages, utilize a means of interactivity within a web page. This ranges from using client side scripting to change a behavior of the website through mouse of keyboard actions to server-side scripting which changes the page source between pages through url parameters, or time.

What are Static Web Pages?

A static web page is a web page that is presents the same information to all users. The user navigates through this information by the use of Hypertext. Static web pages are quick and easy to put together and are great for demonstration of how a site will look. However, these sites offer little visitor personalization and are difficult to keep up-to-date.

What is GOOD Web Design?

It's important to differentiate between good and bad web design. The most important aspects of a good web site are that they:

- Loads Quickly
- Well Structured HTML
- Be compatible with a large range of monitor/browser sizes.
- Easy to navigate
- Good Color Balance
- Professional Quality Graphics

Aside from these large factors, it's also vital to pay attention to the smaller details. Have a good internal linking structure, present clear contact information, and most importantly... a proper maintenance strategy!

What is Web Design?

Web design is the process of creating content for others to see on the World Wide Web. The visual appearance can range from static pages, which provide the same basic information, to dynamic pages, which determine its content and images on the user that accesses the site. But perhaps the better question is what makes GOOD web design?

Center a page horizontally using CSS

The following is an example of how to center a page without using the 'center' tag and using CSS.
Create a DIV tag and give it an id 'container'. Within this DIV, you can create your content or place whatever you like. This DIV container will contain all the elements that you would like to have in a centered block of the page, note: not the center of the page but a block that is centered on the page.

Then put the piece of code in your style section or file:

#container{
width:500px;
margin: auto; /*This makes the trick*/
}

The trick is simple, the width in combination with margin: auto; makes the container block be centered.

That is all!

Follow the link to see it in action.

Internet Explorer (IE) & Transparent png Images

IE version 6.0 and earlier versions do not do a good job display png files with Transparency. Below you will find the solution to the problem.

#bkgrnd{
width:100px;
height: 100px;
background-color: pink;
background-image:url('images/transparency.png');
_background-image:none; /*IE Fix*/
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparency.png');/*IE Fix*/
}

The fix is simple, the line:

_background-image:none;

makes IE remove the background image and then uses the one specified in the filter:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparency.png');

Follow the link to see it in action.

WebSoulDesigns.com Launches New Site

WebSoul Designs, Inc. is proud to announce the launch of its new web site WebSoulDesigns.com. The site features the same products and services but offers a fresh look and feel that is more artistic and glamorous.

The new web site offers 4 main areas. These main areas are: About the Company, Blog, Portfolio and Contact Forms.

We invite you to visit the new www.websouldesigns.com today.