Ser la página de inicio de un individuo

Este artículo se aplica a los siguientes escenarios

El líder señaló una página web y dijo, esto es bueno, y nuestra página también está hecha de acuerdo con este diseño y estilo. En este momento, es bastante laborioso escribir directamente en html + css + js. La forma más rápida es, por supuesto, copiar la página web directamente. Este artículo no necesita otras herramientas, solo use las dos funciones del navegador "guardar página como" y "ver código fuente de la página" para obtener la copia de la página web, el resultado demuestra que independientemente de la función js, solo mire la apariencia de la página web, es completamente igual De la pagina.

por ejemplo

Tome la siguiente página web como ejemplo: el diseño es simple, pero debe escribirlo desde cero y la depuración llevará mucho tiempo.
Ser la página de inicio de un individuo
Haga clic con el botón derecho en la página, vea el código fuente de la página.
Ser la página de inicio de un individuo
La nueva pestaña del navegador abrirá archivos html completos,
Ser la página de inicio de un individuo
copie todo el contenido html a testindex.html, este documento es nuestra página web. Eliminamos el archivo css y el directorio del archivo js introducido en el cuadro rojo ../../, esto nos sirve para crear un directorio conveniente, luego de la modificación, solo necesitamos crear un directorio común en el mismo nivel de directorio de testindex.html, evitando testindex. Cree un directorio fuera del directorio donde se encuentra html.
Ser la página de inicio de un individuo
Haga clic en los nombres de los archivos js y css en la página de código fuente de la página y el archivo js se abrirá en una nueva pestaña, como se muestra a continuación. Si copia el contenido del archivo js css en el archivo correspondiente, algunos caracteres confusos afectarán la visualización final y mi prueba falló.
Ser la página de inicio de un individuo
Para lograr el archivo js y css deseado con "Guardar página como" para obtener
Ser la página de inicio de un individuo
la carpeta de archivos, hay flechas que apuntan a todos los js y css testindex.html necesitan
Ser la página de inicio de un individuo
Ser la página de inicio de un individuo
establecer las necesidades de js y css en el directorio de catálogo testindex.html, copie el archivo correspondiente entre
Ser la página de inicio de un individuo
y abra el navegador testindex.html
Ser la página de inicio de un individuo
encontrado La parte china está distorsionada, la conversión del archivo UltraEdit se
Ser la página de inicio de un individuo
completa de nuevo, la pantalla china es normal. La ventana emergente se debe al problema de interacción entre js y servicios en segundo plano. Solo copiamos la apariencia, por lo que este problema no necesita ser tratado. Puedes comentar el archivo js correspondiente a la acción más adelante.
Ser la página de inicio de un individuo
Todavía es malo que la imagen no se pueda mostrar. La posición relativa de la imagen se configura en Login.css. La
Ser la página de inicio de un individuo
URL de la imagen se puede adivinar a través de la posición relativa. El navegador abre la URL para
Ser la página de inicio de un individuo
descargar la imagen y ponerla en el directorio. Al mismo tiempo, modifique el directorio de la imagen en css a url ("img / frame / banner.jpg "),
Ser la página de inicio de un individuo
Actualice el navegador y compruebe que la imagen también se haya cargado correctamente. Otras imágenes se tratan igual
Ser la página de inicio de un individuo

para resumir

Solo las funciones "Guardar página como" y "Ver código fuente de la página" del navegador pueden lograr el propósito de copiar la apariencia de una página web.
Si usa Guardar página como, también puede guardar la mayoría de los elementos de la página, pero la estructura del directorio del archivo será muy desordenada y habrá ubicaciones de directorio confusas en el archivo principal, lo que no es propicio para el mantenimiento y la administración posteriores. Por lo tanto, se recomienda que el archivo principal sea el código fuente de la página directamente copiado, y la ubicación de los archivos de imágenes, css y js también debe establecerse manualmente, para que la estructura del proyecto sea razonable y clara, y el mantenimiento posterior sea conveniente.
De hecho, no es necesario descargar imágenes. Es imposible utilizar las imágenes originales de otras personas en nuestras páginas web. Si crea sus propias imágenes y las coloca en el directorio correcto, la página mostrará nuestras propias imágenes.
El archivo js implica la interacción con el servicio en segundo plano, solo necesitamos imitar la apariencia y todos los archivos js importados pueden ser comentados.

Supongo que te gusta

Origin blog.51cto.com/14947900/2548483
Recomendado
Clasificación