Describes methods for keeping a site uniform despite constant changes. Also describes how to manage many pieces of information on one page without reloading.

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. Navigation: 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 Ugallery.com, 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!

Source: Free Articles from ArticlesFactory.com

 Choosing Page Names For Your Web Site
Static URLs are very important to achieve best possible search engine positioning and to increase web site performance. Todays article comments on static web page types and how to maintain them using URL rewriting technology. In this article I would like to comment how to choose web site page names to achieve best possible visitor's experience and search engine ranking. Firstly one needs to understand the difference between static and dynamic URLs. Dynamic Pages Dynamic website page names are used to send variables to a script file in order to perform a task that usually generates dynamic results. Dynamic URLs always contain....

 Designing Professional Web Pages
gning Professional Web Pages by: Joanne Glasspoole If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything -- especially online where your competitor is only one mouse click away! Before your first HTML code is written, you will need to consider your Web site's navigational structure, color scheme and page layout. Is your content developed? If not, who is going to write it? Once you have done the necessary pre-planning, then the fun part begins -- coding your HTML pages. Following are some steps to consider when....

 How to Get Started On Your Business Website
So you're about to embark on the creation of a major website for your business? Having a presence on the internet can be a big help to many enterprises, but that you consider a few simple points before hiring a web developer. First of all, it's a good idea to talk to your customers, the people who will actually be using the website, and determine what features they would find helpful. Circulate a survey among frequent users of your product or service, and try to collect insights into what should and shouldn't be a part of your new site.....

 How Web Design Can Affect Search Engine Rankings
How Web Design Can Affect Search Engine Rankings by: John Metzler Uniquely built web sites can create unique issues when promoting your site on the search engines. From a basic 3 page brochure site, to a corporate site with hundreds of dynamically generated pages, every web site needs to have certain design aspects in order to achieve the full effects of an SEO campaign. Below are a few points to take into consideration when building or updating your web site. 1. Size Matters. The size of a web site can have a huge impact on search engine rankings. Search engines love content, so if....

 Consistency Keeps Traffic Returning
To-day we are goig to discuss the importance of having the design of a web site focus on one theme.  This helps to make the visitors feel comfortable and brings more visitors to the web site, because consistency keeps traffic returning. One of the mistakes many online companies make is trying to be too much to too many people. By dividing their websites into different areas, even though they may be related, can cause confusion to the site's visitors and prevent them from returning or in giving a referral to their friends or business associates.By focusing your site....

 3 Rules of Website Designing and Layout
Now that you have got your domain name registered, your next worry is about designing a website or getting it designed, depending on your budget and knowledge. To help the newbie's start it right - Design your website before getting the domain name registered. Why park an empty domain on the web just like that? Why waste even a single day after registration? right? So a better idea is to keep your "small but complete" site ready. As soon as domain name registration notification arrives, upload the pages.....

 Website Optimisation & Design: Which Screen Resolution to Design for?
It is at times a common mistake for web designers, especially beginners, to create a website which is not optimised for various screen resolutions. With over 40 different screen resolutions, it is extremely important to optimise your web pages for the most popular screen resolutions so that your web pages can be viewed by a greater number of online visitors. Here are some basic facts to consider when designing for screen resolutions: - 800x600 is the minimum resolution offered on most PCs and notebooks. 800x600 is also the preferred....

 Search Engine Optimization: Site Structure and Popularity
Search Engine Optimization: Site Structure and Popularity by: Milena Sotirova In the Global Internet era the industry presence is undoubtedly related to the company online presence. Where is the scope of the online presence limitations and does it refer only to the search engine optimization aspect or it broadens into many related components. Following the user experience line, it is easy to describe what the most important levels of access Internet popularity are and how it can be achieved. Site organization Well, the site organization is always the first after choosing a domain name that comes up as a decision in the design process.....

 Keeping It Simple Is the Key for Optimization of a Website
It is the balance between the desire to have all the novel and cool features accessible on the Internet and the desire to make a website easy to use and to navigate, that differentiate a successful web designing. When web designing employs the menus and graphic motifs to move and fly around, when every available screen spot is maximum exploited, it becomes cumbersome for user to manipulate it. The websites need to be....

 Common Web Design Acronyms
This article explores the standard acronyms used in web design today and explains what each one means as well as the technology behind it. It will be a massive help to new starters in the field and could potentially help more experienced user gain a better grasp of the things they are working with. The author works as web design nottingham. The web is full of scary technologies but getting a grip on the basic ones will make life a lot easier. As with everything that is connected with computers there are a lot of scary acronyms but we will be taking a look at a....

 Fast and easy Website Design Tips
Hi did you no that internet web pages have come full cercal, well do you remember the old days when a website was designed by code? You no by actually typing HTML, the web pages looked simple and the only ones that had lots of images was the big firms that had the money to pay for them. Then came the programs FrontPage Dream weaver and so on, WebPages started to get more and more in complexity, we had to keep image sizes small so the page would load faster and some websites turned the images into background images as these would....

 What could be worse than your viewers not seeing your site display properly?
What if they never get to your site to see it? If you want your site listed on search engines then make sure that you have correct HTML code. Many search engines cannot properly catalog or index a site that has HTML errors. This can greatly reduce the amount of traffic your web site receives from search engines. The lowest form of "browser" out there is the search engine. The search engine is about the equivalent of a version 2 browser. It can't read flash, DHTML, JavaScript, dynamic pages, - even having trouble at times with frames. Search engines....

 10 Web Design Tips For A Professional Looking Niche Web Site
Web site design is a critical element in niche marketing. If you want to build your reputation as a Professional in your niche, you need to project a professional image from the moment your visitors reach your web site. Like it or not, first impressions count and no more so than on the Internet. Your web site is the only way that visitors can judge you and your product. Give them the wrong impression, make it hard for them to find the information they're after and chances are they will....

 SEO - What You Should Not Do
SEO is one of the economic ways to get your url listed on the top of free search engines. That is why SEO become so important. There are tons of guidance in SEO on the internet. But in the other hand, there are also misguidance in SEO. They always say to optimize, optimize and optimize your web page with keywords, without considering another factors like determining keywords or phrases keywords effectiveness, how many times you should repeating keywords on your page, etc. What I want to tell you is, that's not enough. If you want to get effective search engine....

 Now you have a Web site. Have you ever heard of accessibility?
Now you have a Web site. Have you ever heard of accessibility? by: Del Maxwell An accessible Web site is easily approached, easily understood, and useable for all. There are accessibility standards set forth by the World Wide Web Consortium, which all sites should adhere to as much as possible. Web site owners should be aware of accessibility standards, because most designers and developers often ignore them. It is a waste of your investment to develop a great site that many Web surfers may not even be able to use. While personal sites can get away with more innovative technologies, most commercial sites should....

Trackback URL for this post:
http://www.problogtips.com/dynamic-site-design-keeping-your-pages-uniform/2195/trackback/

Posted by Jaron in the catagory of... General Interest