Does your site continue to remain "static" as always? The current geometric growth of the Internet site, a considerable part of the still adhere to the "static", virtually has lagged behind the pace of the times. The so-called "static" refers to the Web page content "fixed", when the user browser through the Internet HTTP (Hypertext Transport Pr Otocol) protocol to the Web server request to provide Web content, The server simply transmits the original designed static HTML document to the user's browser. The content of the page is only standard HTML code, plus the most popular gif89a format of dynamic pictures, such as the production of a few puppy kittens running around the animation effect. If the site maintainer wants to update the content of the Web page, it must manually update all of its HTML documents.
The Achilles heel of a "static" site is that it is difficult to maintain, and in order to constantly update the content of the Web pages, you have to constantly repeat the production of HTML documents, as the content of the site and the increasing amount of information, you will feel the workload is too great to imagine.
You can't help but ask: So what is a dynamic site? This is the focus of this article on the core, the so-called "dynamic", not the number of those placed on the Web page gif dynamic picture, where the author for the concept of dynamic page has developed the following several rules:
1, "interactive" that is, the Web page will be based on user requirements and choice and dynamic change and response, the browser as a client interface, which will be the future of web development events.
2, "Automatic Update" that is no need to manually update the HTML document, will automatically generate new pages, can greatly reduce the workload.
3, "Because of people change", that is, when different time, different people visit the same site will produce different pages, is it cool?
Now that you have a basic concept of a "dynamic" site, you should choose the "weapon" that you call your hand. There are a lot of ways to move a Web site "dynamically", which depends on what you need. If you are a personal site maintainer and use free homepage space, you can use only Java, Java script, and the latest DHTML technology in most cases, if your home space provider can give you CGI privileges or ASP support, Then you will be very lucky to play real dynamic technology. The CGI and ASP technologies will be discussed later, focusing on the latest DHTML technologies for personal sites.
What exactly is DHTML? What is the difference between it and traditional HTML? DHTML is when a Web page is downloaded from a Web server and no longer needs to be processed by the server, and the content, layout style, and animation of the page are dynamically updated in the browser. For example, when you move the mouse over a paragraph, the paragraph can become blue, or when you click a hyperlink, it automatically generates a Drop-down list of sub-chains. This is dynamic HTML, which is one of the most inspiring and practical innovations in the rapid development of the Internet in recent years. It is a concept that is implemented through the comprehensive development of various technologies, including Java Script, Vb0script, Document Object model (file target module), layers and cascading Style Sheets (CSS Style sheet), and so on. It is a pity that after a few wars with Netscape Netscape and Microsoft IE, we still do not have a uniform standard for DHTML support. So this article has to be described separately when I introduce DHTML. Let's look at Microsoft IE 4 support for DHTML:
1. Dynamic content: Dynamically update the content of the Web page, you can "dynamic" at any time to insert, modify, or delete the elements of the Web page, such as text, tags and so on.
2. Dynamic Styles Sheets: Through the "Cascading Style Sheets" (Serial layout style, short CSS1 or CSS) of the Consortium, it provides the font size, font, weight, font style, row height of HTML tags. , text color, add the bottom line or add middle horizontal lines, and edge distance, by left or right, indented, background picture or color and other typesetting functions. and "Dynamic typesetting style", you can "dynamic" to change the layout style at any time.
3. Dynamic positioning: Provides positioning functions for HTML components in X, Y, and Z axes via the W 3 C "Working Draft on positioning HTML with cascading Style Sheets" Allows designers to place images, controls, text, and so on anywhere on the page. and placed on a different Z axis, the designer can produce overlapping effects.
4. Built-in data processing (data Awareness): No complex procedures, no need to spend the server too many resources, you can let the Web designer real-time processing documents.
5. Built-in multimedia support: IE 4.0 combines CSS with built-in ActiveX Controls to provide multimedia support, including conversion effects, filter effects, path control, sequential control, animation, cartography, playback sound and image multimedia functions.
Let's take a second look at the support that Netscape Communicator 4.0 provides to DHTML:
1. Dynamic Styles Sheets: Support for W 3 C "Cascading style Sheets" (inline layout style, short name CSS1 or CSS), and the creation of "Java Script style Sheets."
2. Dynamic Layers: To provide graphics and text positioning, change the sequence of overlapping graphics and text, control hidden or display graphics and text, moving graphics and text functions, so that you design the "animation" Effect!
3. Dynamic Fonts: Provides the ability to download fonts by the server. It can be seen that although IE 4.0 and Netscape Communicator 4.0 provide "Dynamic HTML" support, the fact that the two are in addition to the "cascading Style Sheets" specifications is similar to the rest of the difference. So when you design a DHTML page you have to take full account of compatibility issues, and choosing the "weapon" and method of the hand is always the most important thing for the designer. For the use of DHTML and design tips the author will be in the second chapter of "Dynamic Web design skills" Carefully explained, please pay close attention.
Perhaps the full use of DHTML technology for a personal site is enough to make a Web page lifelike and dynamic. But for businesses that build commercial websites, it's not enough to have DHTML alone. Because the dynamic effect only occurs on the client browser side is unable to satisfy the commercial website massive information inquiry, the customer consults, the resource interaction and so on "the dynamic" demand. Therefore, as the designer of the commercial website, we must design a more practical and interactive "dynamic" website. As the vast majority of commercial sites have a large number of data and information, and the original intention of the network is to facilitate customer inquiries business information, easy to communicate with customers, timely access to information feedback. Then, you will inevitably face how to get users to query the Web database through the Internet or intranet, or even to enter, update, and delete data on the Web server in a browser interface. The following is a brief introduction to several commonly used "dynamic" Web site design methods:
1, CGI (Common Gateway Interface) Common Gateway interface of the traditional way, when the user in the browser to fill out forms (form) required to input data, an HTTP request, the Web server will execute a form of the executable CGI application, The CGI program analyzes the data entered in the form (form), accesses the Web database, and returns the results of the query execution to the browser in HTML format. There are many drawbacks to accessing a Web database using CGI, such as easy development, high cost of change modification, limited functionality, difficulty debugging, slow execution, and because it is not integrated into HTML documents, you must design an executable application using a completely different design process from HTML.
2, IDC (Internet databases Connector) Internet database connection header is the Windows NT Server contains Internet Information One of the features of Server (IIS) 2.0, which provides a way to make your Internet database content available and interact with users, is actually an i-P-I application contained in IIS. You only need to master the basics of HTML and SQL and write a few code to create interactive database applications that allow users to query, enter, update, and delete data on a Web server in a browser interface. As VB programmers like, the file that makes up the IDC application is explanatory, because the design is simple, as long as the preparation of two files, can be in the client's browser to access the Web server data, and no need to compile, so have a rapid development cycle and feedback. But the cost of this simplicity is sacrificing a lot of flexibility, so you have to give up a lot of control of the user interface and almost give up all the ability to validate 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 exactly is ActiveX Data Object (for short, ADO)? The technology of ActiveX Data object, which allows you to combine with active Server pages (ASP) to create Web content that provides data information, simply execute structured query Language in the Web page (Structured Query Language, SQL) Directive, which allows users to enter, update, and delete data on a Web server in a browser interface. When the client's browser fills in the information requested by the form and presses the "Submit" button, it sends an HTTP request to the Web server over the Internet and on the intranet, which executes the Active Server Pages program specified by a form on the Web server (suffix named. ASP's documentation). One. An ASP document is a text file that includes HTML markup (tags), VBScript or JScript Language program code, ASP syntax, and structured Query language SQL directives. iis3.0/4.0 Web server execution. ASP documentation, which is connected to an ODBC-enabled database through an ODBC driver, executes the SQL instructions specified in the ASP document, and finally delivers the executed results in HTML format to the
[1] [2] Next page
