Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Mi primera web

Aprender a hacer una sencilla web paso a paso partiendo de cero.

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

RSS. Suscribir canal.

Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 4.0 Internacional.

6. Retoques finales (I)

6.1. Mover la imagen.

Cuestión de estilo.

Ahora que tenemos un menú lateral, tal vez deberíamos mover la imagen de la derecha un poco más abajo, para no sobrecargar el principio de la página, y distribuir más uniformemente el texto.

La imagen quedaría mejor si la pusieramos a la altura de la lista "buscadores", a su derecha, así de paso cubrimos el hueco vacío que tenemos ahí.

Mover la imagen

Para mover la imagen de sitio nada mas fácil que cambiar de sitio la línea que la define en el archivo index.html. para ello hacemos lo siguiente:

abrimos el archivo index.html con el bloc de notas y buscamos la línea de la imagen.

La linea es la siguiente (marcada en rojo)

.......
   <li><a href="#"> Seccion 5.</a> </li>
</ul>
</div>
   <img class="dibujo" src="objetos/dibujo.gif" alt="conexión a Internet"
     width="285px"  height="238px"/>
   <p>Hola, estoy aprendiendo a hacer Webs y este es mi primer 
     párrafo, no es muy largo, pero es un párrafo.</p>	
......

Con el boton izquierdo del ratón pulsado, muevelo sobre esa línea para seleccionarla. una vez seleccionada pulsa el botón derecho del ratón y en el menú que aparece pulsa en cortar.

Ahora busca el principio de la lista de buscadores, y justo antes de la etiqueta <ul> marcamos el cursor, y pulsamos el botón derecho del ratón. En el menú que sale elegimos pegar. La etiqueta habrá cambiado de sitio, de forma que quede así (texto nuevo en azul)

......
<h2>Buscadores en la Web.</h2>
   <p>Voy a escribir la lista de los buscadores más usados en la World Wide Web. 
     Con este paso aprendo a escribir listas y a insertar enlaces a otras Webs.</p>
	
   <img class="dibujo" src="objetos/dibujo.gif" alt="conexión a Internet" 
       width="285px"  height="238px" />
<ul>
......
		

una vez cambiada la línea de sitio, guardamos y cerramos el bloc de notas, y abrimos el archivo index.html con el navegador para ver los cambios.

Tu página Web quedará así: Ver mi Web.

En el siguiente paso vamos a mejorar el estilo del menú lateral, para que quede un poco más profesional.

Ir al siguiente paso: Retocar las listas.

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com