Como todos sabemos, la producción de sitios web implica varios aspectos del conocimiento, incluido el diseño gráfico, la producción de páginas HTML, la definición de estilos CSS, las secuencias de comandos del lado del cliente (JavaScrfipt/VBScript), las secuencias de comandos del lado del servidor (Asp/Asp.Net/PHP/JSP). , etc. contenido. En este número, el autor comienza desde lo más básico, enfocándose en cómo crear un sitio web HTML simple e inicialmente experimenta la diversión.
1. La herramienta de creación de páginas web utilizada por el autor aquí es Dreamweaver. Primero ejecute Dreamweaver, seleccione el menú "Archivo" → "Nuevo" y aparecerá la ventana que se muestra en la Figura 1.
2. Hay siete opciones en la pestaña "Página básica" en esta ventana. Después de seleccionar el elemento "HTML" y hacer clic en el botón "Crear", el espacio de trabajo de creación quedará en blanco, lo que significa que la página HTML se creó correctamente. Haga clic en la vista de código y aparecerá el contenido que se muestra en la Figura 2.
3. Ignore el significado específico de estos códigos de página HTML mostrados. Primero cambiamos "Título del documento sin título" a "Debut de la página web" y luego seleccionamos la vista de diseño. Haga clic en "Menú" → "Insertar" → "HTML" → "Marco" → "Arriba" para insertar un marco en la parte superior de la página web. En este momento, la página web está dividida en dos marcos, a saber, el marco superior y el marco inferior. Después de seleccionar el marco, seleccione el comando "Menú" → "Insertar" → "HTML" → "Marco" → "Izquierda", que inserta un marco en el lado izquierdo de la página web.
4. Haga clic en "Ctrl+S" para guardar cada cuadro (top.htm, left.htm, right.htm). Luego seleccione el marco izquierdo y haga clic en el comando "Menú" → "Insertar" → "Hipervínculo", y aparecerá el cuadro de diálogo que se muestra en la Figura 3. Ingrese varios elementos en este cuadro de diálogo, donde "texto" es el texto que se muestra en el enlace, "enlace" es la dirección de la página a la que salta después de hacer clic y "destino" es el marco en el que se muestra. Aquí seleccionamos el "destino" como marco principal (es decir, el marco izquierdo) y seguimos este paso para continuar insertando hipervínculos. A continuación, ingrese a la vista de código del marco derecho (right.htm) e ingrese <marquee direction=left align=middle>¡¡¡Bienvenido a mi sitio web!!!</marquee> en <body></body>. Los efectos especiales pueden hacer que el texto se mueva hacia la izquierda, hacia la derecha, hacia arriba y hacia abajo. Cambiar la dirección (ARRIBA, ABAJO, Izquierda, Derecha) puede cambiar la dirección del movimiento del texto.
5. Ahora que hemos creado una página HTML con un marco, agregaremos un Banner al marco superior (top.htm). Banner puede realizar algunos efectos dinámicos de JavaScript. El código específico para los efectos de intercambio dinámico se puede ver en el código fuente de la página Top.Htm. El autor solo proporciona el código clave aquí:
bannerAD[0]=pic173.gif;
bannerADlink[0]=http://www.sina.com;
bannerAD[1]=pic1732.gif;
bannerADlink[1]=http://www.sohu.com;
Explicación del código: lo anterior es una matriz de JavaScript. bannerAD almacena imágenes y bannerADlink almacena enlaces después de hacer clic en la imagen. Puede agregar o quitar imágenes según sus necesidades.
6. Continúe creando páginas para los hipervínculos en el marco derecho. El contenido específico puede personalizarlo usted mismo. Seleccione el menú "Archivo", haga clic en "Nuevo", seleccione HTML para crear una serie de páginas y los nombres de las páginas deben ser coherentes con los nombres escritos al insertar el enlace. El autor ha puesto dos ejemplos (últimas noticias y celebridades populares) en el documento original, y los lectores pueden intentar agregar más contenido ellos mismos. De esta manera se crea el prototipo de un sitio web HTML, como se muestra en la Figura 4 es el efecto final de la página.
El efecto dinámico no se refleja en la captura de pantalla. Los lectores pueden abrir Index.htm directamente en el archivo fuente en IE. Después de abrirlo, aparecerá un mensaje. Cuando haga clic con el botón derecho, aparecerá el menú "Permitir contenido bloqueado". hacia arriba (Figura 5).
Resumen: en este número, presentamos cómo utilizar Dreamweaver para crear un sitio HTML simple, que utiliza algo de JavaScript, marco HTML, hipervínculos y otras tecnologías. Además, el mensaje de bloqueo de contenido que vimos anteriormente se debe a que la página web no se ha publicado en el sitio. En el próximo número, el autor le traerá contenido más interesante.