Cómo hacer un diseño de página web Cómo hacer un diseño de página web con imágenes

¿Cuáles son las técnicas para el diseño de páginas web? 1. Usar un sistema de cuadrícula El uso de un sistema de cuadrícula permite algún tipo de equilibrio de páginas. El sistema de cuadrícula es un método de diseño clásico que queda del diseño de impresión. En los últimos años, el sistema de cuadrícula ha ayudado a los diseñadores a completar una gran cantidad de trabajos de diseño en línea y ha trasplantado con éxito el concepto de sistema de cuadrícula a los medios digitales. El uso de un sistema de cuadrícula para planificar la posición de diferentes elementos en la página puede establecer y promover conexiones entre diferentes elementos de la página, crear una fuerte sensación de equilibrio en la página y proporcionar una referencia estructural clara para la audiencia. 2. Elija un punto focal Encontrar un punto focal en su diseño es una de las formas más efectivas de crear un diseño equilibrado. Por ejemplo, la imagen grande que se usa comúnmente en diseño es el elemento de enfoque único más grande de la página. Unas buenas imágenes pueden atraer a la audiencia a la página y organizar otro contenido a su alrededor. Si hay múltiples elementos visuales, combinados con el principio de proximidad de la teoría Gestalt, se sigue el principio de disposición. O el título o el subtítulo de la cita también pueden ser el centro de atención. Un buen título también puede tener un gran atractivo visual y puede usarse para organizar otros elementos encima, lo que da como resultado un diseño de página equilibrado. 3. Utilice la regla de los tercios. La regla de los tercios también es una forma eficaz de crear un diseño de página equilibrado. En pocas palabras, la regla de los tercios es dividir la página en tercios vertical y horizontalmente, y el punto donde se cruzan las líneas de la cuadrícula es un punto focal ya preparado. Un método comúnmente utilizado para la regla de los tercios es colocar los elementos más importantes en el tercio superior (inferior) de la página, alinear el foco principal para que coincida con uno de los puntos de intersección y luego alinear los elementos clave con los cuatro puntos. para que la composición sea satisfactoria.

¿Proceso de diseño y producción de una 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, 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 manera, todas las imágenes que agregue 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; configure 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 demostración. 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. Agrega la imagen, asegúrate 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 bellas 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 entre tres y 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

¿Cómo ajustar el diseño web?

Método de ajuste del diseño web:

1. Primero, haga clic en el archivo una vez en la página web abierta y guárdelo como. En resumen, busque el botón de comando que puede guardar la página web y haga clic para guardar la página web.

2. Seleccione el tipo de guardado como opción "Página web, solo html" en el menú emergente para guardar y haga clic en Guardar.

3. Ahora busque el archivo de nuestra página web, haga clic derecho y seleccione Convertir a Adobe PDF para ajustarlo.