Este documento describe los pasos para editar una imagen y crear un fondo de página web básico. Primero, se edita el brillo y el semitono de una imagen de moto utilizando Microsoft Office Picture Manager. Luego, se crea una carpeta con la imagen y un archivo HTML index. Finalmente, se agregan etiquetas HTML para establecer la imagen como fondo y agregar texto a la página.
Optimización de imagen de fondo para sitio web de motocicletas
1.
2. Pues comenzamos buscando una foto relacionada con la empresa en internet en
este caso la foto de una moto
En este caso la imagen seleccionada es funcional por su gran tamaño
Ver imagen: nos permite
saber el tamaño de la
imagen el cual es muy
importante
3. Procedemos a abrir Microsoft office picture manager para para que podamos
editarle el brillo a la imagen seleccionada
Procedemos a cambiarle el tono y el semitono
Brillo y contraste: es una de
las opciones de imageny le
vamos a cambiar el brillo y el
semitono de la imagen
Como se puede observar
cambio el brillo y el semitono de
la imagen en comparación con
la imagen anterior
Brillo:el brillo se
encuentra en 30
Semitono: el semitono
se encuentra -80
4. Ya hecho lo de la imagen procedemos a crear el fondo de la página web creamos
una carpeta en este caso tiene el nombre de la empresa (motosayco) que incluya
una carpeta llamada imágenes y un archivo de texto llamado index.html
Carpeta con el nombre de
la empresa
Imágenes: hay se encuentra
la imagen de fondo de la
pagina
Index.html: hay se
encuentran las etiquetas de la
pagina
5. Imagen de fondo de la pagina
Estas son las etiquetas
necesarias
6. Después guardamos el archivo de esta manera
Nos aparecerá la opción de donde podemos elegir la carpeta donde lo vamos a
guardar en este caso en indexque en este caso se abrirá con googlechrome
archivo
Guardar como
Seleccionamos todos los
archivos para que nos
aparesca la opción de
indexgooglechromeY por último
guardar
7. Entramos en la carpeta de index de googlechrome y en internet entra
automáticamente a la pagina que con las etiquetas necesarias debería aparecer
una moto de fondo
Ahora ponemos en la parte superior del fondo el nombre de la empresa
Repitiendo el procedimiento de guardado
Etiquetas
Fondo de la pagina
Etiqueta
8. Frase y línea separadora
Etiqueta de la frase
Etiqueta línea
separadora