La Red de Conocimientos Pedagógicos - Currículum vitae - htmlDW cómo crear una página web usando DW para crear una producción de página web simple en HTML

htmlDW cómo crear una página web usando DW para crear una producción de página web simple en HTML

Encuentre los pasos básicos para crear una página web en DW. Los pasos específicos son los siguientes:

Primero cree una carpeta "myweb2" en la unidad c de su computadora, como se muestra. en la figura siguiente.

En segundo lugar, abra el software Dreamweaver, como se muestra en la siguiente figura.

3. Cree un nuevo sitio y asígnele el nombre "myweb2", que es el mismo que "myweb2" creado en la unidad c, como se muestra en la siguiente figura.

Cuatro. Primero descargue una imagen de Internet y luego guárdela en myweb2 en la unidad c, como se muestra en la siguiente figura.

El verbo (abreviatura de verbo) luego se importa al HTML recién creado, como se muestra a continuación.

Verbos intransitivos Introduce algunos nombres debajo de la imagen, como se muestra a continuación.

Siete. Debajo del texto, cree un enlace llamado "www.baidu.com". Cuando otros abran este texto, aparecerá la interfaz "Baidu", como se muestra en la siguiente figura.

8. Luego haga clic en el círculo en la barra de herramientas como se muestra a continuación.

9. Abra el texto debajo de la imagen y accederá a la interfaz de Baidu, como se muestra a continuación.

¿Cómo utilizar Dreamweaver para crear una página web sencilla?

Si desea hacer esto, se recomienda aprender primero la sintaxis HTML y CSS. Dreamweave solo acelera el desarrollo. Si solo desea crear un sitio web, no tiene sentido usar dw para crear sitios web estáticos. Hoy en día, los sitios web son dinámicos y tienen un backend. Se recomienda descargar directamente sistemas de administración de sitios web como pageadmin y usarlos.

¿Todo el proceso de hacer una página web con marco simple con dw?

Primero, cree un archivo HTML en el software DW. Luego haga clic en Insertar en la barra de herramientas.

En segundo lugar, en la ventana Insertar opciones, seleccione HTML. Luego seleccione el marco.

En tercer lugar, en el marco aparecerá una ventana de opciones de dirección. Seleccione Alinear borde superior.

En cuarto lugar, haga clic en Dividir en el archivo HTML.

Puedes ver la línea blanca transparente en la barra de efectos de la derecha.

En quinto lugar, luego presione la tecla Mayús y la tecla F2. Aparecerá la ventana de visualización del marco.

En sexto lugar, seleccione el marco en la ventana de visualización del marco.

Aparecerá una línea de puntos en la ventana de visualización a la derecha. Tira de la línea de puntos para cambiar el tamaño del marco.

¿Cómo crear una nueva página web en dw?

1. Inicie dw2019 y haga clic en el botón Nuevo en el medio de la interfaz principal del software.

2. En la ventana emergente Nuevo documento, seleccione el tipo de documento como documento HTML y haga clic en Crear.

3. Después de crear un documento de página web, puede ver el código predeterminado de la página web. Cuando editamos la página web, necesitamos editarla en el cuerpo.

4. Los principiantes pueden configurar dw como interfaz de diseño para facilitar la visualización del efecto mientras trabajan. Luego hacemos clic en insertar-imagen para insertar una imagen.

5. Como soy principiante, no recortaré imágenes de la página web. Insertamos directamente todo el borrador del diseño de la página web diseñado para que podamos ver el efecto de la página web. Pero debido a que es la imagen completa, si desea agregar un enlace a una pequeña parte individualmente, debe dibujar una zona activa para lograrlo.

6. Primero debemos abrir la ventana de propiedades para dibujar el área activa. Haga clic en Propiedades de ventana.

7. Después de hacer clic, aparecerá una barra de propiedades en la parte inferior del software. Haga clic en el área activa cuadrada para dibujar un rango en el que se puede hacer clic donde desea agregar un enlace.

8. Luego siga el método anterior para dibujar puntos calientes en otros lugares donde es necesario agregar enlaces.

9. Después de dibujar, hacemos clic en uno de los puntos calientes e ingresamos el enlace de salto en la columna de atributos. Después de agregar todos los enlaces, haga clic para obtener una vista previa en el navegador. El acceso directo es F12

10. Más tarde podrá ver la página web completa abierta en el navegador. Amigos, ¿se conocieron?

¿Cómo utilizar DW para crear una barra de navegación web?

Dreamweaver, conocido como "DW", el nombre chino es "Dream Weaver", es un editor de páginas web WYSIWYG desarrollado por la empresa estadounidense MACROMEDIA que integra la producción y gestión de páginas web.

Si desea utilizar DW para crear una barra de navegación, debe estar familiarizado con p+css. El código básico: ul#nav{width:100%;height:60px;background:#00A2CA;margin:0auto}ul#navli. {display:inline;height:60px} ul#navlia{display:inline-block;padding:020px;height:60px;line-height:60px;color:#FFF;font-family:"5FAE8F6F96C59ED1";font-size: 16px}ul#navlia:hover{background :#0095BB}/*Establece el color de fondo que cambia cuando el mouse pasa por encima o se desplaza*/

Página de inicio

Tutorial HTML

Conceptos básicos de CSS

Herramientas de desarrollo de CSS

Efectos de CSS

Problemas de CSS