Page 243 - Web Applications (803) Class 12
P. 243

var loader = document.getElementById('loader');
                                var page1 = document.getElementById('page1');
                                var page2 = document.getElementById('page2');
                                loader.style.left = "0";
                                setTimeout(function() {
                                    loader.style.left = "-100%";
                                    page1.style.display = "none";
                                    page2.style.display = 'block';
                                 }, 1500)
                             }

                             function showP1() {
                                var loader = document.getElementById('loader');
                                var page1 = document.getElementById('page1');
                                var page2 = document.getElementById('page2');
                                loader.style.left = "0";
                                setTimeout(function() {
                                    loader.style.left = "-100%";
                                    page1.style.display = "block";
                                    page2.style.display = 'none';
                                 }, 1500)
                             }
                 Output:


















                 The code can also be downloaded from the following link
                 https://drive.google.com/drive/folders/1PvJ4iDCHdbjqwWABjt2xPfDQgSqpyEU4?usp=sharing


                   4.4 DYNAMIC WEB TEMPLATES

                 The most crucial aspect of website design is to keep your site's appearance and feel constant, which Dynamic
                 Web Template may help you do. An HTML-based dynamic web template is a master copy of a web page that
                 you can construct to include settings, formatting, and page elements including text, graphics, page layout,
                 styles, and areas of a webpage that can be changed. Dynamic Web Template gives users:
                   Fundamental pages including the Sitemap, Contact, About, and Search pages. From any page on your
                   website, a visitor should be able to access your home page.
                   Consistency in navigation.
                   Consistent appearance throughout the site.


                                                                                  Advanced Features of Web-Design    241
   238   239   240   241   242   243   244   245   246   247   248