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

El proceso detallado de diseño y producción web se analiza de la siguiente manera:

1. Primero, descargue e instale Dreamweaver. Después de abrir, cree una nueva página web. Generalmente elija "HTML" para crear una página web. Elegir la interfaz "Clásica" nos ayudará a utilizar el software más fácilmente.

2. Seleccione las siguientes tres interfaces: código, división y diseño. En términos generales, la interfaz de diseño predeterminada es una interfaz visual diseñada para usuarios novatos, que puede mejorar las páginas web.

3. Creamos un sitio web y creamos un archivo en el ordenador como directorio raíz. Todos los archivos y páginas del sitio web se guardan en este archivo. El propósito de crear un sitio web es tener un marco claro entre las páginas del 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 los valores predeterminados. De esta manera, cualquier imagen que agregue al sitio se guardará automáticamente en el archivo y no se perderá. Tenga en cuenta que el nombre del archivo debe estar en inglés. A continuación se muestra un archivo que creé (BasketballInfo.com). Haga clic en BasketballInfo.com en la esquina inferior derecha - Desplácese hacia abajo 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. Primero cree la página de inicio de este sitio y aprenda a agregar imágenes primero. Insertar--Imagen--Seleccione el material que desea 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 daré una demostración sobre cómo cambiar el tamaño de la imagen.

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. Finalmente, recuerda guardar tu página web después de crearla. Archivo en la esquina superior izquierda - Guardar.

8. Finalmente, aprendemos a agregar hipervínculos. Usaré la segunda página web que creé como demostración. Seleccione el texto de BasketballInfo.com, haga clic en Propiedades - Enlaces - en la parte inferior de la página - haga clic en el botón Archivo para seleccionar la primera página web para que el texto de BasketballInfo.com se vuelva azul. Este es un enlace interno al sitio web y viceversa es un enlace externo. Agregue como se muestra. Asegúrese de escribir http://.................................

9. Por último, navegamos por la web. Esquina superior izquierda del documento: navegue por 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 web:

Estilo general y 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 de referencia o imitación. Dado un tema, es probable que no haya dos personas que diseñen exactamente el mismo sitio web.

El estilo es más 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, colores, fuentes, eslóganes), diseño, estilo de navegación, interactividad, texto, tono, valor del contenido, el significado y el honor de la existencia 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 salimos 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 páginas web:

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

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

3. Elija primero un color y luego elija su color de contraste;

4. Utilice un sistema de color: en resumen, elija primero un color y luego elija su color de contraste.

En la combinación de colores de una página web, también debemos prestar atención a algunos malentendidos:

1 No utilice todos los colores, intente controlarlos entre tres y cinco colores;

p>

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

Referencia: Enciclopedia Baidu: Diseño

¿Cuáles son los procesos y pasos para que los usuarios accedan al sitio web mediante un navegador?

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

El servidor recibe la solicitud HTTP y el servidor web realiza el procesamiento preliminar correspondiente y la utiliza; script del servidor para generar la página; el script del servidor (usando WebFramework) llama a los datos pasados ​​localmente y desde el cliente para generar una página

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

Después de recibir la respuesta HTTP, el cliente (navegador) generalmente primero solicita obtener el código HTML en el cuerpo de la respuesta HTTP y, por lo tanto, comienza; para analizar el código HTML;

El servidor encontrará recursos de referencia durante el proceso de análisis (CSS adjunto, código JS, imágenes, audio y video, archivos adjuntos, etc.) y luego enviará la solicitud.

El navegador analiza el contenido del HTML y utiliza el código CSS generado para representar aún más la apariencia. El código JS también puede contribuir a la apariencia. El código JS también puede procesar la apariencia;

Cuando el usuario interactúa con la página (haga clic, pasa el cursor, etc.), el código JS reaccionará y agregará efectos especiales y animaciones;

El proceso de interacción puede requerir solicitar o enviar datos adicionales al servidor (actualización localizada, similar a la notificación de nuevo mensaje de Weibo), que generalmente es un salto o código JS (

WebServer luego usa un script de servidor para procesar el solicitar (generar recursos o escribir datos, etc.) y devolver los recursos al cliente.

WebServer luego utiliza scripts del servidor para procesar la solicitud (generar recursos o escribir datos, etc.) y devolver los recursos. El cliente luego utiliza estos recursos para implementar efectos dinámicos u otros cambios.

Céntrese en UE para obtener más información sobre el front-end

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

1. Primero ingrese a la plataforma de la comunidad, busque la sección de actividad y publique la actividad (muchas plataformas tienen configuraciones de permisos para la publicación de actividades)

2. Ingrese al fondo de administración de actividades y ajuste la actividad. título, hora y participación. Establezca el número de personas, el contenido del evento, la ubicación, etc.

3. La ubicación detallada del evento se mostrará automáticamente en la página de inicio en forma de un mapa visual. p>

4. Al registrarse para el evento, los inscritos serán revisados ​​y solo aquellos que pasen la revisión podrán participar en el evento.