Cómo mostrar el proceso de operación del sitio webCómo mostrar el video del proceso de operación del sitio web

El análisis es el siguiente: 1. Primero descargue e instale Dreamweaver. Una vez abierta, cree una nueva página web. Normalmente eliges "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. En términos generales, para los usuarios novatos, la interfaz de diseño predeterminada es visual, lo que puede mejorar la página web.

Creemos 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, configure un archivo en el directorio raíz del sitio web para almacenar las imágenes del sitio web 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 documento debe estar en inglés. Usaré mi red de información de baloncesto para presentarlo. Haga clic en Basketball Information Network en la esquina inferior derecha; despliegue y haga clic en Administrar sitio web; haga clic en Configuración avanzada; y 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 y las propiedades a continuación le permitirán editar y modificar el tamaño de la imagen, agregar hipervínculos, etc. Permítanme cambiar el tamaño de la imagen con fines de demostración.

6. Aprenda a agregar texto a continuación. Editor "Red de Información del Baloncesto". Las siguientes propiedades pueden configurar fuentes de texto, agregar hipervínculos, etc. 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. Por último, recuerda guardar la página web después de crearla. Archivo en la esquina superior izquierda - Guardar.

8. Finalmente, aprendemos a agregar hipervínculos. Estoy usando una segunda página web que creé como demostración. Seleccione el texto de Basketball Information Network, haga clic en Propiedades-Enlace-haga clic en el botón de archivo en la parte inferior de la página para seleccionar la primera página web, de modo que el texto de Basketball Information Network se vuelva azul. Estos son los enlaces internos del sitio web y, por el contrario, los hay externos. Agregue como se muestra. Asegúrate de escribir http://........................

9. Finalmente, navegamos por la web. Esquina superior izquierda del archivo: explore la página web en el navegador y 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

Hay dos puntos a los que prestar atención en el diseño de un sitio web: 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. Dado un tema, no hay dos personas que puedan diseñar exactamente el mismo sitio web.

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, estilo de navegación, interactividad, redacción, tono, valor del contenido, importancia de la existencia, honor del sitio web y muchos otros factores.

Combinación de colores

Ya sea diseño gráfico o diseño web, el color es siempre el aspecto más importante. Cuando nos alejamos de la pantalla, lo que vemos no es un hermoso diseño o bellas imágenes, sino los colores de la página web.

Habilidades de combinación de colores de la página web:

1. Usar un color: esto significa seleccionar un color primero y luego ajustar la transparencia o la saturación para que la página se vea uniforme y en capas <; /p>

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

3. Utilice un sistema de color: en pocas palabras, utilice un color perceptible, como el azul claro. amarillo claro y verde claro; o caqui, caqui, caqui.

En la combinación de colores web, también debemos tener en cuenta algunos malentendidos:

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

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

Referencia: Enciclopedia Baidu: Diseño

Cuando un usuario utiliza un navegador para acceder al sitio web, ¿cuáles son los procesos y pasos detrás de esto?

El usuario opera el navegador para acceder y el navegador envía una solicitud HTTP al servidor.

El servidor recibe la solicitud HTTP, el servidor web realiza el procesamiento preliminar correspondiente y la utiliza; el script del servidor para generar el script del servidor de la página (Usando WebFramework) Llame a datos desde el local y el cliente para generar una página;

WebServer usa la página generada como el cuerpo de la respuesta HTTP, genera encabezados HTTP basados; en diferentes resultados de procesamiento y los envía de vuelta al cliente.

El cliente (navegador) recibe una respuesta HTTP. Generalmente el cuerpo de la respuesta HTTP obtenida por la primera solicitud es un código HTML, por lo que se analiza el código HTML.

Durante el proceso de análisis, los recursos (CSS adicional, código JS, imágenes, audio y vídeo, archivos adjuntos, etc.) se envían al servidor web, y el servidor web encuentra el archivo correspondiente y lo envía. volver;

El navegador analiza el contenido del HTML y utiliza además el código CSS obtenido para representar la apariencia. El código JS también puede manejar la apariencia hasta cierto punto.

Cuando el usuario interactúa con la página (haciendo clic, pasando el cursor, etc.), el código JS responde añadiendo efectos especiales y animaciones.

Durante el proceso de interacción, puede ser necesario solicitar o enviar datos adicionales al servidor (actualización local, similar a la notificación de mensaje nuevo de Weibo). En términos generales, es un salto o una solicitud (acción de respuesta o tiempo) al servidor web a través de código JS.

El servidor web luego utiliza scripts del servidor para procesar (generar recursos o escribir datos, etc.). ) y devuelve los recursos al cliente, y el cliente utiliza los recursos obtenidos para implementar efectos dinámicos u otros cambios.

Preste atención al empleo excelente y obtenga más conocimientos de front-end.

¿Cómo mostrar productos en el sitio web SNS?

1. Primero, ingresa a la plataforma de la comunidad, busca la sección de actividades y publica la actividad. (Muchas plataformas tienen permiso para publicar eventos.

2. Ingrese al fondo de gestión de eventos y establezca el título del evento, la hora, la cantidad de participantes, el contenido del evento y la ubicación uno por uno.

3.Detallado La ubicación del evento se mostrará automáticamente en el mapa visual de la página principal

4. Los solicitantes serán revisados ​​durante el registro y solo aquellos que pasen podrán participar en el evento. /p>