Cómo utilizar el lenguaje DHTML para crear páginas web
1 Introducción
Con la continua popularidad y desarrollo de Internet/Intranet, cada vez más empresas, empresas e individuos han comenzado a crear sus propios sitios web y a escribir páginas web en un nuevo formato. forma de publicar información en el mundo exterior para que la gente pueda navegar, leer y aplicar. Por tanto, la producción de páginas web ha atraído cada vez más la atención de los profesionales.
Las páginas web son documentos y archivos que proporcionan información al mundo a través de Internet, incluyendo información personal, comercial, de entretenimiento y otros contenidos. Las páginas web se escriben utilizando lenguaje de marcado de hipertexto (HTML) y se almacenan en servidores web en Internet/Intranet para que los visitantes las lean mediante navegadores. Las páginas web escritas en lenguaje HTML también se denominan hipertexto, es decir, las páginas web contienen información multimedia como texto, gráficos, sonidos, imágenes e hipervínculos (HyperLink).
2 DHTML Simple
Yo puedo acceder a una gran cantidad de páginas web escritas en HTML y lenguajes de scripting en mi navegador. Para facilitar la navegación, varios fabricantes de computadoras han lanzado sus propios navegadores, pero estos navegadores aún no tienen una especificación unificada para el soporte HTML, lo que obviamente no favorece el desarrollo de Internet. Por lo tanto, el Consorcio World Wide Web (W3C) desarrolló una especificación independiente de la plataforma y el lenguaje: el Modelo de Objetos de Documento (DOM).
DOM combina HTML, CSS (Cascading Style Sheets) y lenguajes de scripting en uno o más modelos interoperables. Tanto Netscape como Microsoft han hecho sugerencias al W3C para implementar DOM: use HTML dinámico, es decir, DHTML (HTML dinámico) para resolver el problema.
DHTML es un término general para varias características nuevas que se han ampliado para mantener la compatibilidad con HTML existente. Estas nuevas funciones incluyen principalmente funciones dinámicas, funciones de posicionamiento y la capacidad de utilizar CSS.
DHTML se utiliza por dos razones: primero, DHTML divide cada elemento de la página web en una serie de objetos independientes, cuyas propiedades se especifican mediante CSS. En segundo lugar, DHTML abre cada objeto a un marco de lenguaje de programación y scripting. Puede usar el lenguaje de programación C para manipular objetos en la página web, o usar Java script y VBscript para manipular los objetos en la página web. Esto significa que las páginas web y todo lo que contienen son programables, lo que aporta nuevas capacidades a las páginas web. Encontraremos la diferencia cuando ejecutamos la aplicación: cuando solíamos ejecutar el programa en una página web, teníamos que esperar a que la página web se volviera a descargar cada vez que pasábamos un solo elemento. Si una página web contenía un. una gran cantidad de objetos ocultos, o incluso una página completamente nueva, luego debe realizar el proceso de acceso al servidor nuevamente y después de usar DHTML, puede hacer clic en un gráfico en la parte superior de la pantalla para hacer los párrafos en la parte inferior; de la pantalla cambia inmediatamente sin tener que acceder al servidor. Todos los formularios se convertirán en una base de datos viva y los usuarios podrán filtrar y ordenar datos dinámicamente. Esto reduce la cantidad de solicitudes realizadas al servidor, lo que reduce la carga en el servidor y mejora el rendimiento general del cliente y del servidor.
3 Utilice hojas de estilo CSS
DHTML se basa en hojas de estilo en cascada (CSS), donde el estilo es un conjunto de atributos de visualización y posicionamiento definidos por el autor de la página web. Luego declare cada instancia de ese objeto. Cada instancia tiene un estilo, que es un conjunto de propiedades o instrucciones de visualización.
Una vez declaradas una vez, estas propiedades se utilizan en toda la página o incluso en todo el sitio web. Si el nombre del estilo es el mismo que el nombre de un elemento (o etiqueta) DHTML válido, el estilo se aplica automáticamente a cada instancia de ese elemento; si el nombre del estilo no tiene una etiqueta DHTML correspondiente, el estilo se debe aplicar manualmente; al lugar previsto La ubicación donde aparece.
3.1 Definir y utilizar estilos básicos
El siguiente segmento del programa tiene dos estilos: H1 y favor. H1 es un elemento DHTML válido y la parte marcada 〈H1〉〈/H1〉 en el programa hereda todos los atributos del estilo H1 favorito es un elemento que no es DHTML y se debe agregar un punto delante para definirlo.
〈HTML〉
〈HEAD〉〈TITLE〉prueba〈/TITLE〉
〈STYLE TYPE="text/css〉
H1{estilo de fuente: normal;
peso de fuente: negrita
color: verde
.favor{font-style.normal;
tamaño de fuente: 15pt;
imagen de fondo: url(back.image.gif);
textalign：center}/definir estilo favorito/
->
〈/STYLE 〉
〈/HEAD〉
〈H1〉¡Esto es una prueba!