Red de conocimiento informático - Material del sitio web - Cómo utilizar Dreamweaver para crear una página web personalCómo utilizar Dreamweaver para crear una página web personal Funciona

Cómo utilizar Dreamweaver para crear una página web personalCómo utilizar Dreamweaver para crear una página web personal Funciona

Cómo utilizar Dreamweaver para crear páginas web

Primero, descarga e instala el programa Dreamveaver. Luego, siga los pasos a continuación:

Cree una página web

1 En "Archivo - Nuevo - General - Página básica - HTML" de Dreamveaver, cree una página, la versión en inglés es. el valor predeterminado El nombre del archivo es untitled.htm. htm significa que el archivo de la página es un archivo HTML estático. Pasa a llamarse index.htm.

Nota: El nombre de la página de inicio del sitio web suele ser index.htm o index.html. Otras páginas pueden nombrarse ellas mismas. Esta es la página de inicio. Las páginas abiertas después de la carga están vinculadas a esta página de forma predeterminada.

2. Ingrese el nombre de la página en la barra de título en blanco y luego haga clic en Modificar

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

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

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

3. El código predeterminado de la página web se puede ver en el documento de la página web creada y debemos editarlo en el cuerpo de la página web.

4. Los principiantes pueden configurar dw como interfaz de diseño para facilitar la configuración mientras ven el efecto. Luego hacemos clic en insertar-imagen para insertar la imagen.

5. Como soy principiante, no hay problema en cortar imágenes de páginas web. Insertamos directamente toda la página web diseñada para que podamos ver el efecto de la página web. Pero debido a que es la imagen completa, si desea agregar un pequeño enlace por separado, debe ir al área activa para dibujarlo.

6. Primero debemos llamar a la ventana de propiedades para dibujar el área activa. Haga clic en Ventana - Propiedades.

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

8. Luego siga el método anterior para dibujar los puntos calientes en otros lugares donde se deben agregar enlaces.

9. Una vez completado el dibujo, hacemos clic en uno de los puntos calientes e ingresamos el enlace para saltar en la columna de atributos. Después de agregar el enlace, haga clic en Vista previa en el navegador. La tecla de acceso directo es F12

10. Cuando lo abras con un navegador más tarde, verás una bonita página web. ¿Les gustará a tus amigos?

¿Es fácil crear una página web?

Sencillo.

Dreamweaver, una de las páginas web más populares de Los Tres Mosqueteros, es un editor de código web WYSIWYG que integra la producción y gestión de páginas web. Una de sus características más importantes es que proporciona una gran cantidad de plantillas de página listas para usar y ventanas de edición visual. Con la ayuda de un motor de codificación inteligente simplificado, se pueden lograr muchos buenos efectos de interfaz mediante una configuración simple. sin experiencia en producción de páginas web. Muy fácil de usar y fácil de usar. Después de más de 20 años de desarrollo, ahora admite un conjunto relativamente rico de lenguajes de desarrollo y se pueden utilizar JAVA, PHP, C#, VB, etc. Aunque ya no existe y hay software de desarrollo más potente en el mercado, Dreamweaver sigue siendo una buena opción para principiantes sin conocimientos básicos.

¿Cómo hacer un tutorial de página web?

El análisis es el siguiente:

1. Primero descargue e instale Dreamweaver. Después de abrirlo, cree una nueva página web. Generalmente, elija "HTML" para crear una página web. Elija la interfaz "Clásica", que nos ayuda a utilizar el software de forma más cómoda.

2. Seleccione estas tres interfaces a continuación, código, división y diseño. Generalmente, la interfaz de diseño es la predeterminada. Para los principiantes, esta función es visual y puede crear mejor páginas web.

3. Creemos un sitio web y creemos un archivo en la computadora como directorio raíz. Todos los archivos y páginas que construimos en nuestro sitio web se guardan en este archivo. La función de un sitio web es proporcionar un marco claro entre las páginas de su sitio web. También asigne un nombre al sitio web.

4. Luego cree un archivo en el directorio raíz del sitio web específicamente para almacenar imágenes del sitio web y establezca los valores predeterminados. De esta manera, cualquier imagen que agregue a este sitio se guardará automáticamente en este archivo y no se perderá. Tenga en cuenta que el nombre del archivo está en inglés. A continuación utilizo la (Red de información de baloncesto) que construí para presentarla. Haga clic en Red de información de baloncesto en la esquina inferior derecha - desplácese hacia abajo, haga clic en Administrar sitio web - haga clic en Configuración avanzada - configure la carpeta de imágenes predeterminada para la imagen recién creada. . Guarde la imagen que acaba de crear.

5. Hagamos la página de inicio de este sitio. Primero, aprenda a agregar imágenes. Insertar--Imagen--Seleccione el material que desea agregar. Haga clic en la imagen y podrá editar las siguientes propiedades, modificar el tamaño de la imagen, agregar hipervínculos, etc. A continuación modifico el tamaño de la imagen para demostración.

6. Aprenda a agregar texto a continuación. Editar "Red de información de baloncesto". Las siguientes propiedades se pueden utilizar para configurar fuentes de texto, agregar hipervínculos, etc. Haga clic en las propiedades de la página para editar las propiedades del texto en detalle.

7. Las páginas web son básicamente una combinación de texto e imágenes. Agregar videos también requiere que los estudiantes busquen cómo usar videos en Dreamweaver para aprender. Por último, recuerda guardar la página web después de crearla. La esquina superior izquierda del archivo - Guardar.

8. Finalmente, aprendamos a agregar hipervínculos. Utilicé la segunda página web que creé como demostración. Seleccione el texto de Basketball Information Network, haga clic en Propiedades en la parte inferior de la página - Enlaces - haga clic en el botón de archivo pequeño - seleccione la primera página web y haga que el texto de Basketball Information Network se vuelva azul. Este es un enlace interno al sitio web y viceversa es un enlace externo. Agrégalo como se muestra en la imagen, asegúrate de escribir http://...y listo.

9. Por último, navegamos por la web. La esquina superior izquierda del archivo: explore la página web en el navegador, haga clic en los dos enlaces de la página web para llegar a la página web especificada.

¿Cómo utilizar PS para diseñar una página web sencilla?

Cree una imagen grande en PS. Para descargarla rápidamente, debe cortarla y luego exportarla como una página web. ¡El programa guardará automáticamente la imagen! ¡El enfoque correcto es usar PS para crear materiales y Macromedia Dreamweaver8 para crear páginas web! Después de todo, ¡esta última es la herramienta preferida para crear páginas web! ¡PD es solo una herramienta de embellecimiento!

¿Cuáles son los pasos y métodos para hacer páginas web con PS?