How to make your website "dynamic"
Does your website still keep "static" as always? In an Internet website that is now geometric, there is a considerable part of the "static", which has been greatly lagging behind the pace of the times. The so-called "static" refers to the website's web content "fixed", when the user browser provides web content to the web server via the Internet's HTTP (Hypertext Transport Praloga) protocol, the server is only designed. Static HTML document is transmitted to the user browser. The content of its page is just a standard HTML code, plus the popular picture of popular GIF89A format, such as a few puppy kittens ran to run the animation effect. If the website maintor wants to update the content of the web page, you must manually update all its HTML document.
The fatal weakness of the "static" website is not easy to maintain. In order to continuously update the content of the web page, you must continue to repeat the HTML document, with the increasing amount of the website content and the amount of information, you will feel that the workload is very imagined.
You can't help but ask: So what is a dynamic website? This is the core that this article will focus on, so-called "dynamic", not to refer to GIF dynamic pictures on the web page, here the author has set the following rules for dynamic pages:
1. "Interactivity", that is, the web page will dynamically change and respond according to the user's requirements and selection, and the browser as the client interface, which will be the big event of the future Web development.
2, "Automatic Update" is not required to manually update the HTML document, will automatically generate a new page, which can greatly save workload.
3, "In the case of people", when different times, different people have access to the same URL, is it very cool?
Now you have had a basic concept on the "Dynamic" website, and you should pick the "blade edge" called his hand. There are a lot of ways to "dynamically", this depends on what needs you are. If you are a personal website maintor, use the free home space, then you can only use Java, Java Script, and the latest DHTML technology if you can give you CGI privileges or ASP if your home space provider can give you CGI privileges or ASP Support, then you will be able to play truly dynamic technology very fortunately. About CGI and ASP technologies will focus on later, here is a focus on the latest DHTML technology for personal websites.
What is DHTML? Is it different from traditional HTML? DHTML is when the webpage does not have to process the server after downloading from the web server, and directly updates the content, typographic style, animation of the web page in the browser. For example, when the mouse is moved to the article paragraph, the paragraph can become blue, or automatically generate a drop-down subchart directory when you click on a chain. This is Dynamic HTML (dynamic HTML), which is one of the most practical innovations in the process of online rapid development in recent years. It is a concept that is implemented through a comprehensive development of various technologies, including Java Script, VB0Script, Document Object Model, Layers, and Cascading Style Sheets, etc. I regretted that after the Netscape and Microsoft IE browser, we still have no unified standards supported by DHTML. Therefore, this article will have to be described in the introduction of DHTML. Let's take a look at Microsoft IE 4 on DHTML support:
1. Dynamic content: dynamically update the content of the web page, "dynamically", modify, or delete the components of the web page, such as text, tag, etc.
2. Dynamic Styles Sheets: Font size, font, straight, font style, font, font, font, and font, with "Cascading style, referred to as CSS1 or CSS), by W3C Row height, text color, bottom line or plus intermediate horizontal line, with edge distance, left and right or placed, rumored, background pictures or color. And "dynamic typography style" can "dynamically" change the typographic style. 3. Dynamic Positioning: The HTML component is provided with the HTML component in the X, Y, Z axis positioning function, allowing designers to place images, controls, texts. Wait at any location on the web page. The designer can produce overlap effect on different Z axes.
4. Data awareness: No need to have a complex program, there is no need to spend too much resources, you can let the web designer process the document instantly.
5. Introduce Multimedia Support: IE 4.0 combines CSS and built-in ActiveX Controls, providing multimedia support, including conversion effects, filter effects, path control, sequential control, animation, drawing, playing sound, and images.
Let's take a look at the support provided by Netscape Communicator 4.0 on DHTML:
1. Dynamic Styles Sheets: Support W 3 C "cascading style, referred to as CSS1 or CSS), and homemade" Java Script Style Sheets ".
2. Dynamic Layers: Provide graphic location, change graphic overlap order, control hide or display graphic, mobile graphics, let you design the "animation"!
3. Dynamic Fonts: Provides a function of downloading a word type by the server. It can be seen that although IE 4.0 and Netscape Communicator 4.0 provide "Dynamic HTML" support, the rest is far from the fact that the "Cascading Style Sheets" is far apart. Therefore, when you design the DHTML page, you must fully take into account compatibility issues, and the "blade" and methods of the selected hand are always the most important for designers. The use of DHTML's usage and design techniques will be carefully explained in the second chapter "Dynamic Web Design Eighth War", please pay close attention.
Perhaps fully uses DHTML technology to make web pages in a personal website. However, for companies to establish a business website, only DHTML is far less than enough. Because only the dynamic effect of the customer browser is unable to meet the large amount of information inquiry, customer consultation, resource interaction, etc. ". Therefore, as designers for commercial websites, you must design a more practical and interactive "dynamic" website. Since most of the commercial websites have a lot of data and information, the original intention of the network is to facilitate customer to query corporate information, and facilitate communication with customers, timely information feedback. So, you will inevitably face how to query the web database in the browser interface, and even enter, update, and delete information on the web server via the Internet or intranet (Intranet). The author will briefly introduce several common "dynamic" website design methods:
1, CGI (Common Gateway Interface) Universal Gateway Interface Traditional Way, when the user fills the information entered in the browser end, after the HTTP request is proposed, the web server will execute the executable of a form set. The data entered in the CGI application, the CGI program analysis form (Form), access the web database, and return the result of the query to the browser in the format of HTML. Access the web database using the CGI mode, there are many shortcomings, such as not easy to develop, change the cost of change, limited function, not easy to detect, slow execution, etc., and because it is not integrated into the HTML document, it must be completely used in HTML Different design processes are designed to design an executable application. 2, IDC (Internet Database Connector) Internet Database Connection Head is one of the features of Windows NT Server, which contains Internet Information Server (IIS) 2.0, which provides a content that makes your Internet database content and can interact with users. Method, it is actually an ISAPI application included in IIS. You only need to master the basic knowledge of HTML and SQL and write a lot of code that has interactive database applications, allowing users to query, input, update, and delete web servers in the browser interface. data. As the VB programmer is like, the file constituting the IDC application is interpreted. Due to the simple design, you can access the data data of the web server in the user's browser, and do not need to be compiled. Therefore, there is a fast development cycle and feedback. But this simplicity cost is sacrificed many flexibility so that you have to give up many of the control of the user interface and almost abandon all the ability to verify data. Thus I D c applies only to simple web applications.
3, ActiveX Data Object (ADO) is the best choice for web database applications.
What is ActiveX Data Object (ADO)? ActiveX Data Object technology allows you to combine with Active Server Pages to establish web content providing data information, just execute Structure Query Language (Structured Query Language, SQL) instructions in the webpage, so that users Enter, update, and delete data on the web server in the browser interface. When the user's browser fills the information required for the form and presses the "Submit" button, the Internet is transmitted, the Inline Transfer HTTP request to the web server, which executes a form specified by a form in the web server (Active Server Pages program) The subsequence of the suffix. ASP). One. ASP document is a pure text file, including: HTML tag, VBScript, or JScript program code, ASP syntax, and structured query language SQL instruction. IIS3.0 / 4.0 web server execution. ASP document, connected to the ODBC driver, connected to the ODBC database, execute the SQL instruction specified by the ASP document, and finally the result is transmitted to the user browser in HTML. The ADO has the advantages of easy use, fast development, low consumption, and small disk space.
