Los Webgasoleros

Visita

Java Scripts

Efectos en enlaces

También

Además

Curso para principiantes:

Lección 4

Este es un curso para aprender a hacer una página Web sin tener conocimientos previos.

Conseguir imágenes para la página:

Deseamos seguramente quitar la imagen de los pececillos, y colocar una nuestra. Eso es algo muy fácil de conseguir, pero recuerda que debes tener una imagen tuya preparada, pues si no es así, no podrás agregarla a tu página.

Si no dispones de ninguna imagen, busca en la red alguna que te guste, la guardas en tu disco rígido parándote sobre la imagen, y haces click en el botón derecho de tu ratón.

Ahora escoges la opción que consta en la ventana que se abrió al activar el botón derecho del ratón sobre la imagen y seleccionas "Guardar imagen como..".

Se abre una nueva ventana que te permite seleccionar donde quieres guardar la imagen. En "guardar en..." escoges la carpeta donde la guardarás.

Incorporación de imágenes:

Ahora que tienes tu imagen, vamos a colocarla en la página.

1_ Haces click sobre la imagen de los pececillos. Seguramente ha sido rodeada por unos pequeños puntos cuadrados, significa que la imagen ha sido seleccionada.

2_ Presionas la tecla "Del", que es la abreviatura de "Delete", que significa "Borrar", y borras la imagen actual.

3_Subes ahora hasta donde dice en el menú de la parte superior de la pantalla, y te posicionas en "Insertar".

4_Haces click en "Insertar", y se abre una nueva ventana. Eliges "Imagen".

5_Te sitúas sobre la palabra "Imagen", y a la derecha de la misma, se abrirá una ventana desplegable. En ella te paras donde dice "Desde archivo...".

6_Haces click en "Desde archivo...", y se abrirá una nueva ventana..

La búsqueda de la imagen en tu disco rígido:

1_Debes prestar atención a la ventana que se ha abierto, a que en su título (siempre está en una franja azul que hay en la parte superior de la ventana), allí debe decir: "Imagen".

2_En caso que se ha abierto otra ventana arriba de la mencionada, la cierras, de manera que quede en pantalla solo la intitulada "Imagen".

3_ En la parte inferior de esta ventana, hallarás que dice: "Dirección URL". A la derecha, encontrarás el aspecto como de dos imágenes de lupas. La que debes escoger es la que está más a la derecha, y si te paras sobre la misma con tu ratón, aparece la leyenda: "Selecciona un archivo en el equipo". Y tiene esta forma:

4_Haces click en esa opción, y se abrirá una ventana que en su título dice: "Seleccionar archivo".

5_Donde dice "Buscar en...", ingresas a localizar la carpeta donde se encuentra la imagen que quieres colocar en tu página.

6_Cuando la localizas, haces click encima de la imagen (es decir, sobre el nombre de la misma, que se halla al lado de la cámara fotográfica), y se abrirá automáticamente en tu página, justo en el lugar donde se hallaban los pececillos que quitaste.

Este será el resultado:

Construyamos una Web

SECTION 1
Title 1
Title 2
Title 3

SECTION 2
Title 1
Title 2
Title 3
Title 4

SECTION 3
Title 1
Title 2
Title 3
Title 4
Title 5

SECTION 4
Title 1
Title 2
Title 3
Title 4
Title 5
Title 6

Fish Photo Caption
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

Solo que no deseas que la imagen se vea tan grande, entonces, haces click sobre ella para seleccionarla, y será rodeada por puntos cuadrados. Te sitúas sobre uno de los vértices donde se encuentra uno de los puntos, haces click sobre él, y sin soltar el botón de tu ratón, arrastras ese vértice hacia adentro para achicar la imagen, o hacia afuera para agrandarla.

En nuestro caso la debemos achicar, así que lo hacemos, y debemos conseguir este resultado:

Construyamos una Web

SECTION 1
Title 1
Title 2
Title 3

SECTION 2
Title 1
Title 2
Title 3
Title 4

SECTION 3
Title 1
Title 2
Title 3
Title 4
Title 5

SECTION 4
Title 1
Title 2
Title 3
Title 4
Title 5
Title 6

Así está mejor ¿no es cierto?.

Vayamos a la lección 5 para proseguir nuestro curso

Click aquí para ir a lección 5

Buena suerte.