Cómo hacer que su sitio web sea dinámico
¿Su sitio web sigue siendo tan estático como siempre? Entre el crecimiento geométrico actual de los sitios web de Internet, un número considerable de ellos todavía se adhiere a la estática y se han quedado invisiblemente detrás del ritmo de los tiempos. El llamado Static significa que el contenido de la página web del sitio web se soluciona. Documento HTML estático. El contenido de su página utiliza solo código HTML estándar, y como máximo, se acompaña de las populares imágenes dinámicas de formato GIF89A, como el efecto de animación de varios cachorros y gatitos que se ejecutan. Si un mantenedor de sitios web quiere actualizar el contenido de una página web, debe actualizar manualmente todos sus documentos HTML.
La debilidad fatal de los sitios web estáticos es que no son fáciles de mantener. imaginación.
No puede evitar preguntar: Entonces, ¿qué es un sitio web dinámico? Este es el núcleo del artículo.
1. Interactividad significa que las páginas web cambiarán y responderán dinámicamente de acuerdo con los requisitos y opciones del usuario, y utilizarán el navegador como interfaz del cliente.
2. Actualización automática significa que no necesita actualizar manualmente el documento HTML, y se generará automáticamente una nueva página, lo que puede guardar enormemente la carga de trabajo.
3. Cambia de vez en cuando, es decir, cuando diferentes personas visitan el mismo sitio web en diferentes momentos y diferentes personas producirán diferentes páginas.
Ahora que tiene un concepto básico para sitios web dinámicos, debe elegir un arma competente a continuación. Hay muchas formas de hacer dinámicamente su sitio web, depende de cuáles sean sus necesidades. Si es un mantenedor de su sitio web personal y usa un espacio de página de inicio gratuito, en la mayoría de los casos solo puede usar Java, Java Script y la última tecnología DHTML. Tenga mucha suerte de jugar con tecnología dinámica real. La tecnología CGI y ASP se discutirá más adelante.
¿Qué es exactamente DHTML? ¿Cómo es diferente del HTML tradicional? DHTML es cuando se descarga una página web de un servidor web y ya no necesita ser procesado por el servidor, pero actualiza directa y dinámicamente el contenido, el estilo de diseño y la animación de la página web en el navegador. Por ejemplo, cuando el mouse se mueve al párrafo del artículo, el párrafo puede volverse azul, o cuando haga clic en un hipervínculo, se generará automáticamente un directorio desplegable Sub-Hyperlink. Este es HTML dinámico (HTML dinámico), que es una de las innovaciones más emocionantes y prácticas en el rápido desarrollo de Internet en los últimos años. Es un concepto logrado a través del desarrollo integral de varias tecnologías, incluyendo script java, vb0script, modelo de objetos de documentos, capas y hojas de estilo en cascada (hojas de estilo CSS), etc. Es muy desafortunado que después de varias batallas entre los navegadores Netscape y Microsoft IE, todavía no hayamos recibido un estándar unificado para el soporte DHTML. Por lo tanto, este artículo debe describirse por separado al introducir DHTML. Primero echemos un vistazo al soporte de Microsoft IE 4 para DHTML:
1. Contenido dinámico: actualice dinámicamente el contenido de la página web, e inserte, modifique o elimine dinámicamente los componentes de la página web en cualquier momento, como texto, etiquetas, etc.
2. Hojas de estilos dinámicos: a través de las hojas de estilo en cascada de W3C (tipo de letra conectada, denominado CSS1 o CSS), proporciona el tamaño de la fuente, el tamaño de la fuente, el grosor, el estilo de fuente y la altura de la línea de las etiquetas HTML. Línea o línea horizontal media, distancia desde el borde, centrado a la izquierda o centrado, sangría, imagen de fondo o color y otras funciones tipográficas. Los estilos de diseño dinámico pueden cambiar dinámicamente el estilo de diseño en cualquier momento.
3. Posicionamiento dinámico: a través del borrador de trabajo de W 3 C sobre el posicionamiento de HTML con hojas de estilo en cascada, proporciona la función de posicionamiento de los componentes HTML en los ejes X, Y y Z, lo que permite a los diseñadores colocar imágenes, controles, texto, etc. en en cualquier lugar de la página. Al colocarlo en diferentes eje z, el diseñador puede producir efectos superpuestos.
4. Conciencia de datos incorporada: no hay necesidad de programas complejos o gastar demasiados recursos en el servidor, lo que permite a los diseñadores web procesar documentos en tiempo real.
5. Soporte multimedia incorporado: IE 4.0 combina CSS y controles activos incorporados para proporcionar funciones de soporte multimedia, incluidas funciones multimedia como efectos de conversión, efectos de filtro, control de ruta, control de secuencia, animación, dibujo, reproducción de sonido e imágenes .
Echemos un vistazo al soporte proporcionado por Netscape Communicator 4.0 para DHTML:
1. Hojas de estilos dinámicos: soporte W 3 C Hojas de estilo en cascada (estilo de tipo conectado, denominado CSS1 o CSS) y hojas de estilo de guión Java caseros.
2. Capas dinámicas: proporciona las funciones de posicionar imágenes y textos, cambiando el orden superpuesto de imágenes y textos, controlando o mostrando imágenes y textos, ¡y le permite diseñar efectos de animación!
3. Fuentes dinámicas: proporciona la función de descargar fuentes del servidor. Se puede ver que aunque IE 4.0 y Netscape Communicator 4.0 proporcionan soporte HTML dinámico, de hecho, a excepción de las especificaciones similares de las hojas de estilo en cascada, el resto son muy diferentes. Por lo tanto, cuando diseña páginas DHTML, los problemas de compatibilidad deben considerarse completamente. El autor explicará los métodos de uso y las técnicas de diseño de DHTML cuidadosamente en el Capítulo 2 "Dieciocho artes marciales del diseño web dinámico", por favor preste mucha atención.
Quizás para un sitio web personal, el uso completo de la tecnología DHTML es suficiente para que la página web cobre vida y está llena de dinamicidad. Sin embargo, para las empresas que crean sitios web comerciales, está lejos de ser suficiente para tener DHTML. Debido a que los efectos dinámicos que ocurren solo en el navegador del cliente no pueden satisfacer las necesidades dinámicas de los sitios web comerciales, como grandes cantidades de consultas de información, consulta del cliente, interacción de recursos, etc. Por lo tanto, como diseñador de sitios web comerciales, es necesario diseñar un sitio web dinámico más práctico e interactivo. Dado que la mayoría de los sitios web comerciales tienen una gran cantidad de datos e información, la intención original de construir una red es facilitar a los clientes consultar información corporativa, facilitar la comunicación con los clientes y obtener comentarios oportunos de información. Luego, inevitablemente enfrentará cómo permitir a los usuarios consultar la información de la base de datos web a través de Internet o Intranet en la interfaz del navegador e incluso ingresar, actualizar y eliminar la información en el servidor web. A continuación, introduciré brevemente varios métodos de diseño de sitios web dinámicos comúnmente utilizados:
1. El método tradicional de CGI (interfaz de puerta de enlace común) se utiliza para realizar el formulario ejecutable establecido por el formulario. . El uso de CGI para acceder a las bases de datos web tiene muchas desventajas, como no es fácil de desarrollar, alto costo de cambio y modificación, funciones limitadas, no es fácil detectar errores, velocidad de ejecución lenta, etc. Además, ya que no está integrado en documentos HTML, Debe usarse completamente con HTML.
2. IDC (Connector de base de datos de Internet) El conector de la base de datos de Internet es una de las características del servidor de Windows NT que contiene el servidor de información de Internet (IIS) 2.0. Iis. Solo necesita dominar los conocimientos básicos de HTML y SQL y escribir algunos código para compilar aplicaciones de bases de datos interactivas, lo que permite a los usuarios consultar, ingresar, actualizar y eliminar el servidor web en la información de datos de la interfaz del navegador. Como a los programadores de VB les gusta, los archivos que componen la aplicación IDC son explicados. ciclo de desarrollo y retroalimentación. Pero el precio de esta simplicidad es sacrificar mucha flexibilidad, lo que lo obliga a renunciar a mucho control sobre la interfaz de usuario y casi toda la capacidad de verificar los datos. Por lo tanto, IDC solo es adecuado para aplicaciones web simples.
3. ActiveX Data Object (ADO) es la mejor opción para aplicaciones de bases de datos web.
¿Qué es exactamente el objeto de datos ActiveX (ADO para abreviar)? ActiveX Data Object Technology le permite combinar con las páginas de servidor Active (ASP para abreviar) para crear contenido de la página web que proporcione información de datos. Ingrese, actualice y elimine los datos en el servidor web en la interfaz del navegador. Cuando el navegador en el lado del usuario llena la información requerida para ingresar en el formulario y presiona el botón Enviar, la solicitud HTTP se transmite al servidor web a través de Internet e Intranet es ejecutar el programa de páginas de servidor activo especificado en El formulario (nombre de sufijo) en el servidor web. Un documento ASP es un documento de texto plano que incluye: etiquetas HTML, código de programa de lenguaje VBScript o JScript, sintaxis ASP e instrucciones SQL de lenguaje de consulta estructurada. La ejecución del servidor web IIS3.0/4.0. ADO tiene las ventajas de uso fácil, desarrollo rápido y ejecución, menos recursos del sistema y pequeño espacio en disco.
Las anteriores son las tecnologías dinámicas comúnmente utilizadas en el diseño de sitios web comerciales. futuro. Por lo tanto, en el segundo capítulo de este artículo, "Dieciocho artes marciales del diseño web dinámico", el autor explicará el uso de ADO y ASP, así que estad atentos.