Vectors and 3D Models
Local Search - Website Design
Weather Information
Get the App for Smartphones and Tablets

Go Back

WhmSoft Free Articles Directory
Free Articles for Reprint
Free Articles to Publish
Free Articles for Newsletters
Videos to Watch

Page Generation Date and Time:
11/20/2019 20:55:36

Free the Animation VR / AR
Play to reveal 3D images and 3D models!
Demonstration A-Frame / Multiplayer
Android app on Google Play
vlrPhone / vlrFilter
Project of very low consumption, radiation and bitrate softphones, with the support of the spatial audio, of the frequency shifts and of the ultrasonic communications / Multifunction Audio Filter with Remote Control!

Alexa Data

Go To Articles Directory Home Page

To get the current article, - See Below (at the bottom of the page) -.
For top news titles, see below.
Web sites and videos listed in this page are frequently updated.
If you find that this page is useful (quality of web sites, images and videos, ...), you can add it to your favorites.
Bookmark Page !

Tell a Friend:

With your mobile phone (WAP / I-Mode / iPhone / PDA), for free:
The Top News -
The Daily Files -
All the Directory Files -

Web version of feeds:
Podcast Music -
Daily Files -

You can play the Guitar Drum Revolution game (flash game) by following the link below:
Play Guitar Drum Revolution Game

You can play free online games (flash games) by following the link below:
Free Online Games

Play the samples below:
Snack AttackPacmanPloopVideo PokerCrystalix

You can view the people (celebrities) news and the front page news (with videos, images and constant updates) by following the link below:
View Recent News
or by visiting the WhmSoft Service blog:
News Photos Slideshows

Article Keyword Videos to Watch
Website Design
Click on the image to start the video.

Related Topics
Images - Links - Articles


Related Images

Article Category Videos to Watch
Website Design
Go to the Videos Pages

Dynamic Site Design: Keeping Your Pages Uniform

At my company we build dynamic websites - sites which constantly adapt to user input and allow for extensive content management by site administrators. Regardless of the amount of information on a page, the design should adapt, maintaining its professional appearance.

The Site Container:
For a dynamic site to work at all it needs a solid base. A height-flexible container encasing the content of the site is a perfect foundation. Something as simple yet as effective as a black border with a consistent site-width will set the inner content apart from the page background. This container can expand or contract height-wise to naturally accommodate different amounts of content.

One of the best ways to maintain a dynamic and functional site navigation is by using drop-down menus. Drop-downs allow for specific site navigation from any page on the site, and are easy to dynamically produce, employing the same logic as the site container.

Main categories are each wrapped inside a relative div so that each can be assigned an absolutely-positioned, hidden submenu which will appear upon mouseover. This method is best for dynamic sites because the height can increase or decrease as the number of submenu items increase and decrease without affecting the overall layout of the site.

Too Much Content (We should all be so lucky):
A constant challenges facing dynamic site developers is displaying a wealth of content in just one page. Often times, layouts are optimized for a specific amount of content, and if they exceed that amount, the pages will appear crowded and jumbled.

One of the best methods of alleviating this problem, ensuring a usable and SEO friendly design, is combining JavaScript and DHTML to create tabbed browsing within pages.

Examples of this can be found at, an online art gallery, where a page was created for users so that they could display as many pieces of their artwork as desired without exceeding the fixed site width. The solution was a scrolling gallery powered by JavaScript and DHTML. All of the information is still rendered in the source, however, much of it is hidden, to be revealed when a user mousse over a scrolling arrow button.

The same basic function was employed for the artistís profile. The height of the container was constrained, and so, a profile was placed within a scrolling DHTML text box, making use of the "overflow:hidden" style, and affording artists more space to describe themselves.

The artistís current portfolio, their exhibitions, and a visitor commentary section also had to be incorporated on one page. The solution: Tabbed JavaScript and DHTML navigation which better organized space and allowed the visitor to toggle through the artistís portfolio, exhibitions, and visitor commentary without reloading.

The lesson here is when building a dynamic site, make use of advanced design techniques. By using these methods, not only can information be better organized and more intuitively arranged, but it can also be constrained to achieve a consistent look and feel for the site. Also remember that most DHTML mentioned in this article can be found at various open source web sites.

Happy web designing!

About the Author: This article was co-authored by Mike Bradbury and Mike Harvey. Both are employees of Objectware, Inc, an Atlanta-based web development firm and Washington DC web design company. See the examples from this article live at the online art gallery

Recommended Web Site(s):

Easy Articles Home Page - Articles Directory

Recommended WhmSoft Web Sites, Feeds and WAP Address:

WhmSoft Software Home Page - Software
WhmSoft Services Login Page - Music and Images
WhmSoft Moblog Home Page - Blog - Photo Gallery
WhmSoft Free Online Games Home Page - Flash Games
WhmSoft Services RSS Feed - Daily Music, Image and 3D Flash Animation
Classical Music with Drum RSS Feed - MIDI and MP3 Files
Classical Music with Drum Podcast Feed - MP3 and MP3 Files
WAP / I-Mode / PDAs - Daily Music, Image and Flash Animation

Home Pages:

WhmSoft Free Articles for Reprint Home Page
WhmSoft Services Home Page - Music and Images
Copyright (C) 2006-2019 WhmSoft - All Rights Reserved.