Proceso detallado de diseño y producción web

El análisis es el siguiente:

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

2. Seleccione estas tres interfaces a continuación, código, división y diseño. Generalmente, se utiliza la interfaz de diseño predeterminada. Esta función es visual para principiantes y puede crear mejores páginas web.

3. A continuación crearemos un sitio web y crearemos un archivo en la computadora como directorio raíz. Todos los archivos y páginas web del sitio web que construimos se guardan en este archivo. La función del sitio es aclarar el marco entre las páginas web de su sitio web. También déle un nombre al sitio.

4. Luego cree un archivo específicamente para almacenar imágenes del sitio web en el directorio raíz del sitio y establezca el valor predeterminado. De esta forma, todas las imágenes que agregues a este sitio web se guardarán automáticamente en este archivo y no se perderán. Tenga en cuenta que el nombre del archivo debe estar en inglés. A continuación utilizo la (Red de información de baloncesto) que creé para presentarla. Haga clic en Red de información de baloncesto en la esquina inferior derecha; despliegue y haga clic en Administrar sitio; haga clic en Configuración avanzada; establezca la carpeta de imágenes predeterminada para las imágenes recién creadas. ahorrar.

5. Hagamos la página de inicio de este sitio web y aprendamos a agregar imágenes primero. Insertar - imagen - seleccionar material para agregar. Haga clic en la imagen y se podrán editar las siguientes propiedades para modificar el tamaño de la imagen, agregar hipervínculos, etc. A continuación modifico el tamaño de la imagen a modo de 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. Una página web es básicamente una combinación de texto e imágenes. Para agregar videos, los estudiantes deben buscar videos sobre el uso de Dreamweaver. Recuerde guardar la última página web que cree. Archivo en la esquina superior izquierda - guardar.

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

9. Por último, navegamos por la web. Archivo en la esquina superior izquierda: 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.

Información ampliada:

Diseño web

A la hora de diseñar un sitio web, debes prestar atención a dos puntos clave: el estilo general y la combinación de colores.

Estilo

El estilo general de un sitio web y su diseño creativo son los más difíciles de aprender. La dificultad es que no existe un modelo fijo al que referirse e imitar. Dale un tema y no habrá dos personas capaces de diseñar un sitio web idéntico.

El estilo es abstracto. Se refiere a la sensación integral que la imagen general del sitio brinda al espectador. Esta "imagen general" incluye el CI del sitio (logotipo, color, fuente, eslogan), diseño, método de navegación, interactividad, texto, tono, valor del contenido, importancia de la existencia, honor del sitio y muchos otros factores.

Combinación de colores

Ya sea diseño gráfico o diseño web, el color es siempre la parte más importante. Cuando estamos lejos de la pantalla, lo que vemos no es el hermoso diseño o las hermosas imágenes, sino el color de la página web.

Consejos para combinar colores en páginas web:

1. Utilice un color: esto significa seleccionar un color primero y luego ajustar la transparencia o la saturación. De esta manera la página se verá uniforme en color y en capas;

2. Utilice dos colores: primero seleccione un color, luego seleccione su color de contraste;

3. Utilice un sistema de color: en pocas palabras, utilice un color que se sienta igual, como azul claro, amarillo claro, verde claro o amarillo terroso, gris terroso, azul terroso;

En la combinación de colores de una página web, existen algunos malentendidos que se deben tener en cuenta:

1. No utilices todos los colores, intenta limitarlo a tres o cinco colores;

2. El contraste entre el fondo y el texto anterior debe ser lo más grande posible (nunca utilice patrones complicados como fondo) para resaltar el contenido del texto principal.

Referencia: Enciclopedia Baidu: Diseño