Entendido.

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

Logo

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++


logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net




Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 17

Visitas el mes pasado: 24

logo

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




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.







Mi primera web

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

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

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

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