A\u00c2\u00a0server-side dynamic web page\u00c2\u00a0is a\u00c2\u00a0web page\u00c2\u00a0whose construction is controlled by an\u00c2\u00a0application server\u00c2\u00a0processing server-side scripts. In\u00c2\u00a0server-side scripting,\u00c2\u00a0parameters\u00c2\u00a0determine how the assembly of every new\u00c2\u00a0web page\u00c2\u00a0proceeds, including the setting up of more client-side processing.<\/p>\n
A\u00c2\u00a0client-side dynamic web page\u00c2\u00a0processes the web page using\u00c2\u00a0HTML scripting\u00c2\u00a0running in the browser as it loads.\u00c2\u00a0JavaScript\u00c2\u00a0and other\u00c2\u00a0scripting languages\u00c2\u00a0determine the way the HTML in the received page is\u00c2\u00a0parsed\u00c2\u00a0into the\u00c2\u00a0Document Object Model, or DOM, that represents the loaded web page. The same client-side techniques can then dynamically update or change the DOM in the same way. Even though a web page can be dynamic on the client-side, it can still be hosted on a static\u00c2\u00a0hosting service\u00c2\u00a0such as\u00c2\u00a0GitHub Pages\u00c2\u00a0or\u00c2\u00a0Amazon S3\u00c2\u00a0as long as there isn’t any server-side code included.<\/p>\n
A dynamic web page is then reloaded by the user or by a\u00c2\u00a0computer program\u00c2\u00a0to change some variable content. The updating information could come from the server, or from changes made to that page’s DOM. This may or may not truncate the\u00c2\u00a0browsing history\u00c2\u00a0or create a saved version to go back to, but a\u00c2\u00a0dynamic web page update\u00c2\u00a0using\u00c2\u00a0AJAX\u00c2\u00a0technologies will neither create a page to go back to, nor truncate the web browsing history forward of the displayed page. Using AJAX, the end\u00c2\u00a0user\u00c2\u00a0gets one dynamic page managed as a single page in the\u00c2\u00a0web browser\u00c2\u00a0while the actual\u00c2\u00a0web content\u00c2\u00a0rendered on that page can vary. The AJAX engine sits only on the browser requesting parts of its DOM,\u00c2\u00a0the\u00c2\u00a0DOM, for its client, from an application server.<\/p>\n
DHTML\u00c2\u00a0is the umbrella term for technologies and methods used to create web pages that are not\u00c2\u00a0static web pages, though it has fallen out of common use since the popularization of AJAX, a term which is now itself rarely used. Client-side-scripting, server-side scripting, or a combination of these make for the dynamic web experience in a browser.<\/p>\n
Classical\u00c2\u00a0hypertext\u00c2\u00a0navigation, with\u00c2\u00a0HTML\u00c2\u00a0or\u00c2\u00a0XHTML\u00c2\u00a0alone, provides “static” content, meaning that the user requests a web page and simply views the page and the information on that page.<\/p>\n
However, a web page can also provide a “live”, “dynamic”, or “interactive” user experience. Content (text, images, form fields, etc.) on a\u00c2\u00a0web page\u00c2\u00a0can change, in response to different contexts or conditions.<\/p>\n
There are two ways to create this kind of effect:<\/p>\n
Web pages that use client-side scripting must use presentation technology broadly called\u00c2\u00a0rich interfaced pages.\u00c2\u00a0Client-side\u00c2\u00a0scripting languages\u00c2\u00a0like\u00c2\u00a0JavaScript\u00c2\u00a0or\u00c2\u00a0ActionScript, used for\u00c2\u00a0Dynamic HTML\u00c2\u00a0(DHTML) and\u00c2\u00a0Flash\u00c2\u00a0technologies respectively, are frequently used to orchestrate media types (sound, animations, changing text, etc.) of the presentation. The scripting also allows use of\u00c2\u00a0remote scripting, a technique by which the DHTML page requests additional information from a server, using a\u00c2\u00a0hidden Frame,\u00c2\u00a0XMLHttpRequests, or a\u00c2\u00a0web service.<\/p>\n
Web pages that use server-side scripting are often created with the help of\u00c2\u00a0server-side\u00c2\u00a0languages such as\u00c2\u00a0PHP,\u00c2\u00a0Perl,\u00c2\u00a0ASP,\u00c2\u00a0ASP.NET,\u00c2\u00a0JSP,\u00c2\u00a0ColdFusion\u00c2\u00a0and other languages. These server-side languages typically use the\u00c2\u00a0Common Gateway Interface\u00c2\u00a0(CGI) to produce\u00c2\u00a0dynamic web pages. These kinds of pages can also use, on the client-side, the first kind (DHTML, etc.).<\/p>\n
A program running on a\u00c2\u00a0web server\u00c2\u00a0(server-side scripting) is used to generate the web content on various web pages, manage user sessions, and control workflow. Server responses may be determined by such conditions as data in a posted\u00c2\u00a0HTML form, parameters in the\u00c2\u00a0URL, the type of browser being used, the passage of time, or a database or server\u00c2\u00a0state.<\/p>\n
Such web pages are often created with the help of\u00c2\u00a0server-side\u00c2\u00a0languages such as\u00c2\u00a0ASP,\u00c2\u00a0ColdFusion,\u00c2\u00a0Go,\u00c2\u00a0JavaScript,\u00c2\u00a0Perl,\u00c2\u00a0PHP,\u00c2\u00a0Ruby,\u00c2\u00a0Python,\u00c2\u00a0WebDNA\u00c2\u00a0and other languages, by a\u00c2\u00a0support server\u00c2\u00a0that can run on the same hardware as the web server. These server-side languages often use the\u00c2\u00a0Common Gateway Interface\u00c2\u00a0(CGI) to produce\u00c2\u00a0dynamic web pages. Two notable exceptions are\u00c2\u00a0ASP.NET, and\u00c2\u00a0JSP, which reuse CGI concepts in their APIs but actually dispatch all web requests into a shared virtual machine.<\/p>\n
The server-side languages are used to embed tags or markers within the source file of the web page on the web server.\u00c2\u00a0When a user on a client computer requests that web page, the web server interprets these tags or markers to perform actions on the server. For example, the server may be instructed to insert information from a database or information such as the current date.<\/p>\n
Dynamic web pages are often\u00c2\u00a0cached\u00c2\u00a0when there are few or no changes expected and the page is anticipated to receive considerable amount of web traffic that would create slow load times for the server if it had to generate the pages on the fly for each request.<\/p>\n
Client-side scripting is changing interface behaviors within a specific web page in response to mouse or keyboard actions, or at specified timing events. In this case, the dynamic behavior occurs within the\u00c2\u00a0presentation. The client-side content is generated on the user’s local computer system.<\/p>\n
Such web pages use presentation technology called\u00c2\u00a0rich interfaced pages. Client-side scripting languages like\u00c2\u00a0JavaScript\u00c2\u00a0or\u00c2\u00a0ActionScript, used for\u00c2\u00a0Dynamic HTML\u00c2\u00a0(DHTML) and\u00c2\u00a0Flash\u00c2\u00a0technologies respectively, are frequently used to orchestrate media types (sound, animations, changing text, etc.) of the presentation. Client-side scripting also allows the use of\u00c2\u00a0remote scripting, a technique by which the DHTML page requests additional information from a server, using a\u00c2\u00a0hidden frame,\u00c2\u00a0XMLHttpRequests, or a\u00c2\u00a0Web service.<\/p>\n
The first widespread use of JavaScript was in 1997, when the language was standardized as\u00c2\u00a0ECMAScript\u00c2\u00a0and implemented in\u00c2\u00a0Netscape 3.<\/p>\n
The client-side content is generated on the client’s computer. The web browser retrieves a page from the server, then processes the code embedded in the page (typically written in\u00c2\u00a0JavaScript) and displays the retrieved page’s content to the user.<\/p>\n
The\u00c2\u00a0 All of the client and server components that collectively build a dynamic web page are called a\u00c2\u00a0web application. Web applications manage user interactions, state, security, and performance.<\/p>\n Ajax\u00c2\u00a0uses a combination of both client-side scripting and server-side requests. It is a web application development technique for dynamically interchanging content, and it sends requests to the server for data in order to do so. The server returns the requested data which is then processed by a client-side script. This technique can reduce server load time because the client does not request the entire webpage to be regenerated by the server’s language parser; only the content that will change is transmitted.\u00c2\u00a0Google Maps\u00c2\u00a0is an example of a web application that uses Ajax techniques.<\/p>\n A\u00c2\u00a0web client, such as a web browser, can act as its own server, accessing data from many different servers, such as Gopher, FTP, NNTP (Usenet) and HTTP, to build a page.\u00c2\u00a0HTTP\u00c2\u00a0supports uploading documents from the client back to the server. There are several\u00c2\u00a0HTTP methods<\/a>\u00c2\u00a0for doing this.<\/p>\n The above is a brief about Dynamic Web Page. Watch this space for more updates on the latest trends in Technology.<\/p>\n","protected":false},"excerpt":{"rendered":" A\u00c2\u00a0server-side dynamic web page\u00c2\u00a0is a\u00c2\u00a0web<\/p>\n","protected":false},"author":1,"featured_media":1791,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[664,92,7],"tags":[665,94,18],"class_list":["post-1789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dynamic-web-page","category-html","category-techtrends","tag-dynamic-web-page","tag-html","tag-technology"],"_links":{"self":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/1789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/comments?post=1789"}],"version-history":[{"count":1,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/1789\/revisions"}],"predecessor-version":[{"id":1790,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/1789\/revisions\/1790"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/media\/1791"}],"wp:attachment":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/media?parent=1789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/categories?post=1789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/tags?post=1789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}innerHTML<\/code>\u00c2\u00a0property (or write command) can illustrate the client-side dynamic page generation: two distinct pages, A and B, can be regenerated (by an “event response dynamic”) as\u00c2\u00a0document.innerHTML = A<\/code>\u00c2\u00a0and\u00c2\u00a0document.innerHTML = B<\/code>; or “on load dynamic” by\u00c2\u00a0document.write(A)<\/code>\u00c2\u00a0and\u00c2\u00a0document.write(B)<\/code>.<\/p>\n