HTML Popup creation, types, usage and Web Site embedding

Published: 24th November 2011
Views: N/A

HTML Popup layers are created using JavaScript and CSS to manipulate a layer in the webpage containing content. A good desktop application such as Advanced DHTML Popup makes the creation of and linking to your website easy. Advanced DHTML Popup makes the creation process fast, while at the same time allowing more complex projects, often involving dynamic changes to content, behavior and appearance.



Typically this layer can be controlled in its motion, positioning and manner of appearance and disappearance. The most common example is some kind of notice that appears when the page loads, or tooltips that appear when the mouse goes over a piece of text. The advantage of any such HTML popup is that they are relatively unobtrusive and appear over the content when needed, so effectively increasing the webpage real-estate.



Another very common example is the use of a "lightbox" effect which darkens the rest of the page while displaying an important notice or login form etc. The lightbox can be "modal" which means that the visitor is unable to click outside the notice until he has closed it, or submitted a form perhaps. There is also the "exit" html popup which appears when the mouse leaves the visible area of the webpage. Full-width layers and full-width full-height layers can also be created, the former being used for a footer or header html popup and the latter for interstitial ads.



In all cases the popup can be set to auto-scroll with the page, fade-in, fade-out, slide-in etc after different time intervals, and also employ cookies to appear only once every few days or only once per session for example.



One of the most useful areas in which an HTML popup can help you enhance your website is by expanding your options for incorporating images and video into your website. In a standard website, images and graphics are static, embedded in the content of the page but with little or no interactive capability. For a great example see this page where a set of thumbnails are expanded into larger images.



But with Advanced DHTML Popup you have a variety of options for the function and presentation of images. Images can be used quite creatively in a lightbox HTML popup, allowing you to customize the performance of your site and the way your users interact with the information you present to them.



Advanced DHTML Popup Ultimate is capable of complex projects creating multiple html popup layers which can be triggered by links sequentially or simultaneously. For example, an email optin form triggering another HTML popup on submission. The content of the second HTML popup could be a welcome video. Alternatively a video could be shown first in the popup and with a call to action the visitor clicks on the video to display a second HTML popup such as an optin form.



Perhaps the most powerful modern use of an HTML popup is the embedding of welcome videos or "talking head" videos that appear as soon as the page loads and introduce the visitor to your products and aims. Because it is embedded into a layer it can be controlled it all the ways described above, including redirecting when clicked on.



There are so many uses in any modern website for this technology to create a smoother more professional visitor experience that no webmaster should be without a tool for their creation.

Report this article Ask About This Article


Loading...
More to Explore