No se puede evitar que los usuarios de Internet de copiar sus imágenes HTML y Web. los internautas pueden hacer clic en "Ver código fuente" y ver su código HTML. Pueden también haga clic con imágenes en su página web y guardarlos en su disco duro. Puede que sea más difícil para los visitantes del sitio para copiar sus imágenes protegiéndolos el uso de hojas de estilo en cascada.
Instrucciones
1 Abre el archivo HTML página Web mediante el Bloc de notas o un editor HTML.
2 Agregue el código siguiente a la sección "<body>" de su documento.
<Div class = "protectImage"> </ div>
Esto crea un elemento vacío "div". Tenga en cuenta el parámetro de "clase". Se refiere a una clase de hoja de estilo en cascada llamada "protectImage."
3 Agregue el código siguiente a la sección "<head>" del documento:
<Style type = "text / css">
.protectImage {background-image: url (abc.gif);
background-repeat: no-repeat;
Anchura: 400px;
altura: 400px;
Margen: 1 3 4 4;
</ Style>
Esto crea la clase "protectImage". Reemplazar "abc.gif" con el nombre de un archivo de imagen en su disco duro. La propiedad "margen" fija la parte superior de la imagen, a la izquierda, inferior y derecho. En este ejemplo, son uno, dos, tres y cuatro. Cambiar estos valores a cualquier cosa que te gusta. Los números más grandes agregarán más espacio alrededor de la imagen. Las propiedades y "ancho" "altura" establecen dimensiones de la imagen. Ajuste para adaptarse a los coincida con las dimensiones de su imagen. Los valores se expresan en píxeles.
4 Guarde el archivo HTML y abrirlo en su navegador.
5 Haga clic en la imagen. No verá una opción para guardarlo.
Consejos y advertencias
- Quitar la propiedad "margen" si no desea establecer márgenes de una imagen. Retire las propiedades y "ancho" "altura" si desea que el tamaño de la imagen por defecto a sus dimensiones normales.