Cómo diseñar páginas web, cómo diseñar 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 del sistema de cuadrícula para planificar la posición de diferentes elementos en la página puede establecer y promover la relación entre los 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 el foco. Encontrar el foco en el diseño es una de las formas más efectivas de crear un diseño equilibrado. Por ejemplo, una imagen grande comúnmente utilizada en diseño es el elemento de enfoque 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, combine el principio de proximidad de la teoría Gestalt y cumpla con el principio de disposición. O el título o subtítulo de referencia también puede ser el foco. 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 dicotomía. La trigonometría 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 el punto focal ya preparado. Un método común de 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 satisfactorio. ¿Proceso de diseño y producción web?

El análisis es el siguiente:

1. Primero descargue e instale Dreamweaver. Una vez abierta, cree una nueva página web. Generalmente elija "HTML" para crear páginas web. Elegir la interfaz "Clásica" nos ayudará a utilizar el software de forma más cómoda.

2. Seleccione las siguientes tres interfaces: codificación, división y diseño. Generalmente, se diseña la interfaz predeterminada, que es más intuitiva para los principiantes y puede mejorar la página web.

3. Hagamos un sitio web y creemos un archivo en la computadora como directorio raíz. Todos los archivos y páginas de nuestro sitio web se guardan en este archivo. La función de un sitio web es proporcionar claridad 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 el valor predeterminado. 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 debe estar en inglés. Permítanme presentarlo usando la red de información de baloncesto que creé. Haga clic en Basketball Information Network en la esquina inferior derecha - menú desplegable para administrar el sitio web - haga clic en Configuración avanzada - configure la carpeta de imágenes predeterminada para la imagen recién creada. ahorrar.

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

6. Aprendamos a agregar texto. Editor "Red de Información del Baloncesto". Puede configurar la fuente del texto, agregar hipervínculos y más para las siguientes propiedades. Haga clic en Propiedades de 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. Agregar vídeos también requiere que los alumnos busquen vídeos de Dreamweaver para aprender. Recuerde guardar la página web después de crearla. Archivo en la esquina superior izquierda - Guardar.

8. Finalmente, aprendemos a agregar hipervínculos. Utilicé la segunda página web para demostrarlo. Seleccione el texto de Basketball Information Network, haga clic en Propiedades - Enlaces - haga clic en el botón Archivo en la parte inferior de la página, seleccione la primera página web y el texto de Basketball Information Network se volverá azul. Este es un enlace interno a un sitio web y, a la inversa, hay un enlace externo. Al agregar imágenes, asegúrese de escribir http://...

9. Finalmente, 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.

Datos ampliados:

Diseño web

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

Estilo

El estilo general y el diseño creativo del sitio web son los más difíciles de aprender. La dificultad es que no existe un modelo fijo al que referirse e imitar. Si le asigna un tema, no habrá dos personas que puedan diseñar un sitio web exactamente igual.

El estilo es relativamente abstracto. Se refiere a la sensación integral que la imagen general del sitio web brinda a los visitantes.

Esta "imagen general" incluye CI (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 nos alejamos de la pantalla, lo que vemos no es un hermoso diseño o hermosas imágenes, sino el color de la página web.

Habilidades de combinación de colores de páginas web:

1. Usar un color: esto se refiere a elegir un color primero y luego ajustar la transparencia o saturación para que la página tenga un color uniforme. Una sensación de capas;

2. Utilice dos colores: primero elija un color y luego elija su color contrastante.

3. , como azul claro, amarillo claro, verde claro o caqui, caqui, caqui;

En la combinación de colores web, hay algunos malentendidos que debes recordar:

1. No utilices todos los colores, intenta limitarlos a entre tres y cinco colores;

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

Materiales de referencia:

Enciclopedia Baidu: Diseño

¿Cómo ajustar el diseño de la página web?

Método de ajuste del diseño de la página web:

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

2. Seleccione la 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 realizar ajustes.