Dreamweaver CS6 crea una página web sencilla

Ilustrar la aplicación de Dreamwaver CS 6 versión con ejemplos. Aunque he usado muchos libros e información sobre la versión Dreamwaver CS6, la información es demasiado complicada y no sé por dónde empezar. Este artículo hablará sobre el uso de Dreamwaver CS6 según mi propia experiencia. El ejemplo dado aquí es la producción de una "página de inicio de una página web de noticias".

Abra DW, la interfaz de DW es como se muestra en la figura

Analice las necesidades de la página web producida y aclare los objetivos

Aclare las necesidades. Si está proponiendo un sitio web, necesita crear un sitio para facilitar la administración y organizar más los pasos de producción.

La ventana que aparece al crear un nuevo sitio. Lo que ingresé aquí es "página web de noticias", que se coloca en la carpeta de la página web de noticias debajo de la carpeta Dreamwaver CS6.

Cree un nuevo archivo de "imágenes" en la carpeta de la página web de noticias e importe los materiales necesarios. para crear la página web, los materiales requeridos aquí son todas imágenes

Cree un nuevo HTML y seleccione "Crear"

Ingrese "Página de inicio de la página web de noticias" en el "Título" y cambie. a la interfaz "Diseño"

Inserte una tabla de acuerdo con las necesidades de hacer una página web, solo se cambian las filas y columnas. Las siguientes opciones de "Ancho de tabla" se configuran de acuerdo con la imagen.

Inserte la tabla como se muestra en la figura. Seleccione la tabla y verá que el borde de la tabla cambia a rojo y se vuelve negro después de la selección. Seleccione "Alineación centrada" para la opción de alineación en las propiedades

Ingrese "Nombre de usuario" en la primera fila y la primera columna de la tabla, e inserte "Campo de archivo" en la segunda tabla de la primera fila. Luego, la contraseña se inserta en el "Campo de archivo" de la misma manera. Cambie a la interfaz "Dividir", seleccione el "Campo de archivo" correspondiente a la contraseña y cambie "tipo" a "contraseña"

Inserte la imagen si no sabe cómo completarla. , simplemente siga seleccionando "Aceptar"

El botón Insertar se procesa de la misma manera que el método de inserción de imágenes anterior. Si no sabe qué completar, simplemente mantenga "Aceptar", está bien. Cambie el valor en la barra de propiedades a "Iniciar sesión". Luego inserte la imagen "Logotipo de Google" y adjunte la representación

Seleccione la segunda fila, haga clic derecho y seleccione "Tabla", "Fusionar celdas"

Inserte la imagen en la segunda fila . Complete la creación de la página. Guarde el archivo HTML. Luego podrá ver el archivo HTML guardado en la "Página de noticias" del sitio

Haga clic en el archivo HTML creado, elija abrirlo con el navegador 360, ingrese el nombre de usuario y la contraseña, y luego Verá lo siguiente: Nombre de usuario Courseware, la contraseña es invisible, lo cual es consistente con la realidad

Por supuesto, el paso 15 también se puede completar en la vista en tiempo real de Dreamwaver CS6